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

/*RESET*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height:1;
	list-style-type: none;
}

/*-------------------------------*/	

body {
	background: none repeat scroll 0 0 #b2b0af;
	color: #ccc9c8;
	font-family: 'Kameron', Arial, Helvetica, sans-serif;
}
a {
	color: #ccc9c8;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #ff726c;
}
a:active {
	color: #ff726c;
}
p {
	font-size: 14px;
	line-height: 21px;
}
h1 {
	font-size: 25px;
	font-weight: 400;
}
h2 {
	font-size: 17px;
	font-weight: 400;
}
h3 {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}
#wrapper {
	background: url(../images/home_page/top_bg.png) repeat-x #403f3f;
	width: 100%;
	border-bottom: 1px solid #363535;
	height: auto;
}

/*Start header */
#header {
	width: 938px;
	height: 241px;
	margin: 0 auto;
}
#logo {
	float: left;
}
#top_nav {
	float: right;
	width: 542px;
	height: 38px;
	background-color: #595857;
	border-right: 1px solid #252524;
	border-bottom: 1px solid #252524;
	border-left: 1px solid #252524;
	padding: 22px 17px 0 17px;
	margin: 0;
}
#top_nav ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#top_nav li{
	float: left;
	margin: 0 24px;
}
#logo_text {
	float: left;
	margin: 80px 0px 0px 58px;
}
/*end header */

/*start main content and left nav */
#container {
	margin: 0 auto;
	width: 938px;
}
#main {
	margin: 0 auto;
	width: 938px;
	background: url(../images/home_page/left_nav_bg.png) repeat-y;
	overflow: hidden;
}
#left_nav {
	float: left;
	width: 217px;
	margin-bottom: 52px;
}
#left_nav p {
	line-height: 15px;
}
.active {
	color: #ff726c;
}
#main_content {
	float: right;
	width: 720px;
	padding-bottom: 118px;
	position: relative;
}

/*expandable text area*/
.expandable {
	margin: 19px 0px 0px 23px;
}
.expandable h1 {
	font-size: 25px;
	font-weight: 400;
	line-height: 32px;
}
.expandable h2 {
	font-size: 17px;
	font-weight: 400;
	border-bottom: 1px solid #8b8988;
	padding-bottom: 12px;
	line-height: 18px;
}
.expandable h3 {
	font-size: 17px;
	font-weight: 400;
	float: right;
	margin-top: 29px;
}
.expandable p {
	margin-top: 14px;
}
.expandable p.intro:first-letter {
	font-size: 25px;
}
.expandable .intro a {
	color: #ff726c;
	font-size: 14px;
	line-height: 21px;
}
.expandable .close a {
	color: #ff726c;
	font-size: 14px;
	line-height: 21px;
}
.slideshow {
	position: relative;
}

/*home page main content area*/
.hp-link {
	background: #ccc9c8;
	margin: 23px 0px 0px 23px;
	padding: 12px;
	float: left;
	position: relative;
	height: 192px;
	width: 192px;
}
.hp-link .caption {
	width:192px;
	height:192px;
	background:#000;
	position:absolute;
	left: 12px;
	top: 12px;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}
.hp-link .caption a {
	text-decoration:none;
	color: #e6e3e1;
	padding:5px;
	display:block;
	height: 192px;
	width: 192px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.hp-link h1 {
	font-size: 21px;
	font-weight: 400;
	line-height: 24px;
	margin: 48px 10px 0px 12px;
}
.hp-link p {
	font-size: 15px;
	font-weight: 400;
	margin: 6px 24px 12px 12px;
	border-top: 1px solid #8b8988;
	padding-top: 12px;
	line-height: 21px;
}
.clearfloat {
	clear: both;
}

/*Top Nav pages - About Awards Publications and Contact*/

.about-submenu {
	height: 36px;
	width: 96px;
	margin: 0px 24px 0 0px;
	background-color: #595857;
	float: left;
}
.about-submenu h2 {
	padding: 10px 0 0 13px;
}
.about-text {
	margin: 23px 0px 0px 23px;
}
.about-text h1 {
	padding-bottom: 12px;
	border-bottom: 1px solid #8B8988;	
}
.about-text p {
	margin-top: 14px;
}
.about-text p.intro:first-letter {
	font-size: 25px;
}
.biopic {
	background: #ccc9c8;
	margin: 14px 23px 0px 0px;
	padding: 12px;
	float: left;
	position: relative;
	height: 192px;
	width: 192px;
}
.award-text {
	margin: 23px 0px 0px 23px;
}
.award-text h1 {
	padding-bottom: 12px;
	border-bottom: 1px solid #8B8988;	
}
.award-text h3 {
	padding-top: 23px;
}
.award-text p {
	padding-top: 3px;
}
.publication-text {
	margin: 23px 0px 0px 23px;
}
.publication-text h1 {
	padding-bottom: 12px;
	border-bottom: 1px solid #8B8988;	
}
.publication-text h3 {
	padding-top: 23px;
}
.publication-text p {
	padding-top: 3px;
}
.pubright-col {
	float: right;
	width: 50%;
}
.publeft-col {
	float: left;
	width: 50%;
}
.contact-text {
	margin: 23px 0px 0px 23px;
}
.contact-text h1 {
	padding-bottom: 12px;
	border-bottom: 1px solid #8B8988;	
}
.contact-text h2 {
	padding-bottom: 3px;
}
.contact-text h3 {
	padding: 23px 0 3px;
}
.right-col {
	margin-top: 68px;
	float: right;
}
.right-col p {
	margin-top: 11px;
}
.map {
	padding: 24px;
	background: #ccc9c8;
}

/*end main content and left nav */
#footer {
	width: 938px;
	margin: 0 auto;
}
#footer h3 {
	font-size: 12px;
	font-weight: normal;
	color: #878583;
	float: right;
	margin: 21px 1px 36px 0px;
}