/* CSS Document */
@import url(normalize.css);

html { 
	text-align: center;
	height: 100%;
}
body {
	position: relative;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
 	font-size: 12px;
 	color: #636363;
 	background: #D0CDC7 url(../images/bg-tile.gif) repeat-y center;
 	height: 100%;
}
#wrapper {
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -24px;
}
h1 {
	width: 950px;
	height: 131px;
	background: url(../images/logo.gif) no-repeat left white;
	text-indent: -9999px;
}
h2 { text-indent: -9999px; height: 40px; }
#index h2, #about h2 { width: 384px; background: url(../images/header-index.gif) no-repeat; }
#content h2 { width: 384px; background: url(../images/header-content.gif) no-repeat; }
#date h2 { width: 384px; background: url(../images/header-date.gif) no-repeat; }
#connect h2 { width: 407px; background: url(../images/header-connect.gif) no-repeat; }
#news h2 { width: 384px; background: url(../images/header-news.gif) no-repeat; }

h3 { 
	font-size: 14px;
	font-weight: bold;
	color: #909A15;
	font-family: Helvetica, Arial, sans-serif;
	}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #C17A23;
	font-family: Helvetica, Arial, sans-serif;
}
h5 { 
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
}
a { color: #909A15; }
a:hover { color: #C17A23; text-decoration: underline; }
p { line-height: 16px;}

#nav-primary {
	width:946px;
	height: 31px;
	background-color: #797979;
	padding: 0 2px;
}
#nav-primary li {
	float: left;
	width: 189px;
	text-align: center;
}
#nav-primary li a {
	width: 189px;
	height: 22px;
	text-transform: uppercase;
	color: white;
	background: url(../images/bg-nav.gif) no-repeat;
	display: block;
	padding-top: 9px;
	font-size: 11px;
}
#nav-primary li a:hover, #nav-primary li.active a {
	background: url(../images/bg-nav-over.gif) no-repeat;
	color: #3F4040;
	text-decoration: none;
}

#content-main {
	margin: 9px 9px 0 362px;
	background: url(../images/bg-content-main.gif) no-repeat;
}
#content-main img { float:left; margin: 19px 19px 23px 11px;}
#content-main h3 { margin: 19px 25px 17px 0 ;}
#content-main h3 em { color: #666666;}

#content-main.secondary h3 { margin: 37px 25px 17px 39px ;}
#content-main.secondary p { margin: 0 50px 0 39px; padding-bottom: 20px;}

ul.promo {
	clear: left;
	padding: 53px 0 0 11px;
	margin-left: 351px;
	background: url(../images/bg-promo-tile.gif) repeat-x top;
}
ul.promo li {
	width: 171px;
	float: left;
	padding: 163px 12px 12px 13px;
	font-size: 11px;
	position: relative;
}

ul.promo h4 {
	padding-bottom: 32px;
}
ul.promo img {
	position: absolute;
	top: 11px;
	left: 12px;
}

.promo-one { background: url(../images/bg-promo-one.jpg) no-repeat;}
.promo-two { background: url(../images/bg-promo-two.jpg) no-repeat;}
.promo-three { background: url(../images/bg-promo-three.jpg) no-repeat;}

#content-feature {
	position: absolute;
	top: 180px;
	left: 8px;
	width: 334px;
	height: 268px;
}
#index #content-feature { background: url(../images/placeholder-index2.jpg) no-repeat; }
#about #content-feature { background: url(../images/feature-about.jpg) no-repeat; }
#date #content-feature { background: url(../images/feature-date.jpg) no-repeat; }
#content #content-feature { background: url(../images/feature-content.jpg) no-repeat; }
#connect #content-feature { background: url(../images/feature-connect.jpg) no-repeat; }
#news #content-feature { background: url(../images/feature-news.jpg) no-repeat; }

#content-news {
	position: absolute; 
	top: 460px;
	left: 12px;
	width: 326px;
	font-size: 11px;
}
#content-news h4{
	margin: 0 0 9px 17px;
}
#content-news h5 { padding-bottom: 16px;}
#content-news li {
	padding: 14px 0 10px 17px;
	border-bottom: 2px solid #EEEDEC;
}
#content-news p, #content-news a { margin-left: 17px; padding-bottom: 16px;}
#content-news em { color: #C17A23;}

#site-info {
	color: #F68E56;
	font-size: 10px;
	height: 12px;
	width: 513px;
	margin-left: 351px;
	background-color: #EEEDEC;
	text-align: right;
	padding: 6px 43px;
}


.push { 
	clear: both;
	height: 24px;
}
#connect h3 { font-size: 21px; font-weight: normal; color: #C17A23; }

#connect .bios {
	margin: 20px 0 0 39px;
}
#connect #content-main .bios li { margin: 0 0 32px 0; position: relative;}
#connect #content-main .bios li img { margin: 0 14px 14px 0; float: none; position: absolute; top: 0; left: 0;}
#connect #content-main.secondary p { padding-bottom: 0;}

#connect #content-main.secondary .bios li p { margin: 0 50px 0 131px; padding-bottom: 20px;}
#connect #content-main .bios li h3 { font-size: 14px; margin: 0 25px 0 131px; padding-top: 0; color: #909A15; font-weight: bold;}
#connect #content-main .bios li h4 { margin-left: 131px; color: #909A15; font-weight: normal; font-size: 14px; margin-bottom: 20px;}
#connect #content-main .bios li a { margin: 16px 0 0 131px;}
#connect #content-main .bios li span { display: none;}
#connect #content-main .bios li a.hide {display: none;}
.links-side { margin-left: 79px;}
.links-side img {margin-bottom: 10px;}