html,body{margin:0;padding:0}
body{font-family:Helvetica,sans-serif;font-color:#808080;font-size:11px;text-align:center; background:#dbdbdb}
p{margin:0 10px 5px;}
a{color: #004080;padding:10px}
a:hover{color: #0000ff;padding:10px}

div#header{background-image:url(../images/header_image.jpg);background-repeat:repeat;width:100%;text-align:left;height:245px}

div#logo {text-align:left;margin:0;padding-left:0px}
div#logo{background-image:url(../images/banner_image.jpg);background-repeat: no-repeat;width:950px; height:205px;margin:0 auto}

div#menu {line-height:40px;padding:0px;background: #fff;color: #828282}
div#menu{background-image:url(../images/menu_image.jpg);background-repeat: no-repeat;width:950px;margin:0 auto}

div#container{background:#fff;width:950px;margin:0 auto}
div#container{text-align:left}

div#content{float:right;width:680px;color:#4b4b4b;}
div#content p{line-height:1.4; padding-top: 10px;font-family:Helvetica,sans-serif;color:#4b4b4b;font-size:11px;}

div#subcontent{float:right;width:950px;color:#4b4b4b;}
div#subcontent p,ul,ol{font-family:Helvetica,sans-serif;color:#4b4b4b;font-size:11px;padding-left:20px;}
div#subcontent ul li{font-family:Helvetica,sans-serif;color:#4b4b4b;font-size:11px;padding:0px; margin-left:30px; display:list-item;}
div#subcontent h1{padding:10px 20px;font-size:16px; color:#24255B }
div#subcontent h2{padding-left:20px; font-size:14px; color:#24255B }
div#subcontent table{padding-left:20px;  }


div#news p{font:11px Helvetica,sans-serif #808080;padding-left:20px; padding-top:5px; padding-bottom:5px; border-bottom: 1px dashed #b7b7b7; }
div#news h1{padding-left:20px;font-size:16px; color:#24255B }

div#advert{float:left;width:250px}
div#advert{background:#fff; padding:0px;}

div#news{float:left;clear:left;width:250px; padding-left:10px;}
div#news{background:#fff}

div#footer{clear:both;width:100%;border-top:0px solid #c9c9c9;}
div#footer{text-align:right;}
div#footer p{margin:0;padding:5px 10px; font-size:9px;background: #fff;color: #4b4b4b}


#nav { font-family: helvetica; position:relative; background-image:url(../images/menu_image.jpg);background-repeat: no-repeat;width:950px;font-size:11px; font-weight:bold;margin: 0 auto; }
#nav ul { list-style-type:none; }
#nav ul li { float:left; position: relative;}
#nav ul li a { border-right:0px solid #e9e9e9; padding:0px 20px 0px 20px; display:block; text-decoration:none; text-align:center; color:#e8e8e8;}
#nav ul li a:hover {background: #24255B; color:#fff;} 
#nav ul li ul {display: none;}
#nav ul li:hover ul {display: block; position: absolute; top:40px; min-width:0px; left:-20px; }	
#nav ul li:hover ul li a {display:block; background:#939393; color:#ffffff; width: 120px; text-align: left; border-bottom: 1px solid #f2f2f2; border-right: none;}
#nav ul li:hover ul li a:hover { background:#24255B; color:#ffffff; }
.borderleft {border-left: 0px solid #e9e9e9;}
.top { border-top: 1px solid #f2f2f2;}
/*  This piece of code is for a third level drop down menu and is not included in this tutorial  #nav ul li:hover ul li ul {display:none;}
	#nav ul li:hover ul li:hover ul {display:block; position: absolute; top:-1px; left: 151px;}*/
	/* Ignore this last piece of code */
#threestyles {
	width: 200px;
	height: 100px;
	margin: 0px auto;
	border: 1px solid #666;
	margin-top: 10px;
	}