body {
	padding: 0;
	margin: 0;
	font-size: small;
	font-family: Arial, sans-serif;
	width:768px;
	background: #FFFFFF no-repeat left top;
	background-color: #FFFFFF;
}

 h1
  {
  font: 9px Arial, sans-serif;
  color: white;
  padding: 1px;
  margin: 0;
}

h2
  {
  font: 18px Arial, sans-serif;
  font-weight: bold;
  }

.hr {
  height: 2px;
  width: 100%;
  background-color: #b8c4cc;
  border: none;
  margin-bottom: 0px;
  }


/* header image padding, to make it away from logo */  
.pad {padding-left: 14px}

.head {
	color: orange;
	font-size: 300%;
	text-align: left;
	padding: 5px;
	background: white;

}

#navigationtop{
	#float:right;
	position: absolute;
	#left:170px;
	#width: 458px;
	margin-top: 22px;
	margin-left: 5px;
}

#navigationtop  ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#navigationtop li {
display: inline;
font: 10px Arial, sans-serif;
padding: 0 10px 0 15px;
background: url(images/breadcrumb.gif) left no-repeat;
}


/* --- Navigation buttons --- */


#navigation {
margin-top: 0px;
}

#navigation a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color:white;
padding: 3px 12px 3px 8px;
background-color: #E65600;
border-top: 1px solid #E65600;
border-right: 1px solid #333333;
border-bottom: 1px solid #E65600;
border-left: 1px solid #E65600;
}

#navigation a:hover {
background-color: #CCCC00;
}

#navigation a:active {
padding: 2px 13px 4px 8px;
background-color: #B0B0B0;
color:#000000;
border-top: 1px solid #E65600;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #333333;
}


#navigation ul {
padding: 0;
margin: 0;
background-color: #E65600;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navigation ul li {
display: inline;
}


#navigation ul li a {
text-transform: lowercase;
padding: 0.2em 1em;
background-color: #E65600;
color: White;
text-decoration: none;
float: right;
border-right: 1px solid #fff;

}

#navigation ul li a:hover {
height:15px;
background-color: #CCCC00;
color: white;
#padding: 2px 13px 4px 15px;
}

#navigation ul li a:active {
height:15px;
background-color: #E8E8E8;
padding: 0.2em 1em;
border-top: 1px solid #E65600;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #333333;
}


#side-left {
float:left;
#position:absolute;
#width:110px;
#left: 0px;
margin-top:40px;
padding: 4px;
border:0px solid  #E65600;
}

#boxout p{
text-align: center;
font-size:78%;
}


.main {
background-color:#FFFFFF;
font-size: 110%;
font-family: Arial, sans-serif;
margin-left:290px;
margin-top: 50px;
margin-right: 0px;
text-align:justify;
border-left:solid 0px solid #E65600;
padding:3px;
color: gray;
}

.main p{
margin-left: 13px;
}


#indexmain {
background-color:#FFFFFF;
float:left;
width:100%;
margin-left:0px;
margin-top: 50px;
margin-bottom: 30px;
margin-right: 0px;
padding:0px;
color: gray;
}



#footer {
clear: both;
text-align:center;
padding:10px;
margin: 0;
font-size:100%;
font-family: Arial, sans-serif;
color: gray;
}

#footer a {
font-size: 100%;
color: #b37912;
text-decoration: none;

}

#footer a:hover {
background-color: white;
color: #E65600;
}