* {
  margin: 0;
  padding: 0;
}

html, body {  height: 100%; /* Required */ }

body {
  color: #333;
  font: 11px Verdana, sans-serif; 
  background-color:#fff;
  background-image:url(../img/bg.gif); background-repeat:repeat;
  text-align: left;
}

#container-page {
  margin: 0 auto;
  width: 864px;
  background-image:url(../img/bg-c.gif);  
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */ 
}

#header{width:760px; height:60px; margin:0 52px; padding:10px 0 0 0; display:block; background-image:url(../img/nav-grad.gif); background-repeat:repeat-x; background-position:bottom;}

#nav {width:760px; margin:0 52px 5px 52px; padding:0; display:block; background-image:url(../img/navbar.gif);background-repeat:no-repeat;}

#container-content { width:760px; margin:0 52px;  padding: 0; background-image:url(../img/town.jpg); background-repeat:no-repeat; background-position:top right;}

#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}


#container-foot {
  background-color:#fff;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 40px;
  margin:0 52px;
  width:760px;
  border-top:1px solid #ccc;
  background-image:url(../img/foot-grad.gif); background-repeat:repeat-x; background-position:top;
  
}

#foot {
  padding:5px 0 0 30px;
  margin:0;
  text-align:left;  
  color:#999;
}

#map {
 float:right;
  padding:5px 30px 0 0;
  margin:0;
  text-align:right;  
  color:#999;
}

#map a {color: #999; text-decoration:none;}

#submenu {
 margin:0; padding:0 15px 7px 15px;
  background: transparent;
  width:730px;
  color: #014a8e;
}

#subshadow {
  margin:0; padding:0;
  background: transparent;
  width:760px;
  height:15px;
  border-top:1px solid #ccc;
  background-image:url(../img/foot-grad.gif); background-repeat:repeat-x; background-position:top; z-index:200;
}

#colmain{width:465px; float:left; margin:5px 20px 0 20px; padding:0 0 20px 10px; display:inline; z-index:500;}
#colside {width:205px; margin:5px 20px 0 10px; float:left; padding:19px 0 20px 0; display:inline; z-index:400;}

/* fonts
---------------------------------------------------------- */
p  {margin:0; padding:0 0 10px 0; line-height:18px;}
#colside p {color:#666; margin:0; padding:0 0 10px 0; line-height:16px; font-size:11px;}
h1{font-weight:bold; font-size:14px; color:#003366; margin:0 0 3px 0;}
h2{font-weight:bold; font-size:12px; color:#666; margin:0 0 3px 0;}

#colmain ul, #colmain ol {margin:0 0 10px 20px;}
#colmain li {margin:0; padding:0; line-height:18px;}

#colmain h1{font-weight:bold; font-size:16px; color:#003366; margin:0 0 5px 0;}

a:link, a:visited {	color: #007ec0; }
a:hover, a:active  {  color: #000; }

#submenu a:link, #submenu a:visited {	text-decoration: none;	color: #014a8e;}
#submenu a:hover { text-decoration : underline; color: #000; }
#submenu a:active { text-decoration : underline; color: #000;}

.vr {color:#ccc; font-size:14px; padding:0 5px;}
.note{color:#999; font-style:italic; font-size:10px;}

/* homepage
---------------------------------------------------------- */
#container-home { width:760px; margin:0 52px;  padding: 0; display:block;}
#flash { margin:10px 0 20px 0; padding:0; display:block; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#columnleft {width:265px; float:left; margin:0 20px; padding:0 0 20px 10px; }
#columnright {width:395px; float:right; margin:0 10px 50px 0; padding:0 5px 20px 5px;}

.titletab {padding:0 0; margin: 10px 0 0 0; font-size:11px;color:#333;font-weight:normal;}
.shadetabs{ padding: 3px 0 3px 5px; margin: 0;;list-style-type: none;text-align: left;}
.shadetabs li{ display:inline; margin: 0; padding:0;}
.shadetabs li a { text-decoration: none; padding: 3px 10px; margin:0 2px 0 0; border: 1px solid #999; border-bottom:0; color:#333; background-color: #ccc;}
.shadetabs li a:hover { text-decoration: none; color: #003399;  background-color:#999;}
.shadetabs li.selected { position: relative; top: 1px;}
.shadetabs li.selected a { /*selected main tab style */background-color: #fff; border-bottom-color: #fff;}
.shadetabs li.selected a:hover { /*selected main tab style */text-decoration: none;}
.contentstyle {border: 1px solid #999; padding:5px 5px; font-size:9px; color:#666; font-weight:normal; margin: 0;}



/* menu
---------------------------------------------------------- */

#nav ul {border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; clear: left; width:760px;  height:32px;}
#nav ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#nav ul li a {background: transparent; border-right: 1px solid #ccc; padding: 9px 15px 9px 15px; margin: 0;	color: #fff; text-decoration: none; display: block; text-align: center; font-family: verdana, helvetica, sans-serif; font-weight: bold; font-size: 11px; white-space: nowrap;}
#nav ul li a:hover {  color: #fff; background-color:#1d4a85;}
#nav a:active {background-color: #999; color: #eee;}	
	
body#sectionone #nav li#one a, 
body#sectiontwo #nav li#two a,
body#sectionthree #nav li#three a,
body#sectionfour #nav li#four a,
body#sectionfive #nav li#five a {background-color:#fff; color: #014a8e; border-top:1px solid #ccc; border-bottom:2px solid #fff;}


#nav li#login {color: #000; padding: 5px 1px;	margin:1px 0 0 0; width:233px;}

/* images
---------------------------------------------------------- */
img {border:none; margin:0; padding:0;}
#logo {margin:0 25px 0 20px; border:0; padding:0; float:left; display:inline;}
#tag {margin:20px 0; border:0; padding:0; float:left;}



form {margin:2px 0 0 0; padding:0;}
input {margin:0 2px; padding:0; border:1px solid #ccc; }