html {
	background:url(images/new.gif) top repeat-x #336699;
	height: 100%;

}
body{
	margin-top: 10px;
	text-align:center;
}
h1, h2 { color:#FFCC00; font-size:20px; padding:0px; border-bottom: 1px #fff solid; text-align:left; text-transform:uppercase; }

/*-------------------LAYOUT CLASSES----------------------*/

div#container {
	width:770px;
	height:auto;
	margin: 0 auto;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:url(images/container.gif) bottom left repeat-x #6699cc;
	border:1px #FFFFFF solid;
}

div#logo {
	float:left;
	background:url(images/logo.gif) top left no-repeat;
	width:240px;
	height:107px;
}

div#header {
	background: url(images/header.gif) top left no-repeat;
	float:left;
	width:530px;
	text-align:left;
	color:#FFFFFF;
	font-size:14px;
	padding-top: 32px;
	height:75px;
}

div#leftpanel{
	background: url(images/leftpanel.gif) top left no-repeat;
	float:left;
	width:240px;
	height:auto;
	text-align:left;
	padding-top: 40px;
}

/*------------ CONTENT -----*/
div#content{
	float:left;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
	width:490px;
	color:#000000;
	text-align:left;
	height:auto;
}

div#content a{
	color:#ad0000;
	font-weight:bold;
}
div#content a:hover { color:#476385; }

div#image{ 
	width:155px; 
	float:right;}

div#clear { clear:both; }

/* ----------------- Vertical NAVIGATION --------------------- */
div#nav {
	float: left;
	padding-left: 15px;
	text-align:center;
	padding-top: 23px;
	}
	ul#mainnav {
	margin: 0px;
	padding: 0px;
	width: 220px;
	border-top: 1px solid #FFFFFF;
	}
	ul#mainnav li {
	display: inline; 
	list-style: none;
	}
	ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	color: #000000;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 3px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(images/navbg2.gif) repeat-x;
	text-indent: 2px;
	text-transform: uppercase;
	}
	ul#mainnav li a:hover{
	background: url(images/navbg3.gif) repeat-x #476385;
	font-weight: bold;
	color: #ffffff;
	text-indent: 2px;
	}
	
 ul#mainnav li a.current:link, ul#mainnav a.current:visited {
	background: url(images/navbg.gif) repeat-x #FFCC00;
	font-weight: bold;
	color: #000000;
	text-indent: 2px;
	}

/*-------------------Copyright, footer & Address-------------*/
div#copyright{ 
	font-size: 9px;
	text-align:right;
	padding: 10px;
	text-align:center;
	color: #999999;  }

	div#copyright a{ 
	color: #cccccc;  
	}
	
div#footer { 
	text-align:center;
	background: url(images/navbg3.gif) top repeat-x #033669;
	border-top: 1px #FFFFFF solid;
	height:40px; 
	padding-top: 20px;
	color:#ffffff;
	font-size:10px;
	clear:both;
	
	}
	div#footer a{ 
	color:#ffffff; }
address { 
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	height:auto;
	text-align:center;
	padding: 5px;
	width: 208px;
	border:1px solid #CC9900;
	background: #FFFFFF;
	 }

address a{ color:#336699; font-weight:bold; }
	
/*------------------ Custom Classes ------------------*/	

div#map {  
margin-left: 25px;
border:1px solid #990000;
margin-bottom: 10px;
padding:0px;
}

strong#phone {  font-size:20px; padding:0px; margin: 0px; text-align:center; color: #033669; }

div#right { 
float:right; 
margin-left: 15px;
clear:right;
margin-bottom: 10px;
padding:1px;
}

div#left { 
float:left;
clear:left;
padding-top: 20px;
padding-left: 15px;
}
div#center { 
text-align:center;
margin: 0 auto;
border:2px solid #990000; 
}
	

