/* CSS Document */

body	{	
	color: #330000;
	background:#cd6903;
	margin: 0px; 
	padding: 0px;
	font: 1em verdana, arial, san-serif;
	}

div#content	{
	margin: 20px 0 0 185px;
	width: 744px;
	padding: 0 1em;
	}	
	
#navlist	{
	width: 744px;
	color:#81311c;
	text-align:center;
	font-size: small;
	font-weight: bold;
	}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; 
}

#navlist a:link, #navlist a:visited
{
color: #000000;
background-color: #fffbd4;
text-decoration: none;

}

#navlist a:hover
{
color: #000000;
background-color: #FFFF66;
text-decoration: none;
}

html {
	color:#000000;
	background:#fff; 
	background-color: #fffbd4;
}
body {text-align:center; font-family:verdana, arial, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; 
	background:#fffbd4;}
a, a:visited {color:#000;}
a:hover {text-decoration:none;}
#wrapper {
	width:750px;
	margin:10px auto 0 auto;
	text-align:left;
}

#page_head {
	width:750px;
	height:115px;
	position:relative;
}

h2#slogan {
	clear:left;
	font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif;
	font-size:1.6em;
	font-weight:bolder;
	margin:0;
	color: #881E20;
}

h2#email	{
	color: #FFFFFF;
	text-align: center;} 

#info {clear:both; width:750px; padding-bottom:15px; font-weight:normal; }
#info h2 {
	font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif;
	font-size:1.4em;
	margin:0;
	color:#881e20;
	text-align:left;
	margin-bottom:10px;
	font-weight: bolder;
}

#container img {text-align:center;}
#container {color: #81311c; }

#content {width:750px; }
#left_column {width:480px; float:left;}
#right_column {width:240px; float:right;}

#page_foot {clear:both; width:750px; padding-bottom:20px;  color:#000000; padding-top:10px; text-align:center;}

p {font-size:12px; color:#000000; line-height:16px; margin:5px 0 15px 0;}

.clear {clear:both;}
.bold {font-weight:bold;}
.float_left {float:left;}

/* photo gallery */

#container {position:relative; width:600px; height:700px; background:#888; /*border:1px solid #000;*/ margin:10px auto;	background-image:url(images/bkgd.jpg);}
#container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}

a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:500px; top:189px; left:9px; color:#000; background:#c8c8c8; text-align:center; /*border:1px solid #000;*/ font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;} 
a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}
a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}
	
#wrapper #page_head #info #container img {text-align: center; margin: 50px;}

	#wrapper #page_head #info #container #email a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
		text-align: center;
}
	#wrapper #page_head #info #container #email a:hover {
	color: #000000;}
