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

body {
	background: url(../graphics/mainbg.jpg);
	font-family: arial, sans-serif;
	padding-top: 10px;
}	
.newp  {
	font-family: arial, sans-serif;
	font-size: 11px;
	padding: 0 0 15px 0;
	}
.splat	{
	padding: 0 0 10px 0;
	}
h1 {
	text-indent: -9999px;
}
h1 a {
	display: block;
	width: 800px;
	height: 100px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
h2 {
	text-indent: -9999px;
	height: 30px;
}
h3 {
	font-size: 120%;
	font-weight: bold;
	padding-top: 10px;
}
h4 {
	font-size: 160%;
	font-weight: bold;
	padding-top: 10px;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
label {
	display: block;
	padding: 10px 0 3px 0;
}
#container {
	background: #EAE7C1;
	width: 810px; 
	padding: 0 20px;
	margin: 0 auto;	
	background: url(../graphics/midbg.jpg) left top repeat-y;
}
#masthead  {
	background: url(../graphics/mastheadbg.jpg);
	width:804px;
	height: 110px;
	padding: 13px 21px 0 25px;
	margin: 0 auto;	
}

#nav  {
	background: #E0DDA3;
	width: 120px;
	float:left;
	margin:30px 0 20px 20px;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
}
#nav li {
	background: url(../graphics/navbottom.gif) center bottom no-repeat;
	padding: 2px 0;	
}
#nav li.last {
	background: none;
}
#nav li a {
	display: block;
	width: 100px;
	padding: 6px 10px;
}
#nav li a:hover {
	background: #EAE7C1;
}
#content {
	width: 630px;
	margin: 0 0 20px 160px;
	font-size: 12px;
}
#content p, #homecontent p {
	margin: 10px 0;
}

#search  {
	background: #E0DDA3;
	float: right;
	width: 130px;
	margin: 30px 20px 0 0;
	padding: 10px;
	font-family: arial, sans-serif;
	font-size: 10px;
}
#search form {
	padding-bottom: 20px;
}
#search select {
	width: 120px;
	font-size: 10px;
	margin: 3px 0 10px 0;
}
#homecontent {
	text-align: center;
	margin: 0 190px 0 160px;
	padding: 30px 0;
	font-size: 12px;
}
#flash  {
	width: 350px;
	height: 280px;
	margin: 0 auto;
}

#footer  {
	background: url(../graphics/footer.jpg);
	width:850px;
	height: 68px;
	clear:both;
	margin: 0 auto;	
	font-size: 11px;
	text-align: center;
}

a {
	color: #7F0000;
	text-decoration: none;
}

a:hover {
 	color: #FF9900;
	text-decoration: none;
}

#footer ul {
	margin: 0;
	padding: 10px 0 0 0;
	}
#footer li {
	display: inline;
	font-size: 11px;
	padding: 0 10px;
	}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	margin-top: 10px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-top: 10px;
}
.thumbrow {
	float: left;
	padding: 10px 0;
	border-bottom: 1px solid #CCCCCC;
}
.thumb {
	float: left;
	width: 150px;
	text-align: center;
}
.categorycol {
	width: 300px;
	padding-right:10px;
	float: left;
}
.matcol {
	width: 150px;
	text-align: center;
	padding-bottom: 15px;
	float: left;
}
.gcert {
	text-align:center;
}
.ajcnav {
	padding: 10px 0 5px 0;
	font-size: 11px;
}
.ajcnav li {
	display: inline;
	padding: 0 5px 0 0;
}
.ajcnav li a {
	padding: 0;
	margin: 0;
}
.sitemapcol {
	width: 290px;
	padding-right: 20px;
	float: left;
}
.trilogytable {
	margin-top: 10px;
	font-size: 90%;
}
#imgdetails {
	text-align:center;
}
#imgdetails h3 {
	font-size: 150%;
}
#imgdetails table {
	margin: 10px auto;
}
#imgspecs td {
	width: 150px;
	text-align: center;
}
#imgdetails table th  {
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	background: #E0DDA3;
	border-right: 1px solid #EAE7C1; 
}
#showstable th  {
	font-weight: bold;
	padding: 5px 0;
	background: #E0DDA3;
	border: 1px solid #EAE7C1; 
}
#frametable td {
	text-align: center;
	width: 120px;
}
#showstable th, #showstable td {
	vertical-align: top;
	padding-left: 5px;
}
#showstable td {
	padding: 10px 0;
	border-bottom: 1px solid #C8BF57; 
}
#showstable th.cityinfo, #showstable td.cityinfo {
	width: 92px;
}
#showstable th.dateinfo, #showstable td.dateinfo {
	width: 122px;
}
#showstable th.locationinfo, #showstable td.locationinfo {
	width: 224px;
}
#showstable th.timeinfo, #showstable td.timeinfo {
	width: 122px;
}
#contactform {
	width: 300px;
	padding-left: 30px;
	float: right;
}
#contactform textarea, #contactform select {
	width: 250px;
}