@charset "utf-8";
html {font-size:100%;}
/* FISH STYLES */
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font: 0.8em/1.2em verdana, arial, Helvetica, sans-serif;
	background-color: #0465b3;
	background-image: url(../images/bodyBack.jpg);
	background-repeat: repeat-x;
	
}
#containerArea {
	width: 1096px;
	margin: 0px auto;
	background-image: url(../images/background.jpg);
}
p {
	margin-top: 0px;
	font-weight: normal;
	color: #666;
}
h1 {
	font: normal 160%/normal Verdana, Arial, Helvetica, sans-serif;
	color: #136ab4;
}
h2 {
	font: normal 140%/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #059dac;
	margin-bottom: 5px;
	padding-bottom: 0px;
	margin-top: 5px;
}
h3 {
	color: #2d92d0;
	font: bold normal 110%/normal Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
h4 {
	color: #015023;
	font: bold normal 120%/normal Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px dotted #b4c526;
	padding-top: 10px;
	margin-bottom: 0px;
}
#container  {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#containerHome  {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0px;
	padding-bottom: 40px;
	width: 930px;
	padding-left: 10px;
}
#content1 {
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
}
#content1 a:link {color: #136ab4;}
#content1 a:hover {color: #2d92d0;}
#content1 a:visited {color: #0192a8;}

#header  {
	width: 960px;
	padding-top: 15px;
	background-image: url(../images/banner.jpg);
	margin: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
}
#header p {
	float: right;
	font-size: 90%;
	color: #FFF;
	margin-right: 20px;
}
#header a {
	color: #FFF;
	text-decoration: underline;
}

#rightBox {
	float: right; /* since this element is floated, a width must be given */
	width: 230px;
	border:solid 4px #e94f54;
	margin-bottom: 20px;
	background: url(../images/rightBox-back.jpg) no-repeat bottom;
	margin-top: 20px;
}
#rightBox p {font-size:16px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#rightBox h2 {
	font: bold 140%/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin-bottom: 0px; margin-top:0;
	padding-left: 20px;
	padding-right: 10px;
	background: #e94f54;
}
#sidebar1  {
	float: right; /* since this element is floated, a width must be given */
	width: 220px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e95055;
	margin-bottom: 20px;
}
#sidebar1 h2 {
	font: normal 140%/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #059dac;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 10px;
}
#sidebar1 p {
	border-bottom: 1px solid #f0ecdf;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#sidebar2  {
	float: right; /* since this element is floated, a width must be given */
	width: 220px;
	border: 1px solid #e95055;
	padding: 10px;
	margin: 20px;
}
#sidebar2 h2 {
	font: normal 140%/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #059dac;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 10px;
}
#sidebar2 p {
	border-bottom: 1px solid #f0ecdf;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/* Makes background for top nav bar */
.navBackground {
	background-position:center top;
	background-repeat:no-repeat;
	height:32px;
	background-image: url(../images/navBackground.jpg);
}
.navBackground .sf-menu {
	margin-left: 50px;
}
.navRightBorderOn {border-right:solid 1px #FFF;}
/*  End   */
.tableBorder {border:solid 1px #2d92d0;}
.td1 {border-right:solid 1px #2d92d0; border-bottom:solid 1px #2d92d0;}
.td2 {border-bottom:solid 1px #2d92d0;}
th {
	font-weight: bold;
	background-color: #2d92d0;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.tdR {border-right: solid 1px #2d92d0;}
.tdColor {background-color: #eef9fe;}
.tdColor2 {font-weight: bold;	background-color: #95d3f4;}
.td_display {
	color: #666;
	padding-right: 10px;
	padding-left: 10px;
}
.td_display2 {
	color: #666;
	padding-right: 10px;
	padding-left: 10px;
	border-left: solid 1px #c7e6f6;
	border-right: solid 1px #c7e6f6;
}

.li_disc {	list-style: url(../images/bullet.gif);	color: #666;}
li {	color: #666;}


.photoR {
	border: 1px solid #136ab4;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.photoL {
	border: 1px solid #136ab4;
	margin: 0px 10px 0px 0px;
}
.photoC {
	border: 1px solid #136ab4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.photo_border {border: 1px solid #136ab4}
#footer {
	padding-top: 20px;
	margin: 0px;
} 

#footer  p  {
	font-size: 85%;
	text-align: center;
	margin: 0;
	color: #666;
	padding: 0px;
}
#footerHome {
	padding-top: 20px;
	margin: 0px 0px 0px 20px;
} 
#footerHome  p  {
	font-size: 85%;
	text-align: center;
	margin: 0;
	color: #666;
	padding: 0px;
}
#footer a:link {color: #136ab4;}
#footer a:hover {color: #2d92d0;}
#footer a:visited {color: #0192a8;}

#contentA {
	width:250px;
	float: left;
	margin-right: 20px;
	margin-left: 0px;
}
#contentB {
	width:250px;
	float: left;
	margin-right: 20px;
}

/******************************************** END FISH STYLES********************************** */


/* style all child div's of the container to be white bg */
#container div {background-color: #fff;}
.footer_border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffcd05;
	padding-right: 7px;
	padding-left: 7px;
}

#mainContent  {


}
#mainContentHome  {
	margin-top: 0;
	margin-right: 250px;
	margin-bottom: 0;
	margin-left: 20px;

} 


#mainContent1  {
	width: 920px;
} 
#mainContentResources  {
	margin: 0 20px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 4px 0 20px;
	width: 905px;
}
#mainContentResources li{
	list-style: url(../../none);
	list-style-position:outside;
list-style-type:disc;
}
#contactBack {
	background-image: url(../../images/contactBack.jpg);
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-bottom: 20px;
	margin-top: 10px;
}
#contactBack2 {
	background-image: url(../../images/contactBack2.jpg);
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-bottom: 20px;
	margin-top: 10px;
}

#content2 {
	border-right: 1px solid #B5D7A9;
	width:330px;
	float: left;
	margin-right: 20px;
	margin-left: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#content3 {
	width:330px;
	float: left;
	margin-left: -20px;
	padding-bottom: 10px;
}
#content4 {
	float: left;
	width: 670px;
	border-top: 1px solid #B5D7A9;
} 
#content4_noB {
	margin-left: 80px;
	width: 525px;
}

#contentC {
	width:290px;
	float: left;
	padding-bottom: 0px;
	margin-top: 0px;
} 

#column1 {
	border-right: 1px solid #B5D7A9;
	width:420px;
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}
#column2 {
	width:420px;
	float: left;
	margin-left: 10px;
	padding-bottom: 10px;
}
#contentLN {
	margin-left: 253px;
	width: 670px;
	margin-top: 20px;
}
#column3 {
	float: left;
	width: 530px;
}


#header  h1  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
}
#column4 {
	float: right;
	width: 360px;
}







h5 {
	font-size: 100%;
	font-weight: bold;
	color: #d36217;
	margin-bottom: 0px;
	margin-top: 5px;
}



#sidebar2  {
	float: right; /* since this element is floated, a width must be given */
	width: 233px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 10px 15px;
	margin-top: 20px;
	border: 1px solid #b4c526;
	margin-right: 0px;
	margin-left: 20px;
}
#sidebar2 h2 {
	font: normal 140%/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #1A7640;
	background: url(../../images/pink_dot_h2.jpg) no-repeat;
	margin-bottom: -15px;
	padding-left: 10px;
	padding-right: 10px;
}
#sidebar2 p {
	border-bottom: 1px dotted #B5D7A9;
	padding: 0px 10px 10px;
}
#sidebar3  {
	float: right; /* since this element is floated, a width must be given */
	width: 233px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 10px 15px 0px;
	border-left: 1px solid #b4c526;
}
#sidebar3 p {
	line-height: 1.5em;
	padding-left: 10px;
}
#leftNav  {
	float: left; /* since this element is floated, a width must be given */
	width: 233px;
	border-right: 1px dotted #B5D7A9;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 15px;
	line-height: 2em;
	font-size: 90%;
	margin-left: 0px;
}
#nav {
	border: 1px solid #FFF;
	width: 925px;
	margin: 8px auto 20px;
}
.navcontainer ul{
	margin: 0px 0 0;
	list-style-type: none;
	width: 100%;
	font-size: 85%;
	text-align: center;
	background: url(../../images/navHighlight.jpg);
	padding: 3px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.navlist li {
	display: inline;
	font-weight: bold;
}
.navlist li a, .navlist li b{
	text-decoration: none;
	padding: 3px 6px;
	border-right: 1px solid #FFF;
	color: #107344;
}
.navlist li a:hover{
	color: #FFF;
}

.c1 {border-right: none!important;}
.border-padding {
	padding: 5px;
	border: 2px solid #B4C526;
	font-size: 120%;
	text-align: center;
	color: #000;
}

.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 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.photoR_noBorder {float: right;	margin: 0 0 0 10px;}
.photoL_noBorder {float: left; margin: 0px 10px 0px 0px;}
.colon {padding-right: 1px;	padding-left: 1px;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #F8A01F;}


.text_small {font-size: 85%;}
.tableBorder {
	border: 1px solid #136ab4;
}
.td3 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #136ab4;
}

.text_large {font-size: 110%;	color: #015023;}
.text_large_black {	font-size: 110%;	color: #000;}
.text_teal {
	color: #0192a8;
}

.text_larger_black {font-size: 140%;	color: #000;}



.text_staff {
	font-size: 100%;
	color: #015023;
	text-align: center;
	font-weight: bold;
}
.text_photos {
	font-size: 85%;
	line-height: normal;
}
.text_blue {
	color: #136ab4;
}
.text_red {
	color: #F30;
}




.centered {
	text-align: center;
}
#areasserviced {
	font-size: 85%;
	text-align: center;
	border-top: 1px solid #b5d7a9;
	padding: 5px;
	line-height: 1.25em;
	margin-top: 20px;
	font-weight: normal;
}

#divider {
	padding-top: 20px; 
	border-bottom: solid 1px #95d3f4;
}
#divider2 {
	padding-top: 20px;
	border-bottom: 1px dashed #95d3f4;
}
.noborder {
	border:none;
	font-size: 100%;
}

.tdStaff {
	border: 1px solid #FFFFFF;
	font-size: 90%;
	padding-right: 10px;
	line-height: normal;
}
.tdChoose  {
	border: 1px solid #FFFFFF;
	font-size: 100%;
	padding-right: 10px;
}
.tdChooseR  {
	font-size: 100%;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px dashed #b4c526;
	padding-left: 20px;
}
#top {
	font-size: 85%;
	text-align: right;
	padding-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.tdDoubleBorder {
	border-left: 2px solid #1a7640;
}

#right-content {margin-left: 200px;}
/*--------------------BEGIN TOGGLE-------------------------*/
h2.trigger {
	padding: 0 0 0 60px;
	margin: 5px 0;
	height: 50px;
	line-height: 46px;
	width: 489px;
	font-size: 1.75em;
	font-weight: normal;
	float: left;
	background-image: url(../images/h2_trigger_a.jpg);
	background-repeat: no-repeat;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	background-image: url(../images/toggle.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	font-size: 105%;
	width: 550px;
	clear: both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2d92d0;
}
#container .block {
	background-color:transparent;
	padding-bottom: 10px;
}

.toggle_container .block {
	padding: 20px; /*--Bottom rounded corners--*/
	background-image: url(../images/toggle_block_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.footnote {
	font-size: 85%;
	font-style: italic;
	color: #136ab4;
}
/*--------------------END TOGGLE-------------------------*/

/*--------------------Tabbed Box-------------------------

ul.tab {font: bold 11px arial;	list-style-type: none;	margin: 40px 0 0 -40px;	padding-bottom: 24px;}
ul.tab li {	float: left;	height: 22px;	background-color: #1a7640;	color: #FFF;	margin: 1px 2px -2px 2px;	border: 1px solid #958e73;	list-style-type: none;}
.tab a {display: block;	text-decoration: none;	padding: 4px;	background-color: #1a7640;	color: #FFF;	margin:0;	list-style-type: none;}
ul.tab li.current   {background-color : #b4c526;	color: #1a7640;	list-style-type: none;}
.tab a:hover            { 	background-color : #b4c526;	color: #1a7640;	list-style-type: none; }
.tab li.current a       { 	background-color : #b4c526;	color: #1a7640; list-style-type: none;}
.tab li.current a:hover {	background-color : #b4c526;	color: #1a7640;	list-style-type: none;}
*/

/* END of STYLES for SWITCHING DIVs */
.borderOn {border:1px solid #b4c526;padding:10px;clear: both; visibility:hidden;}
#learn1 {
	float: left;
	width: 560px;
}
.sidebar-divider { border-top: 1px dashed #059dac; margin-top: 10px; padding-top: 10px; margin-left: 10px; }

#learn2 {
	float: right;
	width: 320px;
}