@charset "utf-8";

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-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-image: url(../../images/system/bkg.gif);

	background-repeat: repeat-x;

}

.twoColFixLtHdr #container {

	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF;

	margin: 0 auto;

	text-align: left;

	border: 3px double #336699;

} 

h2 {

	font-size: 16px;

	color: #336699;

	text-align: center;

}

h3 {

	font-size: 14px;

	color: #336699;

}



h4 {

	font-size: 18px;

	color: #339933;

	line-height: 18px;

	height: 17px;

	text-decoration: none;

}

h5 {

	font-size:16px;

	color: #e04baa;

	text-align: center;

}

H6 {

font-size:16px;

color: #007f90;

text-align:center;

}

p {

	line-height: 150%;

	text-indent: 20px;

	padding-right: 30px;

}

.contact {

	line-height: normal;

	text-align: left;

	text-indent: 0px;

}







.style3 {

	color: #FF9933;

}

	

.twoColFixLtHdr #header {

	background: #ccffff;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

	padding-top: 0;

	padding-bottom: 0;

	width: 780px;

	height: 250px;

} 

.twoColFixLtHdr #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; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}



/* list style for top pg achor links */



#inline-list {

	margin: 2em;

	width: 80%;

	padding: 10px;

	font-family: Verdana, sans-serif;

	}

#inline-list ul {

	margin: 0;

	padding: 0;

	display:inline;

 	background-color: #FFFFFF;

}	

	

#inline-list li {

	display: inline;

	margin: 0;

	padding: 10px;

	color: #339;

	font-weight: bold;

	list-style-type:none;

	background: none;

	background-attachment: fixed;

	background-image: url(../../images/system/arrow.gif);

				}

	

/* end list style for top pg anchor links */



/* sidebar navigation */



.twoColFixLtHdr #sidebar1 {

	float: left; /* since this element is floated, a width must be given */

	width: 150px;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

	background-color: #ccffff;

	margin-bottom: 0px;

	border-bottom-width: 3px;

	background-image: url(../../../images/system/frog.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

	height: 370px;

}







.twoColFixLtHdr #sidebar1 h1 {

	font-size: 14px;

	color: #336699;

	font-style: oblique;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #e16e38;

	line-height: 16px;

	padding-bottom: 5px;

}

#sidebar1 ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

#sidebar1 ul li {

	margin: 0;

	border-top-width: 0px;

	border-top-style: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #336699;

	background-color: #66cdcc;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #336699;

	font-variant: normal;

	line-height: 12px;

	padding-top: 5px;

}

#numberlist ol {

	list-style-position: outside;

	list-style:decimal;

	margin: 0;

	padding: 0;

	background-color: #FFFFFF;

	background-image: none;



}

#numberlist ol li {

	background-image: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	color: #333333;

	background-color: #FFFFFF;

	white-space: normal;

	padding-left: 20px;

}







#sidebar1 ul li a {

	display: block;

	background-color: #66cdcc;

	color: #FFFFFF;

	text-decoration: none;

	width: 100%;

	text-decoration: none;

	border-bottom-width: 1px;

	border-left-width: 0px;

	border-bottom-style: solid;

	border-bottom-color: #336699;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	padding-top: 5px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 0.5em;

	font-variant: normal;

	line-height: 14px;

}

html>body #sidebar1 ul li a {

width: auto;

}



#sidebar1 ul li a:hover {

	background-color: #abdcd8;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #336699;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #336699;

	border-bottom-color: #336699;

	border-left-color: #336699;

	}

/* end sidebar navigation */







/* maintuppernavbar */

.navigation {

	width: 440px;

	height: 31px;

	margin-bottom: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	float: left;

}

#navigation link {

   height: 30px;

   float: left; }

#navigation   ul  {

   float: left;

   height:30px;

   width: 100%;

   list-style-type: none; }

#navigation  ul  li  {

	display: inline;

}

#navigation  ul  li  a  {

   padding: 6px 10px;

   color: #fff;

   text-decoration: none;

   line-height: 1.6em;

   float: left;

   border-right: 1px solid #0c5684;

   text-decoration: none;

   font-size: 1.0em;

   font-weight: bold; }

#navigation  a:hover  {

	text-decoration: none;

	border-right: 1px solid #0c5684;

	color: #fff;

	background-color: #ddd;

	background-position: center -33px;

}





/* image style for inline with paragraph*/

.imgfloatright

{

	float: right;

	border: 1px solid #FFFFFF;

	clear: right;

	margin-top: 0;

	margin-bottom: 10px;

	margin-left: 10px;

	padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 4px;

	padding-left: 4px;

	margin-right: 0px;

}

/* image gallery styles */



.gallimglft

{

	float:left;

	background-color: #FFFFCC;

	border: thin dashed #007f90;

	padding: 5px;

	margin-left: 20px;

}

.gallimgrt

{

	float:right;

	background-color: #ffffcc;

	border: thin dashed #007f90;

	padding: 5px;

	margin-right: 30px;

}



div.img

  {

	border: thin dashed #007f90;

	height: auto;

	width: 220px;

	float: left;

	text-align: center;

	margin-right: 30px;

	margin-top: 10px;

  }

div.img img

  {

	display: inline;

	margin: 3px;

	border: 1px solid #ffffff;

	width: 200px;

  }

div.img a:hover img

  {

	border: 1px solid #FF9933;

  }

div.desc

  {

  text-align: center;

  font-weight: normal;

  width: 120px;

  margin: 2px;

  }



/* end image gallery styles */



.twoColFixLtHdr #mainContent {

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 80px;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 0;

	padding-left: 10px;

} 





/* bullet list style with arrow like on cac pg*/

#mainContent ul {

	list-style-type: none;



}

#mainContent li {

	line-height: 180%;

	background-image: url(../../images/system/arrow.gif);

	background-position: 0px 8px;

	background-repeat: no-repeat;

	white-space: normal;

	padding-left: 20px;

	color: #333333;

	list-style-type: none;

}

/* end bullet list style with arrow*/



/*general pg link style*/

a:link {

	text-decoration: underline;

	color: #336699;

}

a:hover {

	color: #66cc33;

}

.top {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #336699;

	text-align: right;

}





/* for links with tool-tip title attribute */



a[title] {

	color : #336699;

}



a:hover[title] {

	color : #66cc33;

}



/* footer styles*/



.twoColFixLtHdr #footer {

	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	background:#ccffff;

} 

.twoColFixLtHdr #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	color: #336699;

}

.twoColFixLtHdr #footer td {

color:#336699;

}

/* end footer styles*/



/* general formatting styles*/

.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;

}



hr {

color:#007f90;

background-color:#007f90;

width:80%;

height: 3px;

margin-left:auto;

margin-right:auto;

}