/* CSS Document */

*{margin: 0; padding: 0;}
html {
	font: 125% Arial, Helvetica, sans-serif;
}
body {
	font-size: 50%;
	background: #92401f url(img/bg.gif) repeat-x top left;
}
.hiddenSpan{display: none;}
.left{float: left; margin: .5em 1em;}
.right{float: right; margin: .5em 1em; }
/*/////////LAYOUT///////////////////////////////////////////*/
#container{
	width: 770px;
	margin: 0px auto;
	padding: 0 7px;}
	#header{
		background: url(img/bgHeader.jpg) no-repeat 0 -10px;
		height: 182px;
		margin-top: 20px;}
		h1{
			}
	#middle{
		background: url(img/bgMiddle.gif) repeat-y top left;}
		#nav{float: left; 
			width: 241px;
			padding: 5px 4px 5px 5px;
			font-size:1.1em;
			letter-spacing: .06em;}
		#nav ul{
			list-style: none;}
			#nav li{
				display: inline;}
			#nav a{
				display: block;
				background: #794d35;
				margin: 2px 0;
				padding: 2px 0 2px 20px;
				border: 1px solid #4d2612;
				text-decoration: none;
				color: white;
				font-size: 1em;
				font-weight: normal;
				text-transform:uppercase;
				width: 218px;}
				#nav a:hover{
					background: #af7f65 url(img/arrow.gif) no-repeat 10px center;
					}
				#nav ul ul{
					padding: 0;
					width: auto;
					background: none;}
					#nav ul ul a{
						padding: 2px 0 2px 35px;
						width: 203px;
						}
		#content{
			width: 520px;
			float: left;
			padding: 10px 0;
			color: white;}
			#subContent{
				}
	#bottomNav{
		background: #5c1012;
		color: white;
		text-align: center;
		padding: .5em;
		border-bottom: 1px solid black;}
	#bottom{
		}
	#footer{
		color: white;
		width: 770px;
		position: relative;
		margin: 0 auto;
		text-align: center;
		background: url(img/nasfm.gif) no-repeat top right;
		height: 43px;}
#home #footer{
	background: none;}
#home #nav{
	padding-bottom: 50px;
	background: url(img/nasfm.gif) no-repeat center bottom;}
/*/////////CUSTOM/////////////////////////////////////////*/
#content img.promo{
	border: none;}
#gallery {
	width: 500px;	
	border: 1px solid #794d35;
	position: relative;
	/*background: #5a677d;*/
	margin: 1em auto;}
#gallery a img, #gallery img{border: 3px white solid;}
#content #gallery h4{border-bottom: 1px solid #794d35; margin: 0;}
#gallery h3{
	display: none;}
	#gallery div{float: left;}
		#sectionThumbs{
			width: 120px;}
			#sectionThumbs a{
				display: block;
				margin: 5px;
				padding: 10px 0;
				text-align: center;
				text-decoration: none;}
				#gallery a{color: white;}
				#gallery a:hover{
					background: #af7f65;}
				#sectionThumbs a span{
					display: block;}
		#gallery td{background: blue;}
		#photoThumbs, #photoView{width: 100%; padding: 5px 0;}
		#photoThumbs {padding: 5px 0;}
		#galleryRight{
			width: 375px;
			border-left: 1px solid #794d35;
			}
		#photoThumbs{border-bottom: 1px solid #794d35;}
			#photoThumbs a{margin: 0 5px; padding: 5px; display: block; float: left;}
			#photoView img{
				position: relative;
				margin: 0 auto;
				display: block;
				}
			#photoView p{
				margin: 0;
				padding: 0;
				width: auto;
				text-align: center;}
				
				
				
fieldset{
	position: relative;
	padding: 2px 5px;
	width: 400px;
	margin: 0 auto;
	border: 1px solid white;}
legend {font-size:1.1em; color: white;}
label { 
	display: block;
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: right;}
#directions label{
	width: 120px;}
label:first-letter {text-decoration: underline;}
input, textarea {
	width:auto;      
	margin:5px 0 0 10px;}
	input.go{
		border: 1px solid white;
		background: #7c90a2;
		margin: 0;
		color: white;
		height: 20px;}
	input.go:hover{
		background: #92abdc;}
textarea { overflow: auto; background: white; font: 1.3em Arial, Helvetica, sans-serif; width: 400px; position: relative; margin: .5em auto 0;}
form .required{font-weight:bold;}
form br {clear:left;}
/*/////////GRAPHICAL BUTTONS//////////////////////////////*/


/*/////////TYPOGRAPHY/////////////////////////////////////*/
a{
	font-size: 1em;
	color:#FFCC00;
	font-weight: bold;}
#content img{
	border: 3px solid #794d35;}
#content p{
	margin: 1.1em 3em;
	font-size:1.2em;
	color: #DDBFA2;
	font-weight: bold;}
#content h2{
	font-size: 2em;
	font-weight: lighter;
	font-style: italic;
	color: #DDBFA2;
	font-family:"Times New Roman", Times, serif;
	border-bottom: 1px solid #DDBFA2;
	padding: .5em .5em 0;
	line-height: 1em;
	margin: 0 .5em;}
#content h3{
	font-size: 1.5em;
	font-weight: lighter;
	margin: .77em 0 0 1.5em;}
	#content h3 a{
		font-size: 1em;
		margin: 1em;
		display: block;}
#content ul{
	margin: 1em 3.3em;
	background: #615551;
	border: 1px solid #887a77;
	width: 200px;
	padding: 1em 2em;
	font-size: 1.1em;}
h4{
	font-size: 1.3em;
	margin: 1em 2em 0;
	line-height: 1em;}
	h4 a{
		color: #D3B9AB;}

/*/////////CLEARFIX///////////////////////////////////////*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
*html .clearfix {height: 1%;}
.clearfix {display: block;}