* 
{
 padding : 0; 
 margin : 0;
 font-family : Arial, Helvetica, Sans-Serif
}

body
{
  padding : 10px 20px 5px;
  background-color : #E8FAE8; /*#e1e1e1;*/
  background-image : url('../images/pagebg.gif');
  background-repeat : repeat-x;
}

#container
{
  background-color : #fff;
  padding : 2px;
  border : solid 1px #ddd;
  border-bottom : solid 7px #4e9852;
  overflow : hidden;
}

#banner
{
  height : 100px;
  background-image : url('../images/feraLogo.jpg');
  background-repeat : no-repeat;
  background-position : top left;
  border: solid 0px red;
}

#hnav
{
  height : 44px;
  background-image : url('../images/leftTop.gif');
  background-repeat : no-repeat;
  background-position : top left;
  color : #777;
  font-size : 12px;
  clear : both;
  text-align : right;
}

#banner h1
{
  padding: 70px 0 0 0;
  overflow: hidden;
  background-image: url("../images/gmInsp.gif"); 
  background-position: top right;
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:70px; /* for IE5.5's bad box model */
	color : #fff;
}

#footer
{
color : #777;
font-size : 11px;
clear : both;
text-align : right;
padding : 10px 3px 0;
background-image : url('../images/leftTop.gif');
background-repeat : no-repeat;
background-position : top left;
}

#footer p 
{
 padding : 0 0 0 20px; 
}

#hnav p 
{
 padding : 3px 3px 0 0; 
}

#content 
{
 background-color: #fff;
 background-image : url("../images/leftbg.gif");
 background-repeat : repeat-y;
 padding-left : 230px;
 padding-right : 15px;
 padding-top : 30px;
 padding-bottom : 1em;
 font-size : 80%;
 color: #333; 
}

#nav
{
	width: 200px; 
	float : left;
	background-image : url("../images/leftbg.gif");
	background-repeat : repeat-y;
	padding-top : 5px;
	padding-left : 10px;
  padding-bottom : 5px;
}


/* fix the IE "3px bug" */

/* hide from MacIE \*/
* html #nav{
    margin-right: -3px;
    }
* html #content {
    margin-left: 0;
    }
/* end hide */

#menu {padding-left : 5px;}

#nav p { 
margin-top: 5px;; 
font-size : 11px;
padding-left : 8px;
}

a:link, a:visited, a:active {
	color : #008080;
	text-decoration : none;
}

a:hover, #hnav a.selected 
{
  color : #0033ff;
  border-bottom : dotted 1px #0033ff;
}

#menu a {
	display: block;
	width : 155px;
	color : #008080;
	font-size : 13px;
	padding-left : 14px;
	margin: 8px 30px 2px 2px;
	text-decoration : none;
  border : none;
}

#menu a.selected {
 color : #0033ff;
  background-image : url('../images/grnDot.gif');
  background-position : left;
  background-repeat : no-repeat;
}


#menu a:hover 
{
  color : #0033ff;

}

table
{
  background-color : #fff;
  border-collapse : collapse;
}

#content h1,#content h2,#content h3,#content h4,#content h5
{
	border-bottom : solid 1px #eee;
	margin-bottom : 1em;
  /* color : #888; */
  color : #009900;
}

#content h1
{
  font-size : 1.6em;
  /*
  background-image : url('../images/flower.jpg');
  background-position : bottom left;
  background-repeat : no-repeat;
  padding-left : 44px;
  */
}

#content h4
{
  margin-top : 2em;
}

.alert {color : red;}
p {padding-bottom : 1em; color : #666;}
img {border : 0; margin : 10px;}
.floatright {float : right}
.floatleft {float : left}
li {margin-left : 2em; margin-top : 0.5em; color : #666}
ol,ul {margin-top : 1em; padding-bottom : 1em; color : #666}

option {padding-right : 1em;}