/*server resets*/
div, ul, ol, li, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0}

/* general styles */

.break { clear: both; visibility: hidden; margin: 0; padding: 0; }
.break_right {clear:right; visibility: hidden; margin: 0; padding: 0; }
button { margin: 0 0 10px 0; border: none; cursor: pointer; background: none; }
img {border:none;}
input { margin: 0; }
li{list-style:none;}
img.floatright { margin:0 0 10px 20px; padding: 0; float:right;}
img.floatleft { margin:0 20px 10px 0; padding: 0; float:left;}

h1.sec_title {margin: 0 0 5px 0; width:500px; float:left; }
p.events {margin: 5px 0;}


/*page structure*/
body { top: 0; margin: 0; padding: 0; text-align: center; min-width: 970px; }

.wrapperHeader { margin: auto; padding: 0; text-align: left;}
.wrapper { margin: auto; padding: 0; text-align: left;}	
.page_container {width: 970px;  margin: auto;}

/*header*/

.header{ width: 970px; margin:5px auto 0 auto ; padding:0; }
.masthead { height:30px }

.logo {float:left; border: none; display: block; margin:0; padding: 0; width: 350px; }
.functional { margin: 5px 0; padding: 0; width: 600px; ; float:right; }

.nav-functional { float:right; margin:0 15px 0 0;}
	.nav-functional ul {}
	.nav-functional li { float: left; padding: 0 10px; margin: 0;  }
	.nav-functional a {text-decoration: none; }
	
.search{ width:200px; float:right;  margin: 0 ; position: relative; top:0; right:0; }
.search button { margin:  0; padding: 0; background: none; border: none; cursor: pointer; }
.search input, select { width: 125px; padding:2px 5px;}

/*login panel*/

button.login { margin: 5px 0; padding: 2px 20px;border: none; cursor: pointer;  float:left}
input.login { margin: 5px 0;padding:2px 5px; width:125px }

.login_panel{ width: 970px;  padding:10px 0 0 0; margin:auto; }

.login_panel_left{ width: 392px; float:left;  margin:0 20px 0 0; padding: 0 ; float:left;}
.login_panel_right{ width: 557px; float:left;  margin: 0; padding: 0 ;}
.login_panel_sub_left{width: 182px; float:left; margin:0 ; padding: 0 ;}
.login_panel_sub_right {width: 250px; float:left;  margin:0; padding: 0 0 0 20px; }


.member_panel{ width: 970px;  padding:10px 0 0 0; margin:auto; }
.member_panel_left{ width: 392px; float:left;  margin:0 20px 0 0; padding:0; float:left;}
.member_panel_right{ width: 557px; float:left;  margin: 0; padding: 0 ;}
.member_panel_sub_left{width: 182px; float:left; margin:0 ; padding: 0;}
.member_panel_sub_right {width: 250px; float:left;  margin:0; padding: 0 0 0 20px; }

.member ul{margin:10px 0 0 0; padding: 0 ;}
.member li {background:transparent url(images/btn_member_login.gif) no-repeat 1px 6px; margin:5px 0 0 0 ;padding:0 0 0 15px;}

.close_menu {width: 80px; float:right;  margin:0 0 10px 0; padding:20px 0 0  0 ; }


/*home page*/

.feature 
 
/*these are the different backgrounds and placements for text boxes in the feature area on the home page.*/
.first {float:left; width:744px; margin:0; background:url(images/img_home_feature.jpg) no-repeat; height: 309px;}
.first_text{float:left; width:194px; margin:113px 0 0 215px;position: relative; height: 196px; overflow: hidden;}

.second {float:left; width:744px; margin:0; background:url(images/img_home_feature2.jpg) no-repeat; height: 309px;}
.second_text{float:left; width:194px; margin:113px 0 0 317px;position: relative; height: 196px; overflow: hidden;}

.third {float:left; width:744px; margin:0; background:url(images/img_home_feature3.jpg) no-repeat; height: 309px;}
.third_text{float:left; width:194px; margin:113px 0 0 419px;position: relative; height: 196px; overflow: hidden;}

.sub_feature_container { margin:0; padding: 0; width:970px;}

/*left column*/

.left_column{ width:206px; float:left;  margin: 0 0 0 ; position: relative; padding:0; }
.identity {background:url(images/img_logo_nav.gif) no-repeat; height:103px; width: 206px; position:relative; float:left;}
.nav_panel {width: 206px;float:left; margin:0 ; padding:0;background:url(images/img_bg_nav.jpg) no-repeat; height:206px;}

.nav_main {width: 206px;float:left; margin:0 ; padding:0;background:url(images/img_bg_nav.jpg) no-repeat; height:206px;}
.nav_main li.first {float:left; position: relative; top:50px; left:60px}
.nav_main li.second {float:left; position: relative; top:50px; left:120px}
.nav_main li.third {float:left; position: relative;top:150px; left:-20px}
.nav_main li.fourth {float:left; position: relative;top:150px; left:40px }


/* =Nav Elements */
/*first set*/
	#nav-learn {float:left; position: relative; top:50px; left:65px; z-index:10;}
	#nav-learn a { display:block; text-decoration: none; color:#20558A; width:30px;}
	#nav-learn ul { padding: 0; margin: 0; list-style: none; }
	#nav-learn li { float: left; padding:0; margin: 0; }
	/* adjust nav-learn code below for drop down menus */
	#nav-learn li ul{position:absolute; top:0; left:180px; margin:8px 0 0 0; padding:0; left:-999em; height:auto; /*width:140px; w\idth:168px*/width: 206px;; border-top:none;height:auto;}	
	/*drop-down placement in realtion to the nav bar*/
  	#nav-learn li li{ position: relative; top:-58px; left:39px; padding:5px 0; margin:0 ; font: normal 11px/16px Verdana,Arial,Helvetica,sans-serif; background:#1a232a; border:solid #2b4d57; border-width:0 1px 1px 0; height: auto;}
	#nav-learn li li:hover, #nav-learn li li.sfhover{background:#E4ECEE;}	
	#nav-learn li li a{/*width:140px; w\idth:154px*/width: 195px; /*w\idth: 154px; */padding:0 6px;}
	#nav-learn li ul a{color:#FFF; /*border-left:1px solid #2b4d57;*/}
	#nav-learn li ul a:hover, #nav-learn li ul a.sfhover{color:#9A000D;}
	#nav-learn li ul ul{margin: -21px 0 0 167px; border-bottom: 1px solid #ccc; w\idth: 180px; }
	#nav-learn li:hover ul ul, #nav-learn li:hover ul ul ul, #nav-learn li.sfhover ul ul, #nav-learn li.sfhover ul ul ul{left:-999em;}
	#nav-learn li:hover ul, #nav-learn li li:hover ul, #nav-learn li li li:hover ul, #nav-learn li.sfhover ul, #nav-learn li li.sfhover ul, #nav-learn li li 
	/* background hover for main nav*/
    #nav-learn li.sfhover ul{color:#fff; left:auto;}
	#nav-learn li:hover, #nav-learn li.sfhover{color:#fff; background:#9A000D;}

/*second set*/
	#nav-collaborate {width: 60px;float:left; position: relative; top:50px; left:102px; z-index:9;}
	#nav-collaborate a { display:block; text-decoration: none; }
	#nav-collaborate ul { padding: 0; margin: 0; list-style: none; }
	#nav-collaborate li { float: left; padding:0; margin: 0; }
	/* adjust nav-main code below for drop down menus */
	#nav-collaborate li ul{position:absolute; top:0; left:180px; margin:8px 0 0 0; padding:0; left:-999em; height:auto; /*width:140px; w\idth:168px*/width: 206px; font-weight:normal; border-top:none;height:auto;}
	/*drop-down placement in realtion to the nav bar*/
	#nav-collaborate li li{ position: relative; top:-58px; left:72px; padding:5px 0; margin:0 ; font: normal 11px/16px Verdana,Arial,Helvetica,sans-serif; background:#1a232a; border:solid #2b4d57; border-width:0 1px 1px 0; height: auto;}
	#nav-collaborate li li:hover, #nav-collaborate li li.sfhover2{background:#E4ECEE;}	
	#nav-collaborate li li a{/*width:140px; w\idth:154px*/width: 195px; /*w\idth: 154px; */padding:0 6px;}
	#nav-collaborate li ul a{color:#FFF; /*border-left:1px solid #2b4d57;*/}
	#nav-collaborate li ul a:hover, #nav-collaborate li ul a.sfhover2{color:#9A000D;}
	#nav-collaborate li ul ul{margin: -21px 0 0 167px; border-bottom: 1px solid #ccc; w\idth: 180px; }	
	#nav-collaborate li:hover ul ul, #nav-collaborate li:hover ul ul ul, #nav-collaborate li.sfhover2 ul ul, #nav-collaborate li.sfhover2 ul ul ul{left:-999em;}
	#nav-collaborate li:hover ul, #nav-collaborate li li:hover ul, #nav-collaborate li li li:hover ul, #nav-collaborate li.sfhover2 ul, #nav-collaborate li li.sfhover2 ul, #nav-collaborate li li 
	/* background hover for main nav*/
    #nav-collaborate li.sfhover2 ul{color:#fff; left:auto;}
	#nav-collaborate li:hover, #nav-collaborate li.sfhover2{color:#fff; background:#9A000D;}

/*third set*/
	#nav-advocate {width: 40px;float:left; position: relative; top:150px; left:-46px; z-index:10;}
	#nav-advocate a { display:block; text-decoration: none; }
	#nav-advocate ul { padding: 0; margin: 0; list-style: none; }
	#nav-advocate li { float: left; padding:0; margin: 0; }
	/* adjust nav-main code below for drop down menus */
	#nav-advocate li ul{position:absolute; top:0; left:180px; margin:8px 0 0 0; padding:0; left:-999em; height:auto; /*width:140px; w\idth:168px*/width: 206px; font-weight:normal; border-top:none;height:auto;}	
	/*drop-down placement in realtion to the nav bar*/
	#nav-advocate li li{ position: relative; top:-55px; left:60px; padding:5px 0; margin:0 ; font:normal 11px/16px Verdana,Arial,Helvetica,sans-serif; background:#1a232a; border:solid #2b4d57; border-width:0 1px 1px 0; height: auto;}	
	#nav-advocate li li:hover, #nav-advocate li li.sfhover3{background:#E4ECEE;}	
	#nav-advocate li li a{/*width:140px; w\idth:154px*/width: 195px; /*w\idth: 154px; */padding:0 6px;}
	#nav-advocate li ul a{color:#FFF; /*border-left:1px solid #2b4d57;*/}
	#nav-advocate li ul a:hover, #nav-advocate li ul a.sfhover3{color:#9A000D;}
	#nav-advocate li ul ul{margin: -21px 0 0 167px; border-bottom: 1px solid #ccc; w\idth: 180px; }	
	#nav-advocate li:hover ul ul, #nav-advocate li:hover ul ul ul, #nav-advocate li.sfhover3 ul ul, #nav-advocate li.sfhover3 ul ul ul{left:-999em;}
	#nav-advocate li:hover ul, #nav-advocate li li:hover ul, #nav-advocate li li li:hover ul, #nav-advocate li.sfhover3 ul, #nav-advocate li li.sfhover3 ul, #nav-advocate li li 
	/* background hover for main nav*/
    #nav-advocate li.sfhover3 ul{color:#fff; left:auto;}
	#nav-advocate li:hover, #nav-advocate li.sfhover3{color:#fff; background:#9A000D;}

/*fourth set*/
	#nav-resource {width: 40px;float:left; position: relative; top:150px; left:13px; z-index:9;}
	#nav-resource a { display:block; text-decoration: none; color:#20558A; }
	#nav-resource ul { padding: 0; margin: 0; list-style: none; }
	#nav-resource li { float: left; padding:0; margin: 0; }
	/* adjust nav-main code below for drop down menus */
	#nav-resource li ul{position:absolute; top:-45px; left:180px; margin:8px 0 0 0; padding:0; left:-999em; height:auto; /*width:140px; w\idth:168px*/width: 206px; font-weight:normal; border-top:none;height:auto;}
	/*drop-down placement in realtion to the nav bar*/	
	#nav-resource li li{ position: relative; top:-12px; left:63px; padding:5px 0; margin:0 ; font:normal 11px/16px Verdana,Arial,Helvetica,sans-serif; background:#1a232a; border:solid #2b4d57; border-width:0 1px 1px 0; height: auto;}
	#nav-resource li li:hover, #nav-resource li li.sfhover4{background:#E4ECEE;}	
	#nav-resource li li a{/*width:140px; w\idth:154px*/width: 195px; /*w\idth: 154px; */padding:0 6px;}
	#nav-resource li ul a{color:#FFF; /*border-left:1px solid #2b4d57;*/}
	#nav-resource li ul a:hover, #nav-resource li ul a.sfhover4{color:#9A000D;}
	#nav-resource li ul ul{margin: -21px 0 0 167px; border-bottom: 1px solid #ccc; w\idth: 180px; }	
	#nav-resource li:hover ul ul, #nav-resource li:hover ul ul ul, #nav-resource li.sfhover4 ul ul, #nav-resource li.sfhover4 ul ul ul{left:-999em;}
	#nav-resource li:hover ul, #nav-resource li li:hover ul, #nav-resource li li li:hover ul, #nav-resource li.sfhover4 ul, #nav-resource li li.sfhover4 ul, #nav-resource li li 
	/* background hover for main nav*/
    #nav-resource li.sfhover4 ul{color:#fff; left:auto;}
	#nav-resource li:hover, #nav-resource li.sfhover4{color:#fff; background:#9A000D;}


.callout {width: 206px;float:left; margin: 0; padding:0;}
.callout_left{float: left; width: 84px;padding:0 ; margin: 0;  }
.callout_right{float: right; width: 122px;padding:0 ; margin: 0; }
.callout li {margin: 0 0 5px 0;}

/*middle column*/
.container { margin: 20px 0 0 0; padding: 0; }
.middle_column {width:518px; float:left;  margin: 0 0 0 20px  ; position: relative;}

.headlines {padding: 0; margin: 10px 0 20px 0 ;  width:100%;}
.headlines ul {padding: 10px; margin: 0;}
.headlines li a.closed { padding: 15px; margin:0 ; background: url(images/btn_headline_closed.gif) no-repeat; background-position: 0px 18px;}
.headlines li a.open{ padding: 15px; margin:0 ; background: url(images/btn_headline_open.gif) no-repeat; background-position: 0px 18px;}	
.headlines ul li { margin:0 ; background-image: none; list-style:none}
.headlines img {float:left; margin: 0 10px 0 0;}
	
.programs {padding: 0;margin: 10px 0 20px 0 ; width:100%; }
.programs ul {padding: 0 ; margin: 0;}
.programs li {padding:10px  0; width:100%}
.programs .date{float:left;width:139px; margin: 0 0 0 10px; }
.programs .event {padding: 0; margin: 0 0 0 10px;}
.programs .more {padding: 0; margin: 0 0 0 10px;}

.ads img{float:left; margin: 12px;}

/*right column*/

.right_column { width:206px; float:left;  margin: 0 0 0 20px ; position: relative; padding:0;}


/*secondary page styles*/
.sec_wrapper {margin:5px 0 0 0; padding: 0; }
.sec_page_wrapper{width:970px; margin: 0 auto; padding: 0;  text-align:left; }
.sec_container{width:970px; margin: 0 auto; padding: 0;  text-align:left; }

.sec_left_column{ width:206px; float:left;  margin: 1px 0 0 0 ; position: relative; padding:0; }
.sec_nav_panel {width: 206px;float:left; margin:0 ; padding:0;background:url(images/img_bg_sec_nav.jpg) no-repeat; height:206px;}
.sec_sub_nav {float:left; margin:0;padding: 0;}

.sec_content{ margin:10px 0 0 20px; padding: 0; float:left; width: 724px; }
.sec_header{ margin: 30px 0 0 0; padding: 0; float: right; width:100%; border-bottom:#afbac1 1px solid;}
.sec_title{ width:500px; margin: 0; padding: 0; float:left;text-align:left;}

.pagetools {width:100px; margin:10px;float:right;height:20px;text-align:right; }
.pagetools img {margin: 0 5px 0 0;}

.breadcrumbs{margin:10px 0 25px 0; padding:0; width:100%; float:left;}
.breadcrumbs ul{padding:0; margin:0}
.breadcrumbs a{text-decoration:none}
.breadcrumbs li{float:left;padding: 0 0 0 10px; ; margin:0;  background:url(images/bg_breadcrumb.gif) no-repeat; background-position:0px 6px}
 .breadcrumbs li.first{padding: 0 5px 0 0; background:none}

.sec_subfeatures{width:100%; margin: 20px 0 0 0; padding: 0; float:left; }
.sec_subfeature{width:169px; margin: 0 15px 0 0; padding: 0; float:left; }
.sec_subfeature_last {width:171px; margin: 0; padding: 0; float:left;}

.sec_news_events {width:100%; margin: 20px 0 0 0; padding:15px 0 0 0; float:left;  border-top:#afbac1 1px solid;}

.sec_sub{width:352px; margin:0; padding: 0 10px 0 0; float:left;}
.sec_sub ul{margin:10px 0 0 0; padding: 0 ;}
.sec_sub li { margin: 5px 0 0 0;}
.sec_sub li a{background:transparent url(images/img_arrow_bullet.gif) no-repeat 1px 6px; margin: 0;padding:0 0 0 15px;}

.sec_sub_nav ul {margin: 20px 0 0 0; padding: 0;}
.sec_sub_nav li{margin: 0; padding: 5px;border-bottom:#afbac1 1px solid;}

.sec_sub_nav li ul {margin:0; padding: 0;}
.sec_sub_nav li li {margin: 5px ; padding: 0;border-bottom:none;}

.ad_small img {margin:20px ; padding: 0;}
.sec_two_col_container{width:100%; margin: 0; padding: 0; float:left; }
.sec_subtitle {margin: 0 0 10px 0; padding:0;}
.sec_left_subtitle { width:475px; margin: 0 0 10px 0; padding:0; border-right:none;}
.sec_left {width:475px; margin: 0 20px 0 0; padding: 0 20px 0 0; float:left; }
.sec_right {width:206px; margin: 0; padding: 0; float:right; }
.sec_info {width:100%; margin: 10px 0 0 0; padding: 0; float:left; }
.sec_info ul {margin:5px 0 0 0; padding: 0;}
.sec_info li{margin: 10px 0 0 0 ; padding: 0;}


/*footer*/
.footer { clear: both; padding: 50px 0 20px 0; text-align: center;}
	.footer a { text-decoration: none;}