/*  stylesheet (and site design/dev) created by matt roch c/o celero solutions 3/06
-------------------------------------------------------------
------------------------------------------------------------- */


body {
	margin:0px;
	padding:0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#464646;
	line-height:18px;
	background:#0066CC url(../imgs/bg.gif);
	}


	
/*--------------------------------------
			masthead
----------------------------------------*/

#masthead {
	position:relative;
	width:736px;
	height:193px;
	overflow:hidden; /* needed to ensure proper display in IE  /matt */
	text-align:center;
	/*background:#FFFFFF url(../imgs/bg_masthead.jpg);*/
	background-image: url(../imgs/new_design/masthead.jpg);
	}

#flash {
	position:relative; /* this line and next needed to correct display in MSIE. gets a little wonky in firefox when... */
	left:1px;          /* ...the interface fills the browser. should've matched the swf dimensions to avoid...         */
	}		   		   /* ...Lesson learned.                                                                     /matt */
	
#navTools {
	position:relative;
	top:-150px;
	right:36px;
	text-align:right;
	text-transform:uppercase;
	font-size:9px;
	z-index:101;
	}
	#navTools ul {
		list-style:none;
		border:none;
		margin:0;
		padding:0;
		}
		#navTools li {
			display:inline;
			}
			#navTools li a {
				text-decoration:none;
				color:#ffffff;
				padding:0 8px 0 5px;
				background:url(../imgs/bg_divNav.gif) right no-repeat;
				}
				#navTools li.last a {
					background:none;
					}
			#navTools li a:hover {
				color:#ffffff;
				background-color:#989735;
				}


/* following styles are used if user does not have flash installed. ensures the navigation is still functional  /matt */	
#navToolsNoFlash {
	position:relative;
	top:30px;
	right:36px;
	text-align:right;
	text-transform:uppercase;
	font-size:9px;
	}
	#navToolsNoFlash ul {
		list-style:none;
		border:none;
		margin:0;
		padding:0;
		}
		#navToolsNoFlash li {
			display:inline;
			}
			#navToolsNoFlash li a {
				text-decoration:none;
				color:#ffffff;
				padding:0 8px 0 5px;
				background:url(../imgs/bg_divNav.gif) right no-repeat;
				}
				#navToolsNoFlash li.last a {
					background:none;
					}
			#navToolsNoFlash li a:hover {
				color:#ffffff;
				background-color:#989735;
				}
	
	
/*--------------------------------------
			navMain
----------------------------------------*/


#navMain {
	position:relative;
	top:-40px;
	width:736px;
	font-size:10px;
	text-transform:uppercase;
	z-index:100;
	}
	
	#navMain ul {
		list-style:none;
		border:none;
		padding:0;
		margin:0;
		}
		#navMain li {
			display:inline;
			}
			#navMain li a {
				text-decoration:none;
				padding:0 8px 0 5px;
				margin:0;
				color:#696969;
				background:url(../imgs/bg_divNavMain.gif) right no-repeat;
				}
				#navMain li.shadow a {
					background:url(../imgs/bg_divNavMain_shad.gif) right no-repeat;
					}
				#navMain li.last a {
					background:none;
					}
			#navMain li a:hover {
				color:#004700;
				border-bottom:solid 1px #CCCCCC;
				}


/* following styles are used if user does not have flash installed. ensures the navigation is still functional  /matt */	
#navMainNoFlash {
	position:relative;
	top:-40px;
	background:url(../imgs/bg_NavMain.gif) no-repeat;
	width:736px;
	font-size:10px;
	text-transform:uppercase;
	z-index:0;
	}
	
	#navMainNoFlash ul {
		list-style:none;
		border:none;
		padding:0;
		margin:0;
		}
		#navMainNoFlash li {
			display:inline;
			}
			#navMainNoFlash li a {
				text-decoration:none;
				padding:0 8px 0 5px;
				margin:0;
				color:#696969;
				background:url(../imgs/bg_divNavMain.gif) right no-repeat;
				}
				#navMainNoFlash li.shadow a {
					background:url(../imgs/bg_divNavMain_shad.gif) right no-repeat;
					}
				#navMainNoFlash li.last a {
					background:none;
					}
			#navMainNoFlash li a:hover {
				color:#004700;
				border-bottom:solid 1px #CCCCCC;
				}

					
/*--------------------------------------
			contentHouse
----------------------------------------*/
	

#contentHouse {
	width:736px;
	padding-bottom:15px;
	text-align:left;
	background:#FFFFFF url(../imgs/new_design/bg_contenthouse.jpg) repeat-y;
	}
		
	
	/*--------------------------------------
					column 1
	----------------------------------------*/
	
	
	#column1 {
		width:234px;
		float:left;
		text-align:right;
		}
		
		#column1 img {
			margin:0 15px 0 41px;
			}
		
	#photo img {
		margin:0;
		}
		
	.column1_content {
		margin:0 15px 0 41px;
		padding:8px;
		background-color:#F4F4F4;
		border:solid 1px #E3E3E3;
		text-align:center;
		font-size:9px;
		line-height:normal;
		color:#777879;
		}
						
		
	/*--------------------------------------
			 column 2 / page content
	----------------------------------------*/
		
	#column2 {
		width:458px;
		float:left;
		}
				
		#column2 a {
			color:#004700;
			text-decoration:none;
			border-bottom:solid 1px #CCCCCC;
			}	
		#column2 a:visited {
			color:#464646;
			border-bottom:solid 1px #CCCCCC;
			}
		#column2 a:hover {
			color:#61712e;
			border-bottom:none;
			}
	
	#column2 table {
		width:100%;
		}
		#column2 th {
			padding:4px;
			background:url(../imgs/bg_tableTitle.gif) #FFFFFF repeat-x bottom;
			font-weight:700;
			border:solid 1px #E3E3E3;
			}
		#column2 td {
			padding:4px;
			vertical-align:top;
			background-color:#FFFFFF;
			border:solid 1px #E3E3E3;
			}
	
	table.noBorder td {
			border-color:#FFFFFF!important;
			}
		
	#column2 ul {
		list-style:none;
		padding:0;
		margin-left:10px;
		}
		#column2 li {
			background:url(../imgs/bullet.gif) no-repeat 3px 5px;
			padding-left:15px;
			padding-bottom:2px;
			}
	
	#column2 input {
		color:#464646;
		}
		
	#submit input {
		font-size:100%;
		text-transform:uppercase;
		color:#464646;
		padding:4px 6px;
		background:url(../imgs/bg_tableTitle.gif) #FFFFFF repeat-x bottom;
		border:solid 1px #CCCCCC;
		}	
		#submit input:hover {
			background:url(../imgs/bg_button.gif) #FFFFFF repeat-x bottom;
			border:solid 1px #7F9DB9;
			}
		
	.title {
		width:100%;
		font-size:16px;
		font-weight:bold;
		color:#5e6e2d;
		line-height:normal;
		border-bottom:solid 1px #EDEDED;
		}
		
	.eyepopper {
		width:auto;
		text-align:center;
		margin:20px 0 20px 0;
		color:#464646;
		background-color:#f4f4ea;
		border:1px solid #c3d1bb;
		}
		
		.eyepopperTitle {
			padding:4px 18px 4px 18px;
			font-weight:bold;
			font-size:16px;
			color:#989735;
			background-color:#e6e6cf;
			}
		
		.eyepopperContent {
			padding:0 18px 0 18px;
			}
	
	.smallText {
		line-height:12px!important;
		font-size:10px!important;
		}
			
	.imageLink {
			border-bottom:none!important;
			}
	
	
/*--------------------------------------
			footer
----------------------------------------*/

#footer {
	width:736px;
	height:69px;
	text-align:left;
	;
	background-color: #004700;
	background-image: url(../imgs/new_design/bg_footer.jpg);
	background-repeat: no-repeat;
	}
	
#roadConditions {
	float:right; 
	padding:17px 44px 0 0;
	}	
	
#weather {
	padding:17px 0 0 42px;
	}	
	
/* ----------------------------------------------------------
-------------------------------------------------------------
stylesheet (and site design/dev) created by matt c/o celero solutions 3/06 */