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

}
body{
	margin: 0 auto;  /*!important*/
	text-align:center;
}
/*----- Title Text -----*/
h1, h2 { color:#000066; font-size:20px; padding:5px; border-bottom: 1px #cccccc solid; text-transform:uppercase; text-align:left; }
h3 { font-size:18px; padding:0px; margin: 0px; text-align:center; }
h3 P{ font-size:12px; margin:0px; font-weight:normal; font-style:italic;}

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

div#container {
	width:770px;
	height:auto;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:url(images/container.gif) top left repeat-y;
}

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

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

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

/*------------ CONTENT -----*/
div#content{
	float:left;
	background: url(images/bg.gif) repeat-x;
	padding: 10px 20px 0 10px;
	width:530px;
	line-height: 16px;
	color:#333333;
	text-align:left;
	height:auto;
}

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

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

div#clear { clear:both; }

/* ----------------- Vertical NAVIGATION --------------------- */
div#nav {
	text-align:center;
	float:right;
	margin: 0 35px 0 0;
	width:140px;
	padding-bottom: 25px;
	background: url(images/navbackground.gif) bottom left;
	}
	ul#mainnav {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #cccc99;
	}
	ul#mainnav li {
	display: inline; 
	list-style: none;
	}
	ul#mainnav li a, ul#mainnav li a, ul#mainnav li a{
	color: #fff;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #cccc99;
	padding: 7px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(images/arrow.gif) right no-repeat;
	text-transform: uppercase;
	}
	ul#mainnav li a:hover{
	background: url(images/arrow2.gif) left no-repeat ;
	font-weight: bold;
	color: #FFF;
	}
	
 ul#mainnav li a.current, ul#mainnav a.current{
	background: url(images/arrow1.gif) left no-repeat;
	font-weight: bold;
	}

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

	div#copyright a{ 
	color: #000066;  
	}
	
div#footer { 
	text-align:right;
	background: url(images/bottom.gif) top left no-repeat;
	height:20px; 
	padding-top: 30px;
	color:#000066;
	font-size:10px;
	clear:both;
	
	}
	div#footer a{ 
	color:#000066; }
address { 
	text-decoration:none;
	color:#fff;
	width:150px;
	font-size:11px;
	padding: 0 0 0 20px;
	text-align:left; }

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

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

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

div#left { 
float:right; 
padding: 0 75px 0 80px;
background: url(images/greybg.gif) repeat-y right;
}
div#center { 
text-align:center;
margin: 0 auto;
border:2px solid #000066; 
}

hr { border-top:1px solid #ffffff; }
/*-------------FLASH ------*/
div#flash { float:right; padding: 0 10px 0 0}

/*-------------AUDIO ------*/
div#audio { padding: 30px 0 20px 35px; }