/* CSS Document */


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

html {
   font-size: 100%;
}

body {
     font-size: 64%;
	 line-height: 150%;
	 colour: #000000;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 background-color: #4A4B46;
}

/*-------back divs -------*/

#middleback {
      position:absolute;
	  width: 100%;
	  top:40px;
	  background-color: #FFFFFF;
	  height: 430px !important;
	  height: 442px;
}	  
/*
#topBack {
     position:absolute;
	 width: 100%;
	 top: 0px;
	 left: 0px;
	 height: 40px;
	 background: #4A4B46;
}

#bottomBack {
     position:absolute;
	 left: 0px;
	 width: 100%;
	 top: 470px;
	 height: 100%;
	 background: #4A4B46;	 
}
*/

.clear {
    clear: both;
}
	
/*------------------main divs------*/

#container {
      position:absolute;
	  top: 0px;
	  left: 0px;
	  width: 100%;
	  height: 100%;
	  text-align: center;
}

#center {
    margin: 0px auto;
	width: 800px;
	text-align: left;
}

/*----top-----*/

#top {
   height: 40px;
   width: 100%;
}

#logo {
    width: 170px;
	float: left;
	height: 40px;
	background: url(images/hondathree.jpg) no-repeat center center; 
}

#topnav {
     height: 40px;
     width: 520px;
	 float: right;
	 margin: 0px 50px 0px 0px;
}	 	

ol {  
	list-style-type: none;
	float: right;
	height: 41px;
	padding-top: 11px;
}

ol li {
    display:inline;
}

ol a {
    display: inline;
	text-decoration: none;
	padding: 18px 15px 18px 15px;
}

ol h4 {
     display: inline;
	text-decoration: none;
	font-size: 100%;
}


/*-----------top two------------*/
/*
#toptwo {
    height: 40px;
	background: url(images/logoCivic.jpg) no-repeat left top;
}
*/	


/*---------middle--------*/
#middle {
     width: 100%;
	 height: 430px;
}

#spacer {
      height: 200px;
	  width: 175px;
	  float:left;
	  clear:both;
	  background: #FFFFFF url(images/logoCivic.jpg) no-repeat left top;
}	  

#leftnav {
      padding: 0px 0px 0px 0px;
      width: 172px;
	  float: left;
	  height: 300px;
}

#maincontent {
      width: 600px;
	  float:right;
	  margin: 35px 0px 0px 0px;	  
}

#maincontent img {
     float: left;	 
}	 	  	  

.marginright {
      margin-right: 13px;
}



#bottomimages {
    margin: 10px 0px 10px 0px;
}

ul {
    display:inline;
	list-style-type: none;
	width: 160px;
}

ul li {
    display:inline;
}

ul  a {
    padding: 15px 0px 15px 10px;
    display:block;
	text-decoration: none;
	border-right: 5px solid #AF1D25;
} 

#flash {
     float:left;
	 width: 175px;
	 height: 407px;
}	 		  
/*----------bottom------------*/

#bottom {
      widows: 100%;
	  height: 200px;
	  background: #4A4B46;
}

#maintext {
      margin: 20px 10px 0px 0px;
    width: 590px;
	float: right;
}

#features {
   float: left;
   width: 120px;
   margin: 20px 0px 0px 0px;
}

#features img {
    margin-bottom: 5px;
}

/*-----------footer---------*/

#footer {
     width: 100%;
	 height: 50px;
	 margin-top: 20px;
	 text-align: center;
}

#footer h4 {
      font-size: 85%;
	  color:#FFFFFF;
}	  
   	 	   
   


/*----------------links---------------*/

#top a {
     color: #FFFFFF;
	 text-decoration: none;
}

#top a:link {
    color: #FFFFFF;
	text-decoration: none;
}	

#top a:hover  {
      color: #4A4B46;
	  background: #FFFFFF;
	  text-decoration: none;
}

#top a:visisted {
      color:  #FFFFFF;
	  text-decoration: none;
}

#top a:active {
     color: #FFFFFF;
	 text-decoration: none;
}

#middle a {
     color: #FFFFFF;
	 background-color: #4A4B46;
	 text-decoration: none;
}

#middle a:link {
    color: #FFFFFF;
	text-decoration: none;
}	

#middle a:hover  {
      color: #4A4B46;
	  background: #FFFFFF;
	  text-decoration: none;
}

#middle a:visisted {
      color:  #FFFFFF;
	  text-decoration: none;
}

#middle a:active {
     color: #FFFFFF;
	 text-decoration: none;
}	 	 	  	  	 	

/*-------headers and paragraphs-----*/

p  {
     color: #FFFFFF;
	 text-size: 100%;
}

h4  {
    font-size: 115%;
	font-weight: normal;
}