/* This style sheet was written by Paul Dell and was distributed  with a Template available at http://www.dellwebsites.com 
- This comment should remain intact though you are free to edit the style sheet as you see fit.Please delete all comments before uploading to the web */

/*Modified by Christine B. Engelhardt*/


html, body { min-height:101%; margin-bottom:1px; }/*sets a min height so ghost scrollbar appears when needed */

body {
	margin:0; /*sets the body margins to zero */
	padding:0;/*zero off any padding */
	color:#666;/*sets the font colour */
	font: normal 100%/115% Verdana, Sans-serif; /*sets the font weight size line height and family  */
	background:#fff url(../images/index_images/bgimg.gif) repeat-x; /*sets the body bg image colour to white, the url to the bg image and repeats the image on an x axis  */
	min-height: 100%;
	width: 100%;
	height: 100%;

	}

#page {
	width: 790px; /*sets the page div width */
	margin: 0 auto;/* centres the overall design, all design elements are placed within page div */
}

/*below are the two divs that hold the header image */

#header{
	height: 234px;
	background:#000 url(../images/index_images/header.jpg) no-repeat;
	}
#top{
	height: 113px;/*note the height value is the same as the bg image height as in #bottomlogo */
	background-image: url(../images/index_images/topimage.jpg);
}
#bottomlogo{
	height: 121px;
	background:#000 url(../images/index_images/bottomimage.jpg) no-repeat;
}

/*footer styles*/

#footer, #push {
	font-size:12px;
	height: 60px;
	text-align:center;
	clear: both;
	line-height: 13px;
	letter-spacing: 1px;
	padding-top:5px;
  }
#dottedline {
 	border-top: 1px dotted #CCCCCC;
	padding-bottom:5px;
}

#copy {
	font-size: 10px;
	color:#666;
	padding-top: 5px;
}
 
/*#footer {
	font-size:11px;
	background-color: #50021B;
	margin:auto;
	width:100%;
	height: 70px;
	clear: both;
	color: #FFF;
  }
*/

/*footer link styles*/
.footer, .push {
	font-size:12px;
	height: 60px;
	text-align:center;
	clear: both;
	line-height: 13px;
	letter-spacing: 1px;
	padding-top:5px;
  }
  
#footer a {
	color:#CCCCCC;
	text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color:#FEBD3D;
	text-decoration: none;
  }

/*------navigation-------*/


.roundbutton{ /*container that holds a row of round buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #fff; /*menu strip background*/
padding: 4px 0;
border-width: 1px 0;
}

* html .roundbutton{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.roundbutton a.round{ /*roundbutton button CSS*/
background: transparent url(../images/media/redboxlft.gif) no-repeat top left;
display: block;
float: right;
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
 /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);this and next two rules control opacity of buttons before hover
opacity: 0.9;
-moz-opacity: 0.9;*/
}

.roundbutton a.round:link, .roundbutton a.round:visited, .roundbutton a:active{
color: white; /*button text color*/
}

.roundbutton a.round span{
background: transparent url(../images/media/redboxright.gif) no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.roundbutton a.round:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons during hover*/
opacity: 0.9;
-moz-opacity: 0.9;
/*opacity: 1;
-moz-opacity: 0.99;*/
}

.roundbutton a.round:hover span{ /* Hover state CSS (for text) */
color: #fff;
}

.roundbutton .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.roundbutton .rightsection a{
color: navy;
}

/*ul#navigation {
	padding: 0;
	margin: 0;
	text-align:left;
	float:right;
	padding-right: 5px;
	background-color: #7F171F;
	color: #fff;
}
ul#navigation li { display: inline; }
ul#navigation li a {
  font-size: 12px;
  height:20px;
  padding: .25em .5em;
  background-color: #7F171F;
  color: #fff;
  text-decoration: none;
  float:left;
  border-right: solid 1px #fff;
}
a:link, a:visited { color: #fff; }
ul#navigation li a:hover {
	color: #000;
	background-color: #B6212D;
}
ul#navigation li#active a { background-color: #B6212D; }*/


/*    #thumbsleft {
	font-size:90%;
	width: 135px;
	float: left;
	margin-top: 10px;
 
  }
    #thumbsleft a{
	color:#CCC;
	padding:2px;
	display:block;
	border:solid 1px #fff;
	height:1%; 
	margin: 3px;
	text-decoration: none;
	background-color: #000000;
	font-size: 80%;
}
     #thumbsleft a:hover{
	display:block;
	color: #2B1A0C;
	background-color: #B6212D;
}

     #active{
	display:block;
	color: #2B1A0C;
	background-color: #B6212D;
}*/
  
 /*below are the styles created for the gallery pages such as portrait.html where are thumbnail photo's display */
   #thumbs {
	line-height:140%;
	width: 652px;
    margin: auto;
 
  }
  #leftthumbs {
	width: 190px;
	margin: 40px 0;
	float: left;
}
  
.gallery {
  float:right;
  margin:6px;
  padding:0;
  list-style:none; 
  }

.gallery li{
  display:block;
  float:left;
  margin:10px;
  padding:0;
  }
/*below does not work in IE6-*/  
img {
border:none;
}
img:hover {
opacity: 0.95;
}


/*link styles*/
a{
	color: #666;/*font colour for links*/
	text-decoration: none;/*removes the underline*/
	font-size: 12px/13px;
}
a:visited{
	color: #666;/*font colour for visited state of links*/
	font-size: 12px/13px;
}
a:hover{
	color: #999;/*font colour for hover state of links*/
	font-size: 12px/13px;
}
a:active{
	color: #ccc;/*font colour for active state of links*/
	font-size: 12px/13px;

}


img {border: none; }/*zeros any border from our images*/



#nextpage {
	width: 130px;
	float:right;
	margin:12px 12px 20px 0;
 
  }
#nextpage a{
	color:#fff;
	display:block; /*makes whole area clickable, this makes the link look and act like a button*/
	background-color: #B6212D;
	border:solid 1px #7F171F;
	height:1%;
	margin: 3px;
	font-size: 70%;
	padding-left: 3px;
}
#nextpage a:hover{
	display:block;
	border:solid 1px #7F171F;
	background: #7F171F;
}

#music{
	margin:auto;
	}