﻿body {
	margin: 0px; padding: 0px;
	height:100%;
	font-family: Verdana, Arial, Tahoma;
	font-size:x-small;
}

div#header 
{		
	width:760px;	
	margin-right:auto; 
	margin-left:auto;
	background-color:#FFFFFF;
}

div#subHeader {
	width:100%;
	height:204px;	
	background-color:#FFCC00;
}

div#menuHeaderBox {
	width:760px;
	height:204px;
	background-color:#FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	margin-left:auto;
	margin-right:auto;
}

div#wrapper {
	width:760px;
	height:100%;
	margin-right:auto; 
	margin-left:auto;
}
div#left {
	float:left;
   	left:0px; top:0px; width:220px; 
   	padding:0 0 0 0;
   	height:100%;
   	background-color:#EFEFEF;
   	margin:0px 0 0 0px;   	
   }

div#content {
	margin:0px 0 0 235px;
	padding: 0 1em;
   }
   
div#footer {
	clear:both;
	width:760px;
	height:100px;
	margin-right:auto; 
	margin-left:auto;
	background-color:#FFFFFF;
	border-top: dotted 1px #999999;
	padding-top:5px;
}

#css_horizontal_menu {	
	overflow:hidden;
	width:760px;
	padding:0px;
	background-color:#FFFFFF;
	border:0px solid #437E7E;
}

.TitleDivider {
	position: relative; 
	width: 760px; 
	height: 27px; 
	background-color: #B02303; text-align: left;
	background-image: url(title-png.gif);
	background-repeat:no-repeat;
	border-top: solid 2px #FFFFFF;
	border-bottom: solid 2px #FFFFFF;
}

/*2. the style of the links (html element <a>)*/
#css_horizontal_menu a{
	display:block;
	float:left;
	width:173.5px;
	height:45px;
	margin-left:2px;	
	padding-left:15px;
	background-color:#FCBD23;
	border-left:0px solid #C7E2E2;
	font-family:arial;
	font-size:10px;	
	font-weight:bold;
	text-transform:uppercase;	
	text-decoration:none;
	color:#000000;
	line-height:52px;	
	border-top:10px solid #000000;
}

/*3. the css style on the hover state of the links
#css_horizontal_menu a:hover{
	background-color:#000000;
	border-left:10px solid #3074A7;
	color:#FFFFFF;
	overflow:hidden;
}
*/

/* remove the left margin for the first link*/
#css_horizontal_menu a.first{
	margin-left:0;
}

/*--------------------------------------------------------------------*/

#banner {
	height:118px;
	width:760px;	
	background-image: url(banner-png.jpg);
	background-repeat:no-repeat;
}

#logo {
	width: 250px; 
	height: 82px; 
	background-image: url(logo.gif);
	background-repeat:no-repeat;
}

