html,
body {
height: 100%;
}

body {
background-color:#FFFFFF; 
color:#606060; 
padding:0px; 
margin:0px; 
font: 0.7em verdana, arial, sans-serif;
line-height: 150%;
}

div, ul, li, h1, h2, h3, h4, p, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

h1 {
  font-size: 1.6em;
  color: #000000;
}

h2 {
  font-size: 1.4em;
  color: #000000;
}

h3 {
  font-size: 1.2em;
  color: #5D6F73;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}

p {
	margin:10px 5px;}

dl {
	margin-left: 10px;
}

dt {
	font-weight:bold;
}

td, th { vertical-align: top;}

/* Links */
a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

p a:link, p a:active {
	padding: 1px 2px; 
	text-decoration: none; 
	border-bottom: 1px dotted #48546A;
	color:#606060;
}

p a:visited {
	color: #606060; 
	padding: 1px 2px; 
	text-decoration: none; 
	border-bottom: 1px dotted #777;
}

p a:hover {
	color: #D60030;
	margin: 0 -3px;
	background-image: url(../img/btnbg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #F1F1F1;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #F1F1F1;
	}




/**************************************************************
   LAYOUT
 **************************************************************/

 
 
/**************************************************************
   Topbar and Main Nav 
 **************************************************************/

#topbar {
height: 37px;
background-color: #363738;
 	}

#topmenu {
margin-left:40%;
	}
	

/*- Menu Tabs--------------------------- */

#tabs6 {
  float:left;
  width:100%;
  background:#363738;
  line-height:normal;
  border-bottom:1px solid #666;
  font: bold 11px/1.5em verdana, arial, sans-serif;
  }

#tabs6 ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
  }

#tabs6 li {
  display:inline;
  margin:0;
  padding:0;
  }

#tabs6 a {
  float:left;
  background:url("images/tableft6.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }

#tabs6 a span {
  float:left;
  display:block;
  background:url("images/tabright6.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */

#tabs6 a:hover span {
  color:#FFF;
  }

#tabs6 a:hover {
  background-position:0% -42px;
  }

#tabs6 a:hover span {
  background-position:100% -42px;
  }

#tabs6 #current a {
  background-position:0% -42px;
  }

#tabs6 #current a span {
  background-position:100% -42px;
  }


/* Banner */

#banner {text-align:center;margin-left:auto;margin-right:auto;width:770px;}

#head1 {
background-image:url("images/banner.gif");
background-repeat: no-repeat;
height: 150px;
overflow: hidden;
padding-top: 150px;
width: 770px;

height: 0px !important;
height /**/:150px;
}


/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  clear: both;
}

/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
}

#columns {
  margin: 0 auto;

}


/* Column widths */
.width {
  width: 768px;
}

.widthPad {
  width: 768px;
}

.width25 {
  width: 24%;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}

.width20 {
  width: 160px;
}

.width40 {
  width: 303px;
}

.width208 {
  width: 206px;
}

.width280 {
  width: 280px;
}

.width268 {
  width: 268px;
}

.width500 {
  width: 500px;
}

/**************************************************************
   Footer
 **************************************************************/

#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 5em;
  margin-top: -5em;
}

#footer #bg {
  position: relative;
  height: 3em;
  margin: 0 auto;
  background: #363738;
}

#footer #bg ul {
  float: right;
  margin: 3em 1em 0 0 !important;
  margin: 3em 0.5em 0 0;
  padding: 0;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #C1C1C1;
  border-right: 1px solid #C1C1C1;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #FFFFFF;
}
	
.para {margin-left:10px;margin-right:5px;
	}
		
.news  p {padding:5px 10px;
	}
		
.news  h2 {padding:9px 5px 11px 5px; color: #FFFFFF;font-family:Times New Roman, serif;
	}
		
.news  {background: url("images/news-bgnd-tile.gif") repeat-x left top;
	}

.diag  {background: url("images/diag-bgnd-tile.gif") repeat left top;
	}
		
.pagehead  h2 {padding:9px 5px 11px 5px; color: #FFFFFF;font-family:Times New Roman, serif;
	}
		
.pagehead  {background: url("images/pagehead-bgnd-tile.gif") repeat-x left top;
	}
		
.greyhead  {
	background-repeat: repeat-x;
	background-position: left top;
	}
		
.greyhead  h2 {padding:9px 5px 11px 5px; color: #FFFFFF;font-family:Times New Roman, serif;
	}
		
.middle {text-align:center;margin-left:auto;margin-right:auto;}

.red {
	color: #D60030;
}

.bold {
font-weight:bold;
}