@charset "UTF-8";
body {
	font-size: 16px;
	background-color: #faefc7;
	margin: 0;
	padding: 0;
	color: #5b461c;
	background-image: url(images/bk_01.jpg);
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

a img { 
	border: none;
}

a:link {
	color: #0054a4;
	text-decoration: underline; 
}
a:visited {
	color: #0054a4;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 1089px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.top {
		width: 1089px;
				height: 33px;
		background-image: url(images/top_03.png);
	background-repeat: no-repeat;
	    margin: 0 auto;
}
.header {
	width: 1089px;
	height: 135px;
	font-family: 'Open Sans', sans-serif;
}
.mainnav {
	width: 1001px;
	height: 83px;
	margin: auto;
	background-image: url(images/mainnav-hm-newbk.png);
}

.tabs {
	width: 949px;
    margin: 0 auto;
}
.tab1 {
	width: 325px;
}
.tab2 {
	width: 325px;
}
.tab3 {
	width: 325px;
}
.content {
	width: 1089px;
	background-image: url(images/bk-body_36.png);
	height: 100%;
	    margin: 0 auto;
}
.mainimage {
	width: 1001px;
	margin: 0 auto;
}

/* ~~ Page Content ~~ */
.holdercontent {
	width: 1089px;
}
.contentpages {
	width: 645px;
	font-size: 13px;
	margin: 65px 5px 0 95px;
	float: left;
	color: #333;
	line-height: 1.5em;
}
.contentpages a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #1F57A2;
	text-decoration: underline;
}
.contentpages a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #1F57A2;
	text-decoration: underline;
}
.contentpages a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9933;
	text-decoration: underline;
}
.contentpages a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #1F57A2;
	text-decoration: underline;
}
.sidebar {
	width: 259px;
	background-image: url(images/sidebar-bk_32.jpg);
	background-repeat: repeat;
	margin: 0 60px 5px 20px;
	float: right;
}
.sidebarcontent {
	width: 255px;
	padding: 15px 0 10px 25px;
}

.boxtop {
	width: 680px;
	background-image: url(images/breaker-home.png);
	height: 30px;
	background-repeat: no-repeat;
}
.boxmiddle {
	width: 640px;
	background-repeat: repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.boxbottom {
	width: 690px;
	background-image: url(images/breaker-home.png);
	background-repeat: no-repeat;
	height: 35px;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ Content Layout ~~ */
.headertitle {
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	color: #339999;
	list-style-image: url(images/bullet.gif);
	line-height: 25px;
	text-align: left;
	}
	.headercontent {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: 0054a4;
	list-style-image: url(images/button_orange.jpg);
	line-height: 28px;
	}
.headercontent a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF6600;
	text-decoration: underline;
}
.headercontent a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #1F57A2;
	text-decoration: underline;
	font-size: 15px;
}
.headercontent a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF9933;
	text-decoration: underline;
}
.headercontent a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1F57A2;
	text-decoration: none;
}
.title-subhead {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	list-style-image: url(images/button_orange.jpg);
	line-height: 18px;
	}

.title {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	list-style-image: url(images/button_orange.jpg);
	line-height: 21px;
	}
.title a:link {
font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #FF6600;
	text-decoration: none;
}
.title a:visited {
font-family: 'Open Sans', sans-serif;
	color: #FF6600;
	text-decoration: none;
	font-size: 13px;
}
.title a:hover {
font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #FF9933;
	text-decoration: none;
}
.title a:active {
font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #CC6600;
	text-decoration: none;
}
.contenttext-title  {
	font-size: 15px;
	font-weight: normal;
	color: #000;
	list-style-image: url(images/bullet.gif);
	padding: 0 0 0 25px;
}
.contenttextbullet  {
	font-size: 16px;
	color: #000000;
	list-style-image: url(images/bullet.gif);
}
.contenttext  {
	font-size: 16px;
	color: #000000;
	list-style-image: url(images/bullet.gif);
	padding: 0 0 0 25px;
	list-style-position: outside;
	text-align: center;
}
.contenttext  a:link {
	font-size: 16px;
	color: #000000;
}
.contenttext a:visited {
	color: #000000;
	font-size: 16px;
}
.contenttext  a:hover {
	font-size: 16px;
	color: #999999;
}
.contenttext a:active {
	font-size: 16px;
	color: #000000;
	}
	.smallcontenttext  {
	font-size: 11px;
	font-weight: normal;
	color: #7F7664;
	list-style-image: url(images/arrow_newsgreen.jpg);
}
.smallcontenttext  a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #1F57A2;
}
.smallcontenttext a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #1F56A5;
	text-decoration: none;
	font-size: 11px;
}
.smallcontenttext  a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D6CEBD;
	text-decoration: none;
}
.smallcontenttext a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F56A5;
	text-decoration: none;
	}
	.tinycontenttext  {
	font-size: 9px;
	font-weight: normal;
	color: #000;
	list-style-image: url(../images/arrow_newsgreen.jpg);
	line-height: 11px;
}
	
	.footernav {
	color: #000000;
	margin: 15px 0 15px 0px;
	font-size: 12px;
	padding-top: 8px;
	}
.footernav a:link {
	color: #000000;
	text-decoration: none;
}
.footernav a:active {
	color: #000000;
}
.footernav a:visited {
	color: #000000;
}
.footernav a:hover {
	color: #666666;
}
	
	.copyright {
	color: #fff;
	margin: 10px 0 0 0;
	font-size: 11px;
	text-align: center;
	}
.copyright a:link {
	color: #f0f0f0;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
.copyright a:active {
	color: #f0f0f0;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
.copyright a:visited {
	color: #f0f0f0;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
	
	
/* ~~ The footer ~~ */
.footer1 {
	width: 949px;
	height: 56px;
		margin: 35px 0 0 0;
}
.footer {
	padding: 35px 0 0 0;
	background-image: url(images/bottom__2024.jpg);
	width: 1089px;
	height: 184px;
	background-repeat: no-repeat;
	margin: 0 auto;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ~~ Nav ~~ */
nav ul ul {
	display: none;
	
}
	nav a:link {
	color: #000;
	text-decoration: none; 
}
	nav a:visited {
	color: #000;
	text-decoration: none;
}
	nav a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
color: #4fa5aa;
	text-decoration: none; 
}

	nav ul li:hover > ul {
		display: block;text-decoration: none;
	}
	nav ul {
	padding: 0;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;text-decoration: none;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
	nav ul li {
	float: left;
}
	nav ul li:hover {
		color: #4fa5aa;
		background: none;
	}
		nav ul li:hover a {
	color: #4fa5aa;
	text-decoration: none;
		}
	
	nav ul li a {
		display: block; padding: 30px 30px 0 90px;
		color: #379094; text-decoration: none;
	}
nav ul ul {
	background: #379094; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;text-decoration: none; z-index:1000;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #379094;
		border-bottom: 1px solid #379094;
		position: relative;text-decoration: none;
	
	}
		nav ul ul li a {
			padding: 15px 40px;
			color: #fff;text-decoration: none;
		}	
			nav ul ul li a:hover {
				background: #72c0c3;text-decoration: none;
			}
			nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
.content .contentpages .contenttext {
	text-align: center;
}