/* CSS Document */

/* begin reset all */
*, h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, form { 
	margin: 0; 
	padding: 0; 
}
/* end reset all */



/* begin common */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#ededed;
	background:url(images/bg_grade.jpg) repeat-x;
	
}

h1 {
	color: #FF6633;
	font-size:20px;
	padding:0 0 10px 0;
}

h2 {
	color: #FF6633;
	font-size:15px;
	padding:5px 0 5px 0;
}

h3 {
	color:#ffffff;
	font-size:20px;
	padding:0 0 10px 0;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #6699CC;
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 25px;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style-type:circle;
	padding:5px 0 5px 25px;
}
/* end common */



/* begin masthead */
.masthead {
	width:773px;
	height:145px;
	background:url(images/header_bg.gif) no-repeat;
}

#secondary_programs {
	width:753px;
	height:19px;
	background:url(images/secondary_bg.jpg) repeat-x;
	border-bottom:1px solid #8d8d8d;
	padding:5px 10px 0 10px;
}

.secondary_nav {
	padding:0 10px 0 10px;
}

.secondary_nav a {
	color:#333333;
	text-decoration: none;
}

ul.nav {
	position: relative;
	width: 773px;
	margin: 0;
	list-style-type: none;
	outline: none;
}

ul.nav li a {
	position: absolute;
	text-decoration: none;
	text-indent: -3000px;
	padding: 0 0 0 0;
	overflow: hidden;
	height: 33px;
	outline: none;
	background-color:#33CC99;
	text-align:center;
}

li.index a 			{ background-image:url(images/nav_home_off.gif); width: 110px; left: 0; top:112px; }
body.index li.index a 			{ background-image:url(images/nav_home_on.gif); width: 110px; left: 0; top:112px; }

li.about a 				{ background-image:url(images/nav_about_off.gif);width: 76px; left:68px; top:112px;}
body.about li.about a 				{ background-image:url(images/nav_about_on.gif);width: 76px; left:68px; top:112px;}

li.programs a 			{ background-image:url(images/nav_programs_off.gif); width: 100px; left: 145px; top:112px; }
body.programs li.programs a 			{ background-image:url(images/nav_programs_on.gif); width: 100px; left: 145px; top:112px; }

li.support a 			{ background-image:url(images/nav_support_off.gif);width: 116px; left: 245px; top:112px; }
body.support li.support a 			{ background-image:url(images/nav_support_on.gif);width: 116px; left: 245px; top:112px; }

li.volunteer a 				{ background-image:url(images/nav_volunteer_off.gif);width: 76px; left: 365px; top:112px;}
body.volunteer li.volunteer a 				{ background-image:url(images/nav_volunteer_on.gif);width: 76px; left: 365px; top:112px;}
 
li.awards a 				{ background-image:url(images/nav_awards_off.gif);width: 67px; left: 441px; top:112px;}
body.awards li.awards a 				{ background-image:url(images/nav_awards_on.gif);width: 67px; left: 441px; top:112px;}

li.publications a 				{ background-image:url(images/nav_publications_off.gif);width: 88px; left: 509px; top:112px;}
body.publications li.publications a 				{ background-image:url(images/nav_publications_on.gif);width: 88px; left: 509px; top:112px;}

li.community a 				{ background-image:url(images/nav_community_off.gif);width: 117px; left: 600px; top:112px;}
body.community li.community a 				{ background-image:url(images/nav_community_on.gif);width: 117px; left:600px; top:112px;}

li.links a 				{ background-image:url(images/nav_links_off.gif);width: 53px; left:720px; top:112px;}
body.links li.links a 				{ background-image:url(images/nav_links_on.gif);width: 53px; left:720px; top:112px;}
/* end masthead */



/* begin body */
.body_column {
	margin:0 auto;
	width:773px;
	text-align:left;
	font-size:12px;
	background:url(images/body_bg.gif) repeat-y;
	height:100%;
	border-left:1px solid #8d8d8d;
	border-right:1px solid #8d8d8d;
}

#3col {
	padding:20px 0 0 0;
}

#2col {
	padding:20px 0 0 0;
}

.cell {
	width:215px;
	padding:20px;
}

#col_1 {
	position:relative;
	float:left;
}

#col_2 {
	position:relative;
	float:left;
}

#col_3 {
	position:relative;
	float:left;
}

#body_col {
	width:476px;
	float:left;
	padding:20px;
}

#feature {
	width:773px;
	height:250px;
	background-color:#000000;
}

#feature_content {
	width:445px;
	height:210px;
	position:relative;
	padding:20px;
	float:left;
}	

.feature_copy {
	color:#ffffff;
}

#feature_image {
	background:url(images/banner_rotate.gif) no-repeat;
	width:278px;
	height:250px;
	float:right;
}

.arrow {
	padding:0 0 0 5px;
}

.single_link {
	padding:5px 0 0 0;
}
/* end body */

/* begin tooltip */
.tooltip {
	width:200px;
	height:200px;
	background-color:#336699;
}
/* end tooltip */



/* begin footer */
.footer {
	position:relative;
	width:733px;
	height:25px;
	border-top:1px solid #8d8d8d;
	border-bottom:1px solid #8d8d8d;
	clear:both;
	background-color:#eeeeee;
	margin:0 0 10px 0;
	padding:0 20px 0 20px;
	font-size:10px;
}

#footer_left {
	position:relative;
	float:left;
	clear:both;
	padding:7px 0 0 0;
}

#footer_left a {
	font-size:10px;
}
/* end footer */