body {
	background:url(../img/design/body_bg.jpg) repeat-x top center #271900;
	margin:10px auto 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#847E6C;
}

/*BODY*/
#wrapper {
	margin:0px auto;
	width:916px;
	position:relative;
	margin-top:192px;
	}
.clearboth {clear:both;}

/*TOP*/
#header {
	position:absolute;
	height:192px;
	width:952px;
	background:url(../img/design/header_img.png) 7px 0px no-repeat;
	margin-left:-29px;
	top:-189px;
	}
#header h1 {text-indent:-9999px;}


/*CONTENT*/
#contentWrap {
	width:916px;
	margin:0px auto;
	padding-bottom:20px;
	background:url(../img/design/content_bg.png) repeat-y top center;
	}
#contentArea {
	width:567px;
	float:left;
	padding:20px 0 0 30px;
	}
#contentArea h1 {
	font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:16px;
	color:#b38806;
	text-transform:uppercase;
	}
	
#contentArea a {color:#247E86; text-decoration:underline;}
#contentArea a:hover {color:#32AFBA; text-decoration:underline;}
.unitNo {font-size:28px; color:#765529; margin:0; padding:0; letter-spacing:-0.05em;}
#contentArea h2 {color:#056374; font-style:italic; font-size:14px;}
#contentArea h3 {font-variant:small-caps; font-weight:normal; color:#63B8BE; border-bottom:1px solid #EADFB5; font-size:12px; padding-bottom:5px;}
#contentArea p {line-height:200%; font-size:12px;}
#contentArea ul {margin:0 0 0 40px; font-size:12px; letter-spacing:-.01em;}
#contentArea li {margin:0 0 10px; padding:0 0 10px; color:#7C6C2C;}

.imgLeft {float:left; margin:0 10px 15px 0px;}
.imgRight {float:right; margin:0 0 15px 10px;}
.textIndent {margin:20px 0px 20px 90px; padding:10px 20px; background-color:#FDFBE8; border:1px dashed #9E7514;text-decoration:none;}
.textIndent a:link {text-decoration:none;}


.collapsable /*FOR EXP/COLLAPSE JS*/{
    margin: 1em;
    padding: 1em;
   
} 

	
/*FEEDBACK FORM*/
#feedback {
	width:248px;
	float:left;
	margin-left:42px;
	margin-top:20px;
	background:url(../img/design/feedback_bg.jpg) top center repeat-y;
	position:relative;
	font-size:10px;
	text-transform:uppercase;
	color:#516d5e;
	}
.feedbackTop {background:url(../img/design/feedback_top.jpg) top center no-repeat; height:48px; margin:0; padding:0; position:relative; top:-16px;}
.feedbackBot {background:url(../img/design/feedback_bot.jpg) top center no-repeat; height:68px; margin:0; padding:0; position:relative; top:0px;}
#feedback h1 {
	text-transform:uppercase;
	font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:24px;
	line-height:100%;
	color:#516d5e;
	font-weight:normal;
	text-align:left;
	padding:10px 0px 0px 20px;
	}
#feedback form {
	margin-left:20px;
	}
#feedback textarea, #feedback .input, #feedback .select {
	background-color:#fffcef;
	border:1px solid #755903;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:4px;
	margin-bottom:8px;
	width:200px;
	}
	
.submit {width:80px; float:right; clear:both; background-color:#6a541d; border:1px solid #b5cfc1; margin-right:20px; color:#FFFFFF; font-size:16px; text-transform:uppercase;}
.mostRecent {width:160px; background:url(../img/design/most-recent_bg.jpg) top left repeat-y #dcc787; padding:5px; clear:both; font-size:12px; position:relative; top:25px; }
.recentComment { margin:35px auto 10px; padding:0px 20px; text-transform:none; font-size:11px; text-align:left; font-style:italic; color:#615d51; line-height:200%;}
.visitor {text-align:right; padding-right:20px; color:#075864; font-size:13px; text-transform:none;}
.visitorOrigin {color:#615d51; font-size:11px;}

/*dropdowns*/
#nav {
	width:860px;
	height:41px;
	margin:0 auto;
	background:url(../img/design/nav_bg.jpg) top center no-repeat;
	}

#nav ul { /* all lists */
	margin:0 0 0 40px; 
	padding:10px 0 0 40px; 
}

#nav li { /* all list items */
	float: left;
	position: relative;
	list-style:none;
	padding:0 20px 10px 0 ;
	font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	color:#fef5e6;
	margin:10px  0 0 20px;
}

#nav a {color:#FFFFFF; text-decoration:none; padding-bottom:10px;}
#nav a:hover {color:#E6E6E6;}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0;
	background: url(../img/design/dd_carat.jpg) 20px 0px no-repeat #f3f9f5;
  padding:10px 0px 0px;
  width:310px;
  margin-top:9px;
  border:8px solid #d1e9d8;
  border-top:none;
  top: 22px;
  margin-left: -0px;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	 display: block;  z-index:90;
}

#subnav { padding:0; position:absolute; left:-70px; }
#subnav li {margin:0;  width:300px; padding:5px 5px 3px; color:#547f74; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:bold;border-bottom:1px solid #b38806; }
#subnav li a {color:#547f74; text-decoration:none;}
#subnav li a:hover {color:#84AEA4;}

#subnav li:hover ul, #subnav li.over ul { /* lists nested under hovered list items */
	z-index:90;
}


/*COMMENT PAGE*/
#commentList ul {list-style:none; width:500px; color:#a17404;}
#commentList li {width:420px; font-size:13px;background:url(../img/design/comment_bottom.jpg) bottom center no-repeat #fdfde2; padding:10px 15px 45px; line-height:200%;color:#815F03; list-style:none;}
#commentList a img {border:none;}
.commentFrom {text-align:right; font-size:12px; color:#aeae13;}
.school {color:#72a4ac; text-transform:uppercase; font-size:10px;}
.activeStatus {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6C613C;}

/*MAP PAGE*/
.mapDiv {width:370px; font-size:11px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; line-height:150%;}
.mapImg {float:left; margin:0 8px 8px 0; border:1px solid #668833;}