/* Cascading Style Sheet for Howell Auto site  www.howauto.com © Phil Northeast 2007 */

/* containers */
 body {	color: black;
						background-color:#4e4e4e;
				    font-family: Arial, Helvetica,sans-serif; 
						font-size: 14.5px;
						font-weight: normal;
						line-height: 21px;
				 		text-align: center;
					  margin-top: 0px;
						} 
#mainbox {  background-color: white;
           color: blue;
 	        padding: 0px;
	       width: auto; /* ie6 hack */
 	       width: 1000px;
	        margin:0 auto;
	        border: thick double #d3d3d3;
	         }						
					 
					 
					 							
#header  {  color: blue;
									background-color: white;
									/*background: url(images/headerlogo.jpg) no-repeat top center; */ 
		 						 	padding-top: 5px;
									padding-bottom: 0px;
									margin: 0px;
								  height: 130px;
									font-family:   Times New Roman,times, serif; 
						      font-size: normal;  
								 font-style: italic;
						     text-align: center; 
								 border-bottom: thick double #d3d3d3;
							}				
									
	
									
								
	#leftcol{  color: white;
	             background-color:white ;         
 	             width: 15%;
							 float:left;
							padding-left: 2px;
							padding-top:0px;
							margin-top: 0px;
	            overflow: hidden;
							border-right: thin double #d3d3d3;
							border-bottom: thin double #d3d3d3;
				     }				
					 
		#centre {float: left;
		              background-color: white; 
		              margin:0px;
		             width: 83%;
								  overflow: hidden;
									 padding-top:10px;
									 padding-left:10px;
						    	margin-top: 0px;
				 		      }
										 
		#rightcol{  background-color: white;         
	                   width: 20%;
							       float: right;
							       padding: 0px;
	                   padding-left: 0px;						
 							       margin-top: 0px;
									  overflow: hidden;
	          	        } 				 		
					
		#footer{clear: both;
								 border-top: thick double #d3d3d3;
								}			
	
		.inside{ padding: 5px;								
					     } 				
									
	#picright {float: right;
		              background-color: white; 
		              margin:5px;
		             width: auto;
								   overflow: hidden;
									 padding:0px;
			 
							      }
																
	#picleft {float: left;
		              background-color: white; 
		              margin:5px;
									margin-right:10px;
		             width: auto;
								   overflow: hidden;
									 padding:0px;
					 
							      }							
	
/* -- heading text styles   */ 

h1   {	color:#003366;
			background-color:white;
			font-family:   Times New Roman,times, serif; 
			font-size: 150%;
			font-style: normal;
			line-height: 30px;
			text-align: center;
			margin: 0;
			padding: 0;
		}		
			
h1.bighead
		{  	font-size: 60pt;
				display: inline;
				color:#003366;
		}									
	
			
h2	{
			color:#003366;
			background-color:white;
			font-family:Arial, Helvetica,sans-serif; 
			font-size: 125%;
			font-style: normal;
			line-height: 18px;
			text-align: center;
			margin: 0;
			padding: 0;
		}
		 
h2.header
		{	background: url(images/blheaderback.gif) no-repeat center center;
      		color:white;
			 background-color:white;
			font-family:   Times New Roman,times, serif; 
			font-size: 140%;
			font-style: normal;
			font-weight: bold;
			line-height: 60px;
			text-align: center;
			margin: 0 0 20 0 ; /* top right bottom left */
			padding: 0 0 2 0;
         }			
			 		 
		 
		 
h3  	{
			color:#003366;
			background-color:white;
			font-family:Arial, Helvetica,sans-serif; 
			font-size: 120%;
			font-style: normal;
			line-height: 18px;
			text-align: left;
			margin: 0;
			padding: 0;
		}
			 
			 
h4 
		{
			color:#003366;
			background-color:white;
			font-family:Arial, Helvetica,sans-serif; 
			font-size: 110%;
			font-style: normal;
			line-height: 18px;
			text-align: left;
			margin: 0;
			padding: 0;
		}
			 
			 
h5 
		{
			color:#003366;
			background-color:white;
			font-family:Arial, Helvetica,sans-serif; 
			font-size: 80%;
			font-style: normal;
			line-height: 18px;
			text-align: center;
			margin: 0;
			padding: 0;
		}		 			 
			 		 			

h6    {	color:#003366;
			background-color:white;
			 font-family:Arial, Helvetica,sans-serif; 
			font-size: 75%;
			 font-style: normal;
			line-height: 18px;
			text-align: center;
			margin: 0;
			padding: 0;
		}			
			

			

	
	p { text-align: left;
				     color: black;
				  }
													
p.head {  font-size: 30pt;
              display: inline;
							color:#003366;
							}					
							
p.smalltext{ 		 text-align: center;
				      color: #00008b; 
                   font-size: 80%;
									    font-family:Arial, Helvetica,sans-serif; 
                    font-weight: bold;
                  }							
p.inlinesmall { display: inline;
                      font-size: 75%;
				 	       	}												
		
p.date { display: block;
              font-size: 75%;
							color:#808080;
							text-align: left;
							line-height: 15px;
				 	       	}						

p.caption		{color: white;
					        	background-color:#003366;
				 			     font-family: Arial, Helvetica,sans-serif; 
						        font-size: 85%;
										font-style: italic;
					         /*	line-height: 20px; */
				 		        text-align: center;
								margin: 0;
           padding: 0;
										}
										
	p.colhead	{text-align:center;
	                 font-family:  Arial, Helvetica, sans-serif;
									 color:white;
										background-color:#808080;
	                 }
									 
		p.headline{	text-align:center;
	                    font-family:  Arial, Helvetica, sans-serif;
								 			font-style: italic;
									    color:blue;
										   background-color: white;				 
									}
									
									
	p.mail{background-color: #ff8c00;
	          text-align:center;
						 font-weight: bold;
	   	      }								
/*																		
	img {				border: thin  solid black; 
	    	      }									
*/
	li {text-align: left;
				     color: black;

	   }
			 
										
/* vertical menu system --*/					
					
					#navcontainer { width: 100%; 
					                      
					                         }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 0px;
width: 100%;
background-color: #ff8c00;
border-bottom: 5px solid white;
text-align: center;  
}

#navcontainer a:link, #navlist a:visited
{
color: #003366;  
 text-decoration: none;
 	font-family:   Times New Roman,times, serif; 
	font-weight:bold;

}

#navcontainer a:hover
{
background-color: #ff8c00;
				color:white;
}

/*--------------------horizontal navigatiion menu----------------------------------------------------*/

#hnavcontainer {padding-top: 0px;
                         padding-bottom: 0px; 
												 margin-top: 0px;												
													 font-size: 75%;  
								           font-style: normal;
													font-family:  Arial, Helvetica, sans-serif;
													background-color:#808080;
                         }

ul#hnavlist  { margin-left: 0;
                    padding-left: 0;
									   padding-bottom: 0px; 
                   white-space: nowrap;
									  color: white;
                    }

#hnavlist li { display: inline;
                   list-style-type: none;
									 				  color: white;
                 }

#hnavlist a { padding: 1px 30px;
		               color: white;
									     text-decoration: none;
                  }

#hnavlist a:link, #hnavlist a:visited { color: white;
                                                background-color:#808080;
                                                   text-decoration: none;
                                                 }

#hnavlist a:hover { color: white;
                      background-color:#808080;
                           text-decoration: underline;
                          }