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


body{
	text-align: center;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#595c66;
}

#wrapper{
	text-align:left;
	width:1000px;
	margin:auto;
	background-color:#dce8df;
}

h4{
	font-size:12px;
	font-weight:bold;
}

h2{
	font-weight:bold;
	font-size:16px;
	margin:10px 0px;
}

#banner{
	width:1000px;
	height:92px;
	position:relative;
	margin:auto;
	text-align:left;
}

#banner img{
	border:0;
}	

#content_banner_hp{
	width:1000px;
	background-color:#dce8df;
	padding: 10px 0px;
	margin:auto;
	text-align:left;
}

#banner_image_hp{
	float:left;
	width:697px;
}

#main_content{
	width:1000px;
	background-color:#ffffff;
	padding: 10px 0px;
	margin:auto;
	text-align:left;
}

#statement_content{
	width:1000px;
	background-color:#dce8df;
	padding: 10px 0px;
	margin:auto;
	text-align:left;
}

.inner_content{
	width:955px;
	margin:auto;	
}

.inner_content img{
	border: 1px solid #9faa3a;
}

#footer{
	width:1000px;
	height:220px;
	background-image:url(/images/backgrounds/footer.png);
	background-repeat:repeat-x;
	color:#dce8df;
	margin:auto;
}

#footer a{
	color:#dce8df;
	text-decoration:none;
}

#footer a:hover{
	color:#dce8df;
	text-decoration:none;
}

#footer_nav{
	margin:auto;
	padding-top:20px;
	text-align:center;
}

#footer_content{
	margin:auto;
	padding-top:20px;
	width:955px;
	font-size:10px;
}

#footer_copyright{
	text-align:left;
	float:left;
	width:300;
}

#footer_design_by{
	text-align:right;
	float:right;
	width:300;
}

.full_header{
	height:27px;
	width:100%;
	background-image:url(/images/backgrounds/content_header.png);
	background-repeat:repeat-x;
	text-transform:uppercase;
	color:#dce8df;
	text-align:center;
	font-weight:bold;	
}

.full_header div{
	padding-top:4px;
}

.full_shadow{
	background-image:url(../images/backgrounds/shadow_on_white_bg_955px.png);
	width:955px;
	height:22px;
	background-repeat:no-repeat;
}

.sub_page_text_block{
	padding:10px 0px;
	width:550px;
	margin:auto;
}

input{
	height:16px;
	padding:3px;
}

.protect_button input{
	width:100px;
	height:22px;
}


/******************* BEGIN suckerfish nav *******************/

	#nav_container{
		width:1040px;
		height:75px;
		background-image:url(/images/backgrounds/nav.png);
		background-repeat:repeat-x;
		color:#dce8df;
		font-weight:bold;
		margin:auto;
	}
	
	#nav_shadow{
		width:1000px;
		height:26px;
		background-image:url(/images/backgrounds/nav_shadow.png);
		background-repeat:none;
		margin:auto;
	}
	
	#nav {
		padding-top:28px !important;
		margin-left:150px;
		padding: 0;
		margin: 0;
		list-style: none;
		position:relative;
	}
	
	#nav li {
		float: left;
		cursor:pointer;
		padding: 0px 27px;
		padding-bottom:40px;
		
	}
	
	#nav li ul {
		display: none;
		position: absolute; 
		top: 75px;
		left: 0;
		list-style:none;
		background-color:#5b020e;
	}
	
	#nav a{
		color:#dce8df;
		font-weight:bold;
		text-decoration:none;	
	}
	
	#nav a:hover{
		color:#dce8df;
		font-weight:bold;
		text-decoration:none;	
	}
	
	
	#nav li ul li a {
		color:#dce8df;
		text-decoration:none;
		font-weight:normal;
	}
	
	#nav li ul li{
		padding-top:4px;
		padding-bottom:10px;
		padding-right:6px;
		padding-left:6px;
		font-weight:normal;
	}
	
	#nav li ul li.first{
		padding-left:20px;
	}
	
	#nav li ul li a:hover{
		color:#ffffff;
		text-decoration:none;
		font-weight:normal;
	}
	
	
	
	#nav li:hover ul, #nav li.over ul{ 
		position: absolute;
		display: inline;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		color:#ffffff;
	}
	
	#navbar li:hover li{
   		float: left; 
	}
	
	.active{
		background-image:url(/images/assets/nav_arrow.png);
		background-position:50% 27px;
		background-repeat:no-repeat;
	}
	
	.member_nav{
		margin-left:200px !important;
	}
	
	.pubic_nav{
		margin-left:80px !important;
	}
	
	/* modify subnav */
	.advocacy_link{
		width: 252px !important;
		left: -50px !important;
	}
	
	.education_link{
		width: 675px !important;
		left: 35px !important;
	}
	
	.initiatives_link{
		width: 370px !important;
		left: 150px !important;
	}
	
	.branches_link{
		width: 310px !important;
		left: 250px !important;
	}
	
	.about_us_link{
		width: 520px !important;
		left: 150px !important;
	}
	
	.contact_us_link{
		
	}
	
	.about_aauw-wa_link{
		width: 615px !important;
		left: -30px !important;
	}
	
	.resources_link{
		width: 430px !important;
		left: 275px !important;
	}
	
	.records_and_archives_link{
		width: 180px !important;
		left: 420px !important;
	}
	

/******************* END suckerfish nav *******************/


/******************* BEGIN Login Box *******************/

	.login_box{
		width:239px;
		float:left;
		margin-left:17px;
	}
	
	.login_box .login_header{
		height:27px;
		width:239px;
		padding-top:4px;
		background-image:url(/images/backgrounds/content_header.png);
		background-repeat:repeat-x;
		text-transform:uppercase;
		color:#dce8df;
		text-align:center;
		font-weight:bold;		
	}
	
	.login_box .login_content{
		margin:auto;
		width:235px;
	}
	
	.login_content img{
		display:block;
		margin:auto;
		margin-bottom:8px;
	}
	
	.login_content .form_label{
		text-align:right;
		float:left;
		width:75px;
		font-weight:bold;
		padding:5px;
	}
	
	.login_content .form_input{
		text-align:left;
		float:left;
		width:145px;
		font-size:11px;
		padding:2px;
	}
	
	.login_content a{
		font-size:11px;
		color:#595c66;
		text-decoration:none;
	}
	
	.login_content a:hover{
		text-decoration:underline;
	}
	
	.login_box .login_shadow{
		width:239px;
		height:13px;
		background-image:url(/images/backgrounds/login_shadow.png);
	}
	
	.submit_button{
		padding-top:8px;
		padding-left:137px;
	}
	
	input{
		width:132px;
	}
	
	.login_box td{
		padding:3px;
	}

/******************* END Login Box *******************/


/******************* Begin news & events *******************/

	.news_events_box{
		width:267px;		
	}
	
	.news_events_box .news_events_header{
		height:27px;
		width:270px;
		background-image:url(/images/backgrounds/content_header.png);
		background-repeat:repeat-x;
		text-transform:uppercase;
		color:#dce8df;
		text-align:center;
		font-weight:bold;	
		margin-left:-1px;
		margin-bottom:15px;
	}
	
	.news_events_header div{
		padding-top:4px;
	}
	
	.news_events_box .news_events_content{
		width:267px;		
	}
	
	.news_events_box .news_events_block{
		width:240px;
		margin:auto;
		margin-top:0px;
		margin-bottom:20px;
	}
	
	.news_events_block h3{
		font-size:14px;
		font-weight:bold;
	}
	
	.news_events_block p{
		line-height:130%;
	}
	
	.news_events_block a{
		color:#595c66;
		/*font-size:13px;
		font-weight:bold;
		display:block;*/
		text-decoration:underline;
		/*text-align:right;*/
		/*padding:9px;*/
	}
	
	.news_events_block a:hover{
		text-decoration:underline;
	}
	

/******************* END news & events *******************/


/******************* Begin hp welcome box *******************/

	.hp_welcome_box{
		width:408px;
	}
	
	.hp_welcome_box .img_container{
		 width:390px;
		 height:159px;
		 margin: 8px auto;
		 border: 1px solid #9faa3a;
	}
	
	.hp_welcome_box .welcome_container{
		width:390px;
		margin:auto;
		margin-bottom:8px;
	}
	
	.hp_welcome_box h3{
		font-size:14px;
		font-weight:bold;
	}
	
	.hp_welcome_box p{
		line-height:130%;
	}

/******************* END hp welcome box *******************/


/******************* BEGIN call to actions *******************/

	.call_to_action{
		border: 1px solid #9faa3a;
		width:239px;
		margin-bottom:10px;
		
	}
	
	.call_to_action .img_container{
		margin:9px;
		width:76px;
		float:left;
		height:83px;
		border: 1px solid #9faa3a;
	}
	
	.call_to_action div{
		margin-top:9px;
		line-height:130%;
	}
	
	.call_to_action h3{
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	.call_to_action a{
		color:#595c66;
		font-size:13px;
		font-weight:bold;
		display:block;
		text-decoration:none;
		text-align:right;
		padding:9px;
	}
	
	.call_to_action a:hover{
		text-decoration:underline;
	}
	
/******************* END call to actions *******************/


/******************* BEGIN containers *******************/

	.call_to_action_container{
		float:left;
		width:239px;		
	}
	
	.welcome_box_container{
		float:left;
		width:408px;
		margin-right:17px;
		border: 1px solid #9faa3a;
	}
	
	.news_and_events_container{
		float:left;
		width:268px;
		margin-right:17px;
		border: 1px solid #9faa3a;
		border-top: none;
		padding-left:0px;
	}
	
	#news_welcome_container{
		float:left;
	}

/******************* END containers *******************/


/******************* BEGIN Statement Box *******************/

	.statement_box{
		background-color:#FFFFFF;
		background-image:url(/images/backgrounds/cnt_box.png);
		background-repeat:repeat-x;
		background-position:top;
		padding-top:10px;
		padding-bottom:10px;
		margin-right:36px;
		width:294px;
		float:left;	
	}
	
	.statement_box .statement_content{
		margin:auto;
		width:208px;
	}
	
	.statement_box .statement_title{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size:14px;
		padding:4px 0px;
	}
	
	.statement_box .statement_description{
		padding:4px 0px;
		line-height:130%;
	}
	
	.divider{
		height:1px;
		background-color:#9faa3a;
	}

/******************* END Statement Box *******************/


/******************* BEGIN Side Navigation *******************/

	#side_nav{
		width:161px;
		background-image:url(/images/backgrounds/side_nav.png);
		background-repeat:repeat-y;
		float:left;
		margin-right:13px;
	}
	
	#side_nav ul{
		list-style:none;
	}
	
	#side_nav ul li{
		padding:14px 5px;
		background-image:url(../images/backgrounds/side_nav_divider.png);
		background-position:bottom;
		background-repeat:no-repeat;
		
	}
	
	#side_nav a{
		color:#dce8df;
		text-decoration:none;
	}
	
	#side_nav a:hover{
		color:#ffffff;
		text-decoration:none;
	}	
	
	li.last_sub_nav{
		background-image:none !important;
	}

/******************* END Side Navigation *******************/


/******************* BEGIN Branch Locator *******************/

	.branch_locator{
		width:550px;
		padding:10px 0px;	
	}
	
	.branch_locator_location{
		float:left;
		width:350px;
		
	}
	
	.branch_locator_link{
		float:left;
		text-align:right;
		width:200px;
	}
	
	.branch_locator_link a{
		color:#595C66;
		font-size:12px;
		text-decoration:none;
	}
	
	.branch_locator_link a:hover{
		text-decoration:underline;
	}
	
	.branch{
		padding:2px 0px;
	}
	
	.search_index{
		font-weight:bold;
		font-size:14px;
		text-transform:uppercase;
	}
	
	.search_index_link{
		text-transform:uppercase;
	}
	
	.search_index_link a{
		text-transform:uppercase;
		text-decoration:underline;
		color:#222222;
	}
	
	

/******************* END Branch Locator *******************/
	

/******************* Button Container *******************/

	.buttons {
		overflow: hidden;
		width: 100%;
		margin-bottom: 10px;
		position: relative
	}
	
	/* Button Base */
	a.button, a.button span.wrap {
		font: 11px "Arial", "Georgia", "Baskerville", serif;
		font-weight:bold;
		background: transparent url('/images/buttons/main_27px.png') no-repeat scroll
	}
	
	a.button2, a.button2 span.wrap {
		background-image: url('/images/buttons/round_corners_21px.png');
		height: 21px !important; /* Should equal the height of the image */
		line-height: 21px !important; /* Should equal the height of the image */
	}
	
	a.button {
		background-position: top right;
		display: block;
		float: left;
		font: bold 11px arial, sans-serif;
		color: #fff;
		height: 27px; /* Should equal the height of the image */
		margin-right: 6px;
		padding-right: 30px;
		text-decoration: none;
		position: relative;
	}
	
	a.button span.wrap {
		background-position: top left;
		display: block;
		line-height: 27px; /* Should equal the height of the image */
		padding: 0px 0 0px 30px;
	}
	
	/* Hover */
	a.button:hover {
		text-decoration:none;
		background-position: center right;
		outline: none; /* Removes outline in FF */
	}
	
	a.button:hover span.wrap {
		background-position: center left
	}
	
	/* Active */
	a.button:active {
		background-position: bottom right;
		color: #ffffff;
		outline: none; /* Removes outline in FF */
	}
	
	a.button:active span.wrap {
		background-position: bottom left;
	}
	
	/* Text Active */
	a.button:active span.wrap span {
		position: relative;
		top: 1px;
	}
	
/******************* END Button Container *******************/


/******************* BEGIN Search Form *******************/

	.search_form{
		margin-top:15px;
		margin-bottom:5px;
	}
	
	.search_input input{
		width: 400px;
	}
	
	.directory_search_input input{
		width: 180px;
	}
	
	.search_input{
		width: 440px;
		float: left;
	}	
	
	.directory_search_input{
		width: 200px;
		float: left;
	}
	
	.search_button{
		width: 110px;
		float: left;
	}
	
	
	.search_index_container{
		margin:8px 0px;
	}

/******************* END earch Form *******************/


/******************* BEGIN Suplemental Pages *******************/

	#main_col{
		width:700px;
		float:left;	
	}
	
	#main_col h1{
		font-size:20px;
		font-weight:bold;
		/*border-bottom:1px solid #9faa3a;
		display:block;*/
	}
	
	#main_col img{
		border: 1px solid #9faa3a;
	}
	
	#sub_col{
		float:left;
		width:241px;
		margin-left:14px;
	}
	
	#main_block{
		width:457px;
		border: 1px solid #9faa3a;
		float:left;
	}
	
	.main_block_image_container{
		float:left;
		border: 1px solid #9faa3a;
		width:225px;
		height:159px;
		margin-top:0px !important;
		margin-left:0px !important;
	}
	
	.member_main_block_image_container{
		float:left;
		border: 1px solid #9faa3a;
		width:241px;
		height:320px;
		margin-top:0px !important;
		margin-left:0px !important;
	}
	
	.main_block_member{
		width:505px !important;
	}
	
	#main_block div{
		margin:8px;
	}
	
	#main_block div img{		
		float:left;	
		margin-right:8px;
		margin-bottom:8px;	
		display:block;
	}
	
	#main_block_content{
		float:left;
		width:410px;
		
	}
	
	#breadcrumb_nav{
		padding: 11px 0px;
	}
	
	#breadcrumb_nav a{
		color:#595c66;
		text-decoration:none;
	}
	
	#breadcrumb_nav a:hover{
		text-decoration:underline;
	}
	
	.subnav{
		width:227px;
		margin-bottom:10px;
	}
	
	.subnav a{
		font-weight:bold;
		color:#595c66;
		text-decoration:none;
		display:block;
		text-align:right;
		padding: 8px 4px;
	}
	
	.subnav a:hover{
		text-decoration:underline;
	}
	
	.subnav .header{
		height:27px;
		width:227px;
		background-image:url(/images/backgrounds/content_header.png);
		background-repeat:repeat-x;
		text-transform:uppercase;
		color:#dce8df;
		text-align:center;
		font-weight:bold;	
	}
	
	.header div{
		padding-top:4px;
	}
	
	.subnav .content{
		width:225px;
		border: 1px solid #9faa3a;
		border-top:none;
		background-image:url(../images/backgrounds/subnav_box.png);
		background-repeat:repeat-x;
		background-position:bottom;	
	}
	
	.content div{
		padding:8px;
	}
	
	#subnav_block{
		float:left;
		width: 227px;
		margin-left:13px;
	}
	
	.member_subnav_block{
		width: 175px !important;
	}	
	
	.full_size{
		width:697px !important;
	}
	
	.branch_list{
		margin:10px;
		float:right;
		width:420px;
	}
	
	.branch_list ul{
		margin:5px !important;
	}
	
	.branch_offereing_container{
		padding:10px;
	}
	
	.branch_offereing_container .name{
		margin:0px 10px !important;
		margin-top:5px !important;
	}
	
	.branch_offereing_container .description{
		margin:0px 30px !important;
		margin-bottom:13px !important;
		margin-top:3px !important;
		color:#777777;
	}
	
	.branch_list a{
		text-decoration:underline;
		color:#595C66;
	}
	.branch_list a:hover{
		text-decoration:underline;
		color:#333333;
	}
	
	#member_logout{
	position:absolute;
	top:0px;
	left:-15px;
	}

/******************* END Suplemental Pages *******************/


/******************* BEGIN Helper Contact Form *******************/

	label { 
		width: 100px; 
		float: left; 
	}
	
	label.error { 
		float: none; 
		color: #8a0318; 
		padding-left: 100px;
	}
	
	.contact_form p{
		padding:8px 2px;
	}
	
	.contact_form input{
		width:250px;
	}

	.contact_form textarea{
		width: 250px;
		height:100px;
	}
	
	.contact_form  .buttons{
		margin-left:100px !important;
		margin-top: -10px !important;
	}

/******************* END Helper Contact Form *******************/


/******************* BEGIN Accordions *******************/

	.record_accordion{
		font-size:12px !important;
	}
	
	.record_accordion div{
		margin:0 !important;		
	}
	
	.record_accordion ul li{
		display: block;
		color:#666666;
	}
	
/******************* END Accordions *******************/


/******************* BEGIN Helper Classes *******************/

	.clear_margins{
		margin:0px;
	}
	
	.clear_padding{
		margin:0px;
	}
	
	.align_left{
		text-align:left;
	}
	
	.align_right{
		text-align:right;
	}
	
	.align_center{
		text-align:center;
	}
	
	.float_left{
		float:left;
	}
	
	.float_right{
		float:right;
	}
	
	.no_border{
		border:none !important;
	}
	
	.sub_text{
		font-size:11px;
		font-weight:normal;
		padding:4px;
	}
	
	.checkbox{
		padding-top:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
		padding-left:0px !important;
		width:15px;
	}
	
	.center{
		margin:auto;
	}
	
	div.divider{
		height:1px;
		width:100%;
		background-color:# 9faa39;
	}
	
	.even{
	
	}
	
	.odd{
		/*background-color:#eeeeee;*/
	}
	
	.directory_name{
		width:190px;
		float:left;
		margin:0px !important;
	}
	
	.directory_branch{
		width:140px;
		float:left;
		margin:0px !important;
	}
	
	.directory_email{
		width:170px;
		float:left;
		margin:0px !important;
	}
	
	.job_select{
		float:left;
		padding-left:20px !important;
		padding-top:2px !important;
		width:170px;
	}
	
	.live{
		color:#006633;
	}
	
	.draft{
		color:#FF0000;
	}
	
	.button_mode{
		cursor:pointer;
	}
	
	.draft a{
		color:#FF0000 !important;
		text-decoration:underline !important;
	}
	
	.draft a:hover{
		color:#FF0000 !important;
		text-decoration:underline !important;
	}
	
	
	
/******************* END Helper Classes *******************/
.subnav2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.subnav2 {
	width: 284px;
	text-align: left;
}

.subnav2_header {
	background-image: url(/images/subnav/subnav_header.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-top: 7px;
	padding-bottom: 7px;
	text-transform: uppercase;
	padding-left: 10px;
}
.subnav2_header a {
	color: #FFF;
	text-decoration: none;
}
.subnav2_level1 {
	background-color: #CFCFCF;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color: #666;
}
.subnav2_level1 a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
.subnav2_level2 {
	background-color: #E1E1E1;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color: #666;
}
.subnav2_level2 a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
.subnav2_level3 {
	background-color: #EFEFEF;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color: #666;
}
.subnav2_level3 a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

/* Wrappers */
#banner_wrapper{
	background-color:#595c66;
	width:100%;
}

#nav_wrapper{
	background-image:url(/images/backgrounds/nav.png);
	background-repeat:repeat-x;
	width:100%;
}

.sub_banner_wrapper{
	background-color:#dce8df;
	width:100%;
}

#footer_wrapper{
	width:100%;
	background-image:url(/images/backgrounds/footer.png);
	background-repeat:repeat-x;
}


/* NEW PUBLIC SIDENAV */

#side_nav_new{
	width:240px;	
	margin-bottom:20px;
}

#side_nav_new .header{
	height:27px;
	background-image:url(../images/backgrounds/content_header.png);
	background-repeat:repeat-x;
	width:100%;
	color:#FFFFFF;
	text-transform:uppercase;
	line-height:27px;
	text-indent:10px;
	margin-bottom:1px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#side_nav_new ul li{
	width:100%;
	height: 30px;
	display: block;
	margin:1px 0px;
}

#side_nav_new ul li a{ 
	width:100%;
	height: 30px;
	display: block;	
	line-height: 30px;
}

#side_nav_new .first a{
	background-color:#CFCFCF;
	color:#666666;
	text-indent: 20px;
	text-decoration:none;
}

#side_nav_new .second a{
	background-color:#E1E1E1;
	color:#666666;
	text-indent: 40px;
	text-decoration:none;
}

#side_nav_new .third a{
	background-color:#efefef;
	color:#666666;
	text-indent: 60px;
	text-decoration:none;
}

#side_nav_new .first a:hover{
	background-color:#ededed;
	color:#333333;
	text-decoration:none;
}

#side_nav_new .second a:hover{
	background-color:#ededed;
	color:#666666;
	text-decoration:none;
}

#side_nav_new .third a:hover{
	background-color:#ededed;
	color:#666666;
	text-decoration:none;
}

#member_logout{
	position:absolute;
	width:150px;
	height:50px;
	left:900px;
	top:32px;
	z-index:1000;
}

#member_logout a{
	color:#FFFFFF;
	text-decoration:underline;
}

#member_logout a:hover{

}