/* READ: "Designing with Web Standards" by Jeffrey Zeldman (New Riders, 2003). */

/* GLOBAL STYLES */
body  {color: #fff; background: #006; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, a, p, ul {font-family: verdana, arial, sans-serif; color: #f8dbbc;}
html p	{color: #f8dbbc; font-size: 85%; text-align: left; line-height: 1.25;}
li {color: #f8dbbc; font-size: 85%; text-align: left; line-height: 1.25;}
	
/* ANCHOR PSEUDO-CLASSES (LVHA) */
a:link {text-decoration: underline; color: #fc6; background: transparent;}
a:visited {text-decoration: underline; color: #fc6; background: transparent;}
a:hover {text-decoration: underline; color: #fff; background: transparent;}
a:active {text-decoration: underline;}
.subnav a:link {text-decoration: none; color: #fc6;}
.subnav a:visited {text-decoration: none; color: #fc6;}
.subnav a:hover {text-decoration: none; color: #fff;}
.subnav a:active {text-decoration: none;}
	
/* SKELETAL STYLES */
#container-container {width:100%;}
#container {width: 774px; padding: 0; background-color: #8a5640; position:relative; }
#nav {position: absolute; top: 185px; left: 0px; width: 153px;}
#nav img {display: block;}
#content {margin-left: 175px; padding: 15px; background-color: #8a5640;}
#footer {clear: both; background-color: #006;}
	
/* INLINE IMAGE STYLES */
a img {border: 0;}
.imageleft {float: left; padding: 20px;}
.imageright {float: right; padding: 20px;}
.imageleft img {margin: 10px 15px 5px 10px;}
.imageright img {margin: 10px 0 5px 15px;}
.imageleft h5  {font-size: 80%; font-weight: bold; color: #fc6; margin: 5px 0 5px 10px;}
.imageright h5 {font-size: 80%; font-weight: bold; color: #fc6; margin: 5px 0 0 15px;}
.imageleft h6  {font-size: 75%; font-weight: normal; font-style: italic; color: #fc6; margin: 0 0 10px 10px;}
.imageright h6 {font-size: 75%; font-weight: normal; font-style: italic; color: #fc6; margin: 0 0 10px 15px;}

.header, .subheader {display: block; margin: 10px 0;}
.usubheader {display: block; margin: 0 0 0 -10px;}

/* TEXT STYLES */
p.subnav {font-size: 70%; margin: 0 0 30px 0;}
p.center {text-align:center;}
#content p {margin-left: 10px; margin-right: 10px; line-height: 1.5;}
.small {font-size: 70%; margin: 0 0 0 10px;}

/* HOMEPAGE STYLES */
#navhome {position: absolute; top: 100px; left: 523px;}
#navhome img {display: block;}
#sponsor {margin: 25px; font-size: 75%;}
#mid {width: 523px; height: 220px; float:left;}
#lowerleft {width: 219px; height: 126px; float:left;}
#lowermid {position: absolute; top: 320px; left: 219px; width: 304px; height: 126px;}

/* GALLERY STYLES */
#thumbrow img {margin: 5px 5px 25px 5px;}
a:link img.gallerythumb {border: 1px solid #000;}
a:visited img.gallerythumb {border: 1px solid #000;}
a:hover img.gallerythumb {border: 1px solid #fff;}
a:active img.gallerythumb {border: 1px solid;}
img.gallerythumbon {border: 1px solid #fff;}
img.gallerylgimage {margin: 10px}