/************** Default Elements *******************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	background: url(../images/greenbodyBG.jpg) #fff repeat-x;
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #000;
}

/************** Layout Elements *******************/

#wrapper {
	width: 770px;
	margin: 0 auto;
	font-size: 80%;
	padding-bottom: 25px;
}

#header {
	height: 101px;
	position: relative;
	background: url(../images/Logo.jpg) 0 0 no-repeat;
}

#banner {
	background: url(../images/greenbannerBG.jpg) 0 0 no-repeat;
	height: 232px;
}

#content {
	padding: 1px 0 0 0;
	margin: 20px 0 0 220px;
	border-top: 3px solid #4aa350;
}

#leftcol {
	float: left;
	width: 190px;
	margin: 20px 0;
	border-top: 3px solid #4aa350;
}

#footer {
	clear: both;
	min-height: 25px;
	background-color: #c8c8c8;
	border-top: 3px solid #4aa350;
}

/************** Navigation Elements *******************/

#header ul {
  float: right;
  padding: 8px 0;
  list-style-type: none;
  min-width: 350px;
  margin-top: 55px;
}
  
#header li {
  background: url(../images/right.gif)  no-repeat top right;
  padding: 0 3px 0 0;
  margin-right: 5px;
  float: right;
}
  
#header a {
  float: left;
  display: block;
  background: url("../images/left.gif") no-repeat top left;
  padding: 3px 8px 4px 12px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  margin-right: 1px;
}

/* hide from IE mac \*/ 
#header a {
float: none;
}
/* end hiding from IE5 mac */

#header li a:hover, #header li a:focus {
	color: #c8c8c8;
}

#header #current {
  background: url("../images/greenright_on.gif") no-repeat top right;
  padding: 0 3px 0px 0;
  margin-right: 5px;
}
  
 #header #current a {
  background: url("../images/greenleft_on.gif") no-repeat top left;
  padding: 3px 8px 6px 12px;
  text-decoration: none;
  font-weight: bold;
  color: #FFF;
  margin-right: 1px;
}



#header #current a:hover {
	color: #c8c8c8;
}

#leftcol ul {
	margin-top: 15px;
	list-style-type: none;
	border-top: 1px solid #00298d;
	border-right: 1px solid #00298d;
	border-left: 1px solid #00298d;
}

#leftcol li a {
	display: block;
	background: #7b9ac9;
	color: #fff;
	padding: 2px 3px;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#leftcol li a:hover, #leftcol li a#here {
	background: #00298d;
	color: #c8c8c8;
}

 #leftcol li a:focus {
 	background: #00298d;
 }

/************** Text Elements *******************/

h1, h2, h3, h4, h5, h6 {
	margin: 15px 0;
	padding: 0;
	font-size: 150%;
	color: #00298d;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 130%
}

h4 {
	font-size: 120%
}

h5 {
	font-size: 110%;
}

h6 {
	font-size: 100%;
}

p {
	margin: 10px 0;
}

#content ul {
    margin-left: 15px
}

#content a:link, #content a:visited {
	color: #4aa350;
	text-decoration: underline;
}
#content a:hover, #content a:active, #content a:focus {
	color: #00298d;
	text-decoration: none;
}


#footer p {
	margin: 0;
	text-align: center; /* center aligns the text */
	font-size: 0.6em; /* choose a font size slightly smaller than your main page for best results */
	color: #fff; /* choose a color without as much contrast as your main page so that this doesn't jump out */
	padding: 5px; /* creates a small amount of space */
	letter-spacing: .06em; /* if this causes problems in any browsers, simply remove it */
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #00298d;
	text-decoration: none;
}

/************** Generic Classes *******************/

.right {
	float: right;
	margin: 5px 0 2px 10px;
}

.left {
	float: left;
	margin: 5px 10px 2px 0;
}

/************** For the IEmac Beastie *******************/

 /*\*//*/
#header ul {
	padding-top: 63px;
}
/**/
