@charset "UTF-8";
/* CSS Document */
/*  
Critical footer components adapted from Steve Hatcher's Sticky Footer 
http://www.cssstickyfooter.com
*/

/* ---------------------------------------------- */
/* --------------------CRITICAL FOOTER COMPONENTS */
/* ---------------------------------------------- */

html, body, #container {
	height: 100%;
	margin: 0 auto 0 auto;
	width: 800px;
}

body {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	/*background-color: rgb(181,160,116);*/
	/*background-color: rgb(0,97,104);*/
	background-color: rgb(18,78,84);
}

body > #container {
	height: auto;
	min-height: 100%;
	background-color: white;
	margin-right: auto;
	margin-left: auto;
}

/*ul
{
list-style-type:none;
margin:0;
padding:0;
}*/
/*this removes the bullets on unordered list items*/

h1{color:white}
h2{margin-left: 20px;
	margin-top: 10px;
	color: rgb(133,127,92);
	margin-top:10px;}
	
h3{margin-left: 20px;
	margin-top: -10px;
	/*color: rgb(211,220,129);*/
	color: rgb(133,127,92);}

p{ color: rgb(0,0,0);
	font-size: 9pt;
	margin-left: 20px; 
	margin-right: 30px;
	margin-top: -10px;} 

p.leftnavi{ color: rgb(175,175,175); 
	margin-left: 1px;
	margin-top: 5px;} 

p.test2{ font-size: 12px; }

/*above is the CSS classes for <p>*/


.hoverlink a:link {text-decoration:none;}    /* unvisited link */
.hoverlink a:visited {text-decoration:none;} /* visited link */
.hoverlink a:hover {text-decoration:underline;}   /* mouse over link */
.hoverlink a:active {text-decoration:underline;}  /* selected link */

.hoverlink a:link {color: rgb(133,127,92);}      /* unvisited link */
.hoverlink a:visited {color: rgb(133,127,92);}  /* visited link */
.hoverlink a:hover {color: rgb(133,127,92);}  /* mouse over link */
.hoverlink a:active {color: rgb(133,127,92);} /* selected link */



#wrapper {
	padding-bottom: 100px; /*must be same height as the footer*/
}

#navigation {
      width: 100%;
      float: left;
      margin: 0 0 0 0;
      padding: 0;
      list-style: none;
      background-color: white;
      border-bottom: 1px solid rgb(140,140,140); 
      border-top: 1px solid rgb(204,223,225); }
   #navigation li {
      float: left; }
   #navigation li a {
      display: block;
      padding: 6px 28px;
      text-decoration: none;
      /*font-weight: bold;*/
      color: rgb(133,127,92);
      border-right: 1px solid rgb(204,223,225); }
   #navigation li a:hover {
      color: rgb(199,213,210);
      background-color: #fff;
}
	  
	  
	  

#footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
	background-color: white;
} 


/* ADJUSTMENT CODE */
.adjustment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.adjustment {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .adjustment {
	height: 1%;
}
.adjustment {
	display: block;
}
/* End hide from IE-mac */


/* ---------------------------------------------- */
/* ------------------------- ID LAYOUT COMPONENTS */
/* ---------------------------------------------- */

#header {
	background-color: rgb(0,97,104);
	height: 100px;
	
}

#left {
	float: left;
	width: 120px;
	background-color: white;
	border-right: 0px solid rgb(204,223,225);
	padding: 5px 0px 0px 7px;
	
}

#center {
	margin-left: 0px;
	width: 800px;
	
}
		
#content {
	margin-left: 120px;
	background-color: white;
	padding: 0px;
}


#content2 {
	margin-left: 120px;
	margin-top: -40px;
	background-color: white;
	padding: 0px;
}

