/* ----- @ Main Elements -----*/
body {
	background:url('bg.jpg');
	color:#000;
	font-family:arial, san-serif; 
	font-size:8pt;
	margin:0; 
	padding:0; 
}

a:link, a:visited, a:active {
	color:#751113;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#751113;
	font-weight:bold;
	text-decoration:underline;
}

td {font-size:8pt;}
p {margin:0; padding:0;}

h1 {
	font-size:10pt;
	margin:7px 0 0 0;
	padding:0px;
}
h2 {
	font-size:9pt;
	margin:15px 0 0 0;
	padding:0px;
}
h3 {
	color:#752A18;
	font-size:9pt;
	margin:7px 0 0 0;
	padding:0px;
}

hr {background-color:#752A18; color:#752A18;}

input.button {font-size:8pt; margin-right:5px;}
img {border:0;}

ul {margin:0; padding:0;}
ul li {margin:0; padding:0;}


/* ----- @ Misc ----- */
.container {margin:0 auto; width:760px;}
.container2 {margin:0 auto; width:800px;}

.fLeft {float:left;}
.fRight {float:right;}

.img, .img-r, .img-l {
	background:#fff;
	border:1px solid #d3c799;
	padding:3px;
}
	.img-r {
		float:right;
		margin:0 0 7px 7px;
	}
	.img-l {
		float:left;
		margin:0 7px 7px 0;
	}


/* ----- @ Header ----- */
#top-x {background:url('top-x.jpg') center top repeat-x;}

	#top-non-home {background:url('top-non-home.jpg') center top no-repeat;}
	#top-non-sub {background:url('top-non-sub.jpg') center top no-repeat;}
	
		#fader {clear:both;}
		
		#nav .dropmenudiv {
			background-color:#f6f6f6;
			border:1px solid #ddd;
			border-bottom-width:0;
			line-height:20px;
			margin-left:0px;
			margin-top:-7px;
			position:absolute;
			text-align:left;
			top:0;
			visibility:hidden;
			width:145px;
			z-index:100;
		}		
		#nav .dropmenudiv a {
			border-bottom:1px solid #ddd;
			border-top:1px solid #fff;
			color:#12355d;
			display:block;
			font-weight:normal;
			text-align:left;
			text-decoration:none;
			text-indent:4px;
			width:auto;
		}		
		#nav .dropmenudiv a:hover {
			background-color:#fff;
			color:#752a18;
			font-weight:bold;
			text-align:left;
		}
		* html .dropmenudiv a {width:100%;} /*IE only hack*/
		.notop {border-top:0px !important;}

		
/* ----- @ Content ----- */
#mid-x {background:url('mid-x.jpg') center top repeat-x #f2eed8;}

	#mid-non {background:url('mid-non.jpg') center top no-repeat;}
	
		#dynamic {background:url('dynamic-bg.jpg') left top repeat-y;}
			.dyn1 {padding:0 13px 5px 20px;}
			.dyn2 {padding:0 13px 5px 13px; text-align:center;}
				.photo {
					height:179px;
					position:relative;
					width:240px;
				}
				.photo span {
					background:url('shadow.png') no-repeat;
					display:block;
					height:10px;
					left:0;
					position:absolute;
					top:0;
					width:240px;
				}
			.dyn3 {padding:0 20px 5px 13px;}
			
		#content-home {background:url('content-home-bg.jpg') left top repeat-y;}
			.welcome {padding:0 10px 5px 20px;}
			.sidepad {padding:0 20px;}
			
		#content-sub {background:url('content-sub-bg.jpg') left top repeat-y;}
			.subpage {padding:0 20px 5px 20px;}
			.webcam {margin:10px 0;}
			
			#sideNavContainer {
				background:#fff;
				border:1px dotted #d3c799;
				float:right;
				margin:0 0 7px 10px;
				width:206px;
			}
			#sideNav {
				background:#eae3c9;
				border:1px solid #d3c799;
				margin:3px;
				width:200px;
			}
				#sideNav a:link, #sideNav a:visited, #sideNav a:active {
					color:#000;
					font-weight:normal;
					text-decoration:none;
				}
				#sideNav a:hover {
					color:#751113;
					font-weight:normal;
					text-decoration:underline;
				}
				#sideNav td {padding:5px;}
				#sideNav td p {font-style:italic; padding-bottom:5px;}
				
					#sideNav ul {
						margin:10px 0 5px 0;
					}
					#sideNav ul li {
						list-style-image:url('bullet.gif');
						margin-left:25px;
					}
			#resourceNav, #areaInfo {
				clear:both;
				margin-top:15px;
				width:100%;
			}
			
				#navTable td.title {font-style:italic; padding:0 0 5px 0; text-align:center;}
				#navTable td img.img {border:1px solid #752A18; margin:0 0 2px 0;}
				#navTable td img.img:hover {border:1px dotted #752A18;}


/* ----- @ Footer ----- */
#footer-x {background:url('footer-x.jpg') center top repeat-x;}

	#footer {
		color:#fff; 
		font-size:7pt; 
		text-align:center;
	}

	#footer a:link, #footer a:visited, #footer a:active {
		color:#fff;
		font-weight:normal;
		text-decoration:none;
	}
	#footer a:hover {
		color:#fff;
		font-weight:normal;
		text-decoration:underline;
	}

	#footer p {padding:15px 0;}