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


body{ font-family: verdana, Helvetica, Arial, sans-serif; }


/* Hidden skip link for screen readers, but becomes visible on focus for keyboard navigators */
div#skip a{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
div#skip a:focus, #skip a:active{
	position:static;
	width:auto;
	height:auto;
	line-height:1.5;
	background:#fff;
	padding:5px;
	font-size:large;
}


img{
	padding: 0;
	margin: 0;
	border:0px;
	}
	


h2, h3, h4, h5, h6{
	margin: 0 0 0 10px;
	font-weight: normal; }


p, ul, ol, li, dl { padding: 0px; margin: 0px; }

/*Positions paragraphs to line up with the rest of elements on the page*/
p{ padding: 0px 0px 0px 10px; }



p, ul, ol, dl, table{
	font-size: .75em;
	line-height: 1.3em;


}



/*Positions the lists to line up with the rest of the page*/
ul, ol, dl{ padding: 0 0 0 25px; }



h1{
	margin: 0 0 0 10px;
	display: block;
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "Times New Roman, Times", serif;
	font-weight: bold;
	color: #26316b;	
	font-size: 2.4em;
	margin-bottom: 10px;
	letter-spacing: 0.01em;
	border-bottom: 1px solid #d1d3d6;
	}

h2{
	padding: 15px 0px 3px 0px;
	color: #26316b;	
	font-weight: bold;
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "Times New Roman, Times", serif;
	font-size: 1.2em;
	letter-spacing: 0.01em;
	}



h3{
	padding: 10px 0px 3px 0px;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: 0.13em;
	}

h4{	padding: 10px 0px 3px 0px;
	font-size: .7em;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	}

h5{	padding: 10px 0px 5px 0px;
	font-size: .6em;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	}


h6{		padding: 10px 0px 5px 0px;
	font-size: .5em;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	}






a{ color: #788a9b; text-decoration: none; }

a:visited{ color: #96b7dc;}

a:hover, a:focus{ color: #26316b; text-decoration: underline; }










/*This is for the header image */
#photo_banner{
	padding: 0;
	margin: 0;
	height: 172px;/*Set the height to the height of the photo or you get gaps on the bottom of the div*/
	border-bottom: 4px solid #637ba5;
	position: relative;
	clear: both;
}

#photo_banner img{
	padding: 0;
	margin: 0;
}

/*This styles the breadcrumbs*/
#breadcrumbs{
	width: 945px;
	background: url('../images/template/department_footerBG.gif') repeat #EBEBEB;
	border-bottom: solid 1px #d1d3d6;
	padding: 2px 0 2px 15px;
	margin: 0;
	font-size: .55em;
	text-transform:uppercase;
	letter-spacing: 0.06em;
	font-weight: bold;
}

#breadcrumbs a{
	color: #26316b;
	text-decoration: none;
	padding: 0 5px 0 0;
	
}

#breadcrumbs a:hover, #breadcrumbs a:focus{
	text-decoration: underline;	
}

/*This controls the main content area*/
#content{
	padding: 20px;
	background: #fff;
}

#content p { padding-top: 2px; padding-bottom: 10px; line-height: 1.5em;}
#content ul ul { font-size: 1em;}
#content ul ul { font-size: 1em;}

#content li { padding: 0px 0px 3px 0px; font-size: 1em;}




/*---------------------- two column layout stuff --------------------------------*/

#content #main{
	float: left;
	width: 650px;
	padding: 15px 0px;
}

#content #toptabmain{
	float: left;
	width: 450px;
	padding: 15px 0px;
}

#content #toptabsidebar{
	float: right;
	width: 430px;
	padding: 0px 0px 15px 20px;
	border-left: 1px solid #d1d3d6;
}


#toptabsidebar #howdoi_container{
	height: 100%;
	margin: 20px 15px 15px 0px;
	padding-bottom: 10px;
}

#content #col1 {
float: left;
width: 660px;
margin-bottom: 10px;
}

#content #sidebar {
	float: left;
	width: 235px;
	margin-left: 15px;
	padding: 15px 0px 15px 0px;
	border-left: 1px solid #D1D3D6;
}

/*---------------------- end two column layout stuff --------------------------------*/






/*This styles the department footer*/


	#footer_right_column p { padding-bottom: 10px 0px 10px 0px; line-height:160%; }



#department_footer{
	width: 930px;
	padding: 10px 15px;
	text-align: left;
	margin: auto;
	background: #eaf3f7;

}



		#department_footer a:link, 
		#department_footer a:active, 
		#department_footer a:visited { color: #26316b; text-decoration: none; }
		#department_footer a:hover   { color: #8a6e24; text-decoration: none; }
		#department_footer li { text-indent: 0px; color: #26316b; text-decoration: none; padding: 0px 0px 5px 0px; list-style-image: url(../images/template/chevron.gif);}
		#department_footer ul { margin-left: 0px;  list-style: none;}

/*--------------Three column stuff-----------------*/

#department_footer #col_one{
	width: 289px;
	float: left;
	padding-right: 20px;
}

#department_footer #col_two{
	float: left;
	width: 289px;
	padding-right: 20px;
}

#department_footer #col_three{
	float: left;
	width: 289px;
}


/*---------------------This styles the menu structure-------------------------------------*/
#menu{
	clear: both;
	width: 960px;
	height: 26px;
	background: url('../images/template/menuBG.gif') repeat-x #112039;
	border-bottom: 4px solid #637ba5;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
}
/*This styles the first level list*/
#menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}
/*This styles the first level list items*/
#menu ul li{
	float: left;
	color: #FFF;
}
/*This styles the list item link*/
#menu ul li a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 15px 4px 15px;
	text-decoration: none;
	display: block;
	border-right: 1px solid #011745;
	border-left: 1px solid #39507d;
}

/*This styles the first nav item of the list link to not have a left border*/
#menu ul li#first_nav a{ border-left: none;}

/*This adds a right hand border to the last list item to create the illusion of a double border*/
#menu ul li#last_nav{ border-right: 1px solid #39507d;}


/*This is the rollover effect on the link*/
#menu ul li a:hover, #menu ul li a:focus{color: #fff;background: url('../images/template/menuRolloverBG7.gif') repeat-x top center #061D40;}

/*This puts the rollover effect on the list item*/
#menu ul li:hover, #menu ul li:focus, #menu ul li.sfhover{color: #fff;background: url('../images/template/menuRolloverBG7.gif') repeat-x top center #061D40;}


#menu a:link.selected, #menu a:visited.selected, #menu a:hover.selected, #menu a:active.selected {color: #fff;background: url('../images/template/menuRolloverBG7.gif') repeat-x top center #061D40;}

#menu ul li.selected {color: #fff;background: url('../images/template/menuRolloverBG7.gif') repeat-x top center #061D40;}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Some of my old code~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	hr {color:#d1d3d6; background-color:#d1d3d6; height: 1px; border:none; width: 90%; margin-top: 20px;}



/*----------------the double column of links classes-----------------------------*/




.right_column {

	padding: 0px 0px 0px 5px;
	margin-left: 325px;
	background-color: none;
	position: relative;}

.left_column {
	position: relative;
	float: left;
	width: 310px;
	margin: 0px;
	padding: 0px;
	background: none;  }







#howdoi_container {
	position: relative;
	background-color: #eaf3f7;
	border: 1px solid #d5e3eb;
	height: 370px;
	margin: 20px 0px 15px 0px; }

	


#right_howdoi {
	position: absolute;
	left: 325px;
	top: 40px;
	width: 310px;
	padding: 10px;
	margin: 0px;
	}


#left_howdoi {
	position: absolute;
	left: 0px;
	top: 40px;
	width: 310px;
	padding: 10px;
	margin: 0px;

	}

	#howdoi_container h2 { display: block; background: #d5e3eb; border: 1px solid #d5e3eb; padding: 2px 2px 2px 15px; margin-bottom: 10px; margin-left: 0px;}
	#right_howdoi a:link, 
	#right_howdoi a:active, 
	#right_howdoi a:visited,
	#left_howdoi a:link, 
	#left_howdoi a:active, 
	#left_howdoi a:visited { color: #26316b; text-decoration: none; }
	#right_howdoi a:hover,
	#left_howdoi a:hover   { text-decoration: underline; }
	#right_howdoi li,
	#left_howdoi li { text-indent: 0px; color: #26316b; text-decoration: none; padding: 0px 0px 5px 0px; margin-left: 15px; list-style-image: url(../images/template/chevron.gif);}
	#right_howdoi ul,
	#left_howdoi ul { padding-left: 15px;  text-indent: -15px; list-style: none;}
	


	.sidebar_image {text-align: center; padding: 5px 0px;}


.blue_box {
	position: relative;
	margin: 0px 15px 20px 0px;
	padding: 10px;
	background-color: #eaf3f7;
	border-bottom: 1px solid #d5e3eb;
	border-right: 1px solid #d5e3eb;
	border-spacing: 0;
	border-collapse: collapse;
	font: normal 1em Verdana, sans-serif;
	}

		.blue_box a:link, 
		.blue_box a:active, 
		.blue_box a:visited { color: #26316b; text-decoration: none; }
		.blue_box a:hover   { color: #8a6e24; text-decoration: none; }
		.blue_box li { text-indent: 0px; color: #26316b; text-decoration: none; padding: 0px 0px 5px 0px; list-style-image: url(../images/template/chevron.gif);}
		.blue_box ul { margin-left: 0px;  list-style: none;}
		.blue_box h2 { padding: 0px;}
		.blue_box_title {padding: 0px;}
		.blue_box_title h2{display: block; background: #D5E3EB;	border: 1px solid #D5E3EB; padding: 2px 2px 2px 15px; margin-bottom: 10px; margin-left: 0px;}


	/* This is for the emailer boxes*/
	#content a.emailer {
		text-align: center;
		display: block;
		Margin: 5px 3px 10px 3px;
		padding: 0px;
		border: 1px solid #dedede;
		background-color: #f4f4f4;
		text-decoration: none;
		width: 180px;
		}
	#content a.emailer:link   {  color: #799eae;  }
	#content a.emailer:visited   { color: #799eae; }
	#content a.emailer:hover   {  color: #a80f04; border: 1px solid #a80f04;}
	#content a.emailer:active   { color: #799eae;}