html {
height: 100%;
}
body{
margin: 10px auto 0 auto; /*!important*/
text-align:center;
background:url(images/new.gif) top repeat-x #999;
}
/*----- Title Text -----*/
h1, h2 { color:#003366; font-size:16px; font-family: Arial, Helvetica, sans-serif; padding:5px 30px 5px 0px; text-align:left; text-transform:capitalize; margin:10px 10px 15px 0; border-bottom:1px dotted #ddd; }
h3 { font-size:12px; padding:10px; font-weight:normal; margin: 0px; text-align:center; }
h3 P{ font-size:11px; margin:0px; font-weight:normal; font-style:italic;}
h4 { color:#003366; font-size:12px; font-family: Arial, Helvetica, sans-serif; padding:5px 30px 5px 0px; text-align:left; text-transform:capitalize; margin:10px 10px 15px 0; border-bottom:1px dotted #ddd; width:220px; }
/*-------------------LAYOUT CLASSES----------------------*/
div#container {
width:700px;
height:auto;
margin: auto;
border:1px solid #ccc;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background:url(images/container.jpg) repeat-y left #fff;
}
div#header {
background: url(images/header.jpg) top left no-repeat;
border-top:4px solid #003366;
float:left;
width:700px;
text-align:left;
color: #330000;
font-size:11px;
height:116px;
}
div#leftpanel{
background:url(images/leftpanel.jpg) no-repeat;
float: right;
text-align:left;
width:160px;
height:auto;
padding: 10px 0px 250px 20px;
}
/*------------ CONTENT -----*/
div#content{
float:left;
background:url(images/bg.jpg) top right no-repeat;
line-height: 14px;
padding: 0px 30px 40px 30px;
width:640px;
color:#333;
text-align:left;
height:auto;
}
div#content a, strong{
color:#003366;
font-weight:bold;
}
div#content a:hover { color:#000000; }
div#image{
width:155px;
float:right;}
div#clear { clear:both; }
ul#list {
background: #efefef;
padding:10px 0 10px 30px;
border:1px solid #ddd;
color: #003366;
margin:3px;
float:left;}
ul#list2 {
background: #efefef;
margin:3px;
width: 120px;
float:left;
padding:10px 10px 10px 20px;
border:1px solid #ddd;
color: #003366; }
ul#list3 {
background: #efefef;
margin:3px;
width: 47%;
float:left;
padding:10px 10px 10px 20px;
border:1px solid #ddd;
color: #003366;
}
ul#list3 ul{ margin-left:10px; list-style:none; padding: 4px; font-size:11px;}
ul#list ul{ margin-left:10px; list-style:none; padding: 4px; font-size:11px; }
/* ----------------- Horizontal ------------------- */
div#nav {
background:url(images/bgOFF.gif);
width:700px;
clear:both;
height:35px;
padding: 0 0 0 0px;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top: 4px solid #003366;
}
ul#mainnav {
margin: 0px;
padding: 0px;
}
ul#mainnav li {
display: inline;
white-space:nowrap;
float: left;
padding: 0px;
list-style: none;
list-style-image: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul#mainnav li a {
font-size: 11px;
color: #333;
text-decoration: none;
display: block;
text-align: center;
padding: 10px 5px 11px;
border-right: 1px #999 solid;
border-bottom: 1px #999 solid;
}
ul#mainnav li a:hover{
color:#003366;
background:url(images/bgON.gif) #ccc;
}
ul#mainnav li a.current{
background-color: #003366; color:#fff;
}
html #nav a { mystery code to fix ie. you must use for any spaces in nav text
width: 1%;}
/*-------------------Copyright, footer & Address-------------*/
div#copyright{
font-size: 9px;
text-align:left;
padding: 20px 0 0 0px;
color: #fff;
font-family:Arial, Helvetica, sans-serif; }
div#copyright a{
color: fff;
}
div#footer {
text-align:left;
background:url(images/bottom.jpg) left top no-repeat;
height:70px;
padding: 7px 0 0 10px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#666;
font-size:10px;
width:690px;
margin: 0 auto;
clear:both;
}
div#footer a{
color: #003366;
text-decoration:none; }
div#footer a:hover{
color:#003366;
text-decoration:underline;}
div#footer div#right3 a{ color:#fff; font-family: Tahoma, Arial, Helvetica, sans-serif;}
div#footer div#copyright a{ color:#fff; font-family: Tahoma, Arial, Helvetica, sans-serif;}
address {
text-decoration:none;
font-style:normal;
float:right;
clear:both;
color:#fff;
width:160px;
font-size:10px;
border-left: 0px #ccc solid;
padding:5px 15px 0 15px;
margin: 0 0 0px 20px;
text-align:left; }
address a{ color:#fff; font-weight:bold; }
address b{ color:#fff; font-weight:bold; }
address strong{ color:#fff; font-weight:bold; }
/*------------------ Custom Classes ------------------*/
div#map {
border:1px solid #ccc;
margin: 0 auto 10px auto;
width:500px;
padding:0px;
}
img#left {
float:left;
clear:left;
margin: 10px;
border: 0px solid #000000;
padding:1px;
}
img#right {
float:right;
clear:right;
margin: 10px;
border: 0px solid #000000;
padding:1px;
}
img#right2 {
float:right;
clear:right;
margin: 10px;
border: 1px solid #ddd;
padding:1px;
}
div#left{
float:left;
padding: 0px 0 0 10px;
text-align:left;
font-style:normal;
background: #efefef;
color:#000;
width:260px;
height: 225px;
border:1px solid #ccc;
font-size:11px;
/*background: url(images/greybg.jpg) repeat-y right;*/s
}
div#left2{
float:left;
padding: 10px 0 0 10px;
text-align:left;
font-style:normal;
color:#fff;
font-size:11px;
/*background: url(images/greybg.jpg) repeat-y right;*/s
}
div#right3{
float:right;
padding: 0px 37px 0 10px;
text-align:left;
font-style:normal;
color:#000;
font-size:11px;
/*background: url(images/greybg.jpg) repeat-y right;*/s
}
div#right{
float:right;
padding: 0px 0px 0 10px;
text-align:left;
background: #efefef;
margin:0px;
border:1px solid #ccc;
width:260px;
height: 225px;
font-style:normal;
color:#000;
font-size:11px;
/*background: url(images/greybg.jpg) repeat-y right;*/s
}
div#center {
text-align:center;
padding: 0 0 0 0;
font:Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
margin: 0 auto;
}
hr { clear:both; }
/*-------------FLASH ------*/
div#flash { margin: 0px 20px 0px 0px; text-align:left; }
/*-------------AUDIO ------*/
div#audio { padding: 7px 12px 0px 0; text-align:right; float:right;}
.small { font-size: 9px;
color:#000000;
clear:both;
text-align:left;
padding:10px;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; }
div#map {
float: right;
height: 400px;
width: 450px;
}