@charset "UTF-8";
/* CSS Document */

body {background-color:#660000; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}

#wrapper {
	position:absolute;
	width:926px;
	margin-left:-463px;
	left:50%;
	top:50px;
}

#header {
	float:left;
	width:926px;
	height:50px;
	background:url(../images/dots.gif) no-repeat bottom left;
}

#filler {float:left; width:1px; height:300px;}

#menu {
	font-size:13px;
	text-align:right;
	padding-right:10px;
}

#menu a:link {color:#ffffff; text-decoration:none;}
#menu a:visited {color:#ffffff; text-decoration:none;}
#menu a:hover {color:#ffffff; text-decoration:underline;}
#menu a:active {color:#ffffff; text-decoration:none;}

#content {float:left; width:926px;}

#show #content {background:url(../images/show-back.jpg) no-repeat 0px 20px;}
#about #content {background:url(../images/about-back.jpg) no-repeat top left;}
#new #content {background:url(../images/new-back.jpg) no-repeat top left;}
#prod #content {background:url(../images/prod-back.jpg) no-repeat 0px 20px;}
#involved #content {background:url(../images/vol-back.jpg) no-repeat top left;}
#photos #content {background:url(../images/photos-back.jpg) no-repeat top left;}

#colLeft {float:left; width:175px; text-align:center; line-height:12px; font-size:11px;}
#colRight {float:right; width:175px; text-align:center; line-height:12px; font-size:11px;}

#colLeft img, #colRight img {padding-bottom:10px; padding-top:20px;}

.titleHeader {font-weight:bold; text-decoration:underline; text-align:center;}

#contentMenu {float:right; text-align:right; padding-right:40px; padding-top:12px; font-size:12px; line-height:24px; height:300px;}

#contentMenu a:link {color:#89a9b8; text-decoration:underline;}
#contentMenu a:visited {color:#89a9b8; text-decoration:underline;}
#contentMenu a:hover {color:#89a9b8; text-decoration:none;}
#contentMenu a:active {color:#89a9b8; text-decoration:underline;}

#content a:link {color:#89a9b8; text-decoration:underline;}
#content a:visited {color:#89a9b8; text-decoration:underline;}
#content a:hover {color:#89a9b8; text-decoration:none;}
#content a:active {color:#89a9b8; text-decoration:underline;}

#contentRight {float:right; width:376px; padding:10px; padding-bottom:30px; font-size:13px; line-height:24px;}
#contentPhotos {float:right; width:600px; padding:10px; padding-bottom:30px; font-size:13px; line-height:24px;}

.imgLeft {padding-right:15px; padding-bottom:10px; padding-top:5px; vertical-align:top;}
.imgRight {padding-left:15px; padding-bottom:10px; padding-top:5px; vertical-align:top;}
.imgCenter {padding-bottom:10px; margin-top:-10px;}

#footer {
	float:left;
	width:926px;
	height:70px;
	background:url(../images/footer-back.jpg) #FFFFFF top left no-repeat;
}

#footertext {font-size:10px; padding-left:20px; text-align:left; line-height:16px; padding-top:10px; color:#000000;}

#footertext img {vertical-align:baseline;}

#footertext a:link {color:#000000; text-decoration:none;}
#footertext a:visited {color:#000000; text-decoration:none;}
#footertext a:hover {color:#000000; text-decoration:underline;}
#footertext a:active {color:#000000; text-decoration:none;}

#footertext .copy {color:#a9a9a9;}

.pageHeader {
	width:356px;
	background-color:#FFFFFF;
	padding:10px;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	font-variant:small-caps;
	margin-bottom:10px;
	margin-top:10px;
}

#pageTable { width:375px;}

.tdLeft {text-align:left; font-style:italic; width:175px;}
.tdRight {text-align:right; width:175px;}

#col1, #col2, #col3 {float:left; text-align:center; width:105px; padding:10px;}
#thmb1, #thmb2, #thmb3 {float:left; text-align:center; width:100px; padding:7px;}
#thmb1 img, #thmb2 img, #thmb3 img {padding-bottom:10px;}

.photoTitle {float:left; font-size:14px; text-decoration:underline; font-weight:bold; width:600px;}
.photoDesc {float:left; font-size:12px; line-height:16px; width:400px; padding-bottom:20px;}
.photoCredit {float:right; font-size:10px; font-style:italic; color:#89a9b8; padding-top:20px;}