/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	margin:auto;
	text-align:center;
	font-size:12px;
	background-image:url(../images/site-bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	margin-top:20px;
}

div{
	overflow:hidden;
}

input, select, textarea{
	font-size:12px;
}

a{
	color:#6391b0;
}

a:hover{
	color:#641518;
	text-decoration:underline;
}

a img:hover,
input[type="image"]:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

h1{
	font-size:18px;
	color:#6391b0;
}

h2{
	font-size:16px;
	color:#6391b0;
}

h3{
	font-size:14px;
	color:#6391b0;
}

#site{
	margin:auto;
	width:804px;
	overflow:hidden;
	text-align:left;
}

#site #site-header{
	width:804px;
	height:146px;
	background-image:url(../images/header-bg.jpg);
	background-repeat:no-repeat;
}

#site #site-header #site-nav-home{
	float:left;
	padding-left:10px;
	padding-top:7px;
	height:102px;
}


#site #site-header #site-nav-social{
	width:190px;
	float:left;
	padding-top:30px;
}


#site #site-header #site-nav-social a{
	display:block;
	float:left;
	padding-left:10px;

}


#site #site-header #site-nav{
	clear:both;
	width:804px;
	height:37px;
}


#site #site-header #site-nav .top-nav-link{
	float:left;
	display:block;
	height:0px;
	padding-top:37px;
	background-image:url(../images/header-nav-bg.jpg);
	background-repeat:no-repeat;
}

#site #site-header #site-nav #top-nav-about{
	background-position:0px 0px;
	width:94px;
}

#site #site-header #site-nav #top-nav-education{
	background-position:-94px 0px;
	width:131px;
}

#site #site-header #site-nav #top-nav-story{
	background-position:-225px 0px;
	width:131px;
}

#site #site-header #site-nav #top-nav-events{
	background-position:-365px 0px;
	width:112px;
}

#site #site-header #site-nav #top-nav-video{
	background-position:-477px 0px;
	width:94px;
}

#site #site-header #site-nav #top-nav-resources{
	background-position:-571px 0px;
	width:133px;
}

#site #site-header #site-nav #top-nav-contact{
	background-position:-695px 0px;
	width:109px;
}



#site #site-header #site-nav #top-nav-about:hover,
#site #site-header #site-nav #top-nav-about.selected{
	background-position:0px -37px;
	width:94px;
}

#site #site-header #site-nav #top-nav-education:hover,
#site #site-header #site-nav #top-nav-education.selected{
	background-position:-94px -37px;
	width:131px;
}

#site #site-header #site-nav #top-nav-story:hover,
#site #site-header #site-nav #top-nav-story.selected{
	background-position:-225px -37px;
	width:131px;
}

#site #site-header #site-nav #top-nav-events:hover,
#site #site-header #site-nav #top-nav-events.selected{
	background-position:-365px -37px;
	width:112px;
}

#site #site-header #site-nav #top-nav-video:hover,
#site #site-header #site-nav #top-nav-video.selected{
	background-position:-477px -37px;
	width:94px;
}

#site #site-header #site-nav #top-nav-resources:hover,
#site #site-header #site-nav #top-nav-resources.selected{
	background-position:-571px -37px;
	width:133px;
}

#site #site-header #site-nav #top-nav-contact:hover,
#site #site-header #site-nav #top-nav-contact.selected{
	background-position:-695px -37px;
	width:109px;
}

#site #site-content{
	background-image:url(../images/content-body-bg.png);
	background-repeat:repeat-y;
	padding:10px;
	min-height:500px;
}


#site #site-content .column-left{
	width:388px;
	float:left;
	background-image:url(../images/content-left-bg-top.jpg); 
	background-color:#FFFFFF;
	background-repeat:no-repeat;
}


#site #site-content .column-left .left-content{
	padding:10px;
}



#site #site-content .column-right{
	width:380px;
	padding-left:10px;
	float:left;
}

#site #site-content .column-right .content-image{
	padding:2px;
	padding-bottom:0px;
	background-color:#FFFFFF;
	background-image:url(../images/content-image-bg-top.jpg);
	background-repeat:no-repeat;
}

#site #site-content .column-right .content-image-padded{
	padding-top:5px;
}

#site ul{
	list-style:none;
	padding:0px;
	margin:0px;
	display:inline-block;
}

#site ul li{
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	clear:both;
}

#site ul li a{
	text-decoration:none;
	display:inline-block;
	cursor:hand;
}

#site ul li a:hover{
	text-decoration:underline;
}

#site ul li .content-date{
	float:left;
	padding-right:5px;
}

#site ul li .content-title{
	float:left;
}



#site .basic-page h1{
	margin:0px;
	padding:0px;
	padding-bottom:5px;
}

#site .basic-page .content-date{
	font-weight:bold;
}

#site .basic-page .content-detail{
	padding-top:10px;
}

#site #site-footer{
	padding-top:10px;
	text-align:center;
}

#site .content-image-subtitle h3{
	padding:0px;
	padding-top:5px;
	padding-left:10px;
	margin:0px;
	font-size:12px;
}

