/* CSS Document */
 
html, body {
background-color: #2f2f2f; font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 87%; line-height: 1.3em;  
color: #000; margin: 0; padding: 0; text-align: center;}

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; padding: 0; margin: 0;}
.hide {display: none; font-size: 0px; line-height: 0px; height: 0px; padding: 0; margin: 0;}

#wrap-all { width: 900px; padding: 0; margin:0 auto;  text-align: left; background-color: #fff; }


/* ==============================================
 LINK STYLES
 =============================================== */
 
a:link {color: #09f; text-decoration: underline;}
a:visited {color: #666; text-decoration: underline;}
a:hover {color: #000;  }

#footer a:link, #footer a:visited, #footer a:hover {color: #fff; text-decoration: underline; }
#footer a:hover {text-decoration: none;}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover {color: #000; text-decoration: none ; }
#breadcrumbs a:hover {text-decoration: underline;}

/* ==============================================
 MASTHEAD
 =============================================== */
#masthead {height: 85px; padding: 0; margin: 0; border-top: 1px solid #09486f; border-bottom: 1px solid #09486f; width: 900px; }
*html #masthead {height: 87px; he\ight: 85px;}
.logo {float: left;  border: 0; text-indent: -2000px; width: 125px ; height: 69px; margin: 0 0 0 10px; padding: 0; background: url(../images/logo.gif) top left no-repeat; }
*html .logo {margin-top: 10px;}
.header { float: left; border: 0; width: 605px; height: 85px; margin: -16px 0 0 0; padding: 0; }
*html .header {margin-top: 0;}
a.email {display: block; float: right; border: 0; text-indent: -2000px; width: 141px ; height: 47px; margin: 10px 5px 0 0; padding: 0; background: url(../images/email.gif) top left no-repeat;}
*html a.email {margin-top: 20px;}

#topnav { height: 23px; width: 900px; background: url(../images/topnav-bg.gif) repeat-x top left;}
#topnav ul {list-style:none; margin: 0; padding: 0; float: left;}
#topnav ul li {float: left; margin: 0; padding:0;}
#topnav ul li a {display:block; float:left; background-position: top left; background-repeat: no-repeat;  overflow: hidden;}

li.navtab1 a {background-image: url(../images/nav-about.gif);  width:128px; height: 23px; text-indent: -5000px;}
li.navtab1 a:hover, 
li.navtab1 a.nav-on {background-image: url(../images/nav-about-on.gif); }
li.navtab2 a {background-image: url(../images/nav-services.gif); width: 103px; height: 23px; text-indent: -5000px;}
li.navtab2 a:hover,
li.navtab2 a.nav-on {background-image: url(../images/nav-services-on.gif); }
li.navtab3 a {background-image: url(../images/nav-sw.gif); width: 184px; height: 23px; text-indent: -5000px;}
li.navtab3 a:hover,
li.navtab3 a.nav-on {background-image: url(../images/nav-sw-on.gif); }
li.navtab4 a {background-image: url(../images/nav-comms.gif); width: 150px; height: 23px; text-indent: -5000px; }
li.navtab4 a:hover,
li.navtab4 a.nav-on {background-image: url(../images/nav-comms-on.gif); }
li.navtab5 a {background-image: url(../images/nav-contact.gif); width: 135px; height: 23px; text-indent: -5000px; }
li.navtab5 a:hover,
li.navtab5 a.nav-on {background-image: url(../images/nav-contact-on.gif); }


#breadcrumbs  {width: auto; vertical-align: middle; padding: 15px 20px 20px 30px; margin: 0;  float: left;  }
#date {width: auto; vertical-align: middle; padding: 15px 35px 20px 0px; margin: 0; text-align: right;}

/* ==============================================
  SUB NAV
 =============================================== */
 
#sectionnav {padding: 0; margin: 0;}
#sectionnav ul{ margin: 0;  padding: 0 ; list-style-type: none; font-weight: normal;}
#sectionnav li 	{ margin: 0; padding: 0; width: 170px;}

#sectionnav a:link, 
#sectionnav a:visited,
#sectionnav a:hover  {margin-bottom: 4px; text-decoration: none; color: #000;}

#sectionnav ul.nav1 a { 
display: block; padding: 3px 5px 2px 10px; width: 153px; background-color: #e6f4fd;  }
	* html #sectionnav ul.nav1 a { width: 170px;  w\idth: 153px;  }
	
#sectionnav li a.on,
#sectionnav ul.nav1 a:hover {background-color: #83c8f1;  color: #fff; }

#sectionnav ul.nav2 a { padding: 3px 5px 2px 25px; width: 138px; background-color: #f6fafc; }
	* html #sectionnav ul.nav2 a { width: 170x; w\idth: 138px;}

#sectionnav ul.nav3 a { padding: 3px 5px 2px 40px; width: 123px; background-color: #f1f1f1; }
	* html #sectionnav ul.nav3 a { width: 170x; w\idth: 123px;}

#sectionnav ul.nav2, #sectionnav ul.nav3  {margin-top: 4px;} /* fixes jumping margins in IE*/

/* ==============================================
 CONTENT COLUMNS
 =============================================== */

#wrap-columns {width: 900px; padding: 0 0 30px 0; margin:0;}


/* 3 column layout */
#block1 { 	float: left; width: 440px; margin-left: 208px; padding: 0 25px 0 27px;} /* margin-left = block2 width + padding */
	* html #block1 { display: inline; width: 492px; w\idth: 440px;}
#block2 { float: left; width: 178px; margin-left: -700px; padding: 0 0 0 30px; } /*margin-left = -(block1 width + L and R padding) */
*html #block2 {width: 208px; w\idth: 178px;}
#block3 { float: left; width: 175px; padding: 0 25px 0 0; margin: 0; min-height: 300px;}
*html #block3 {width: 200px; w\idth: 175px;}

/* 2 column layout */
body#contentpage #block1 { 	float: left; width: 640px; margin-left: 208px; padding: 0 25px 0 27px;}
	* html body#contentpage #block1 { display: inline; width: 692px; w\idth: 640px;}
body#contentpage #block2 { float: left; width: 208px; margin-left: -870px; padding: 0; }

/* 1 column layout */
body#contentwide #block1 {  float: left; width: 840px; margin-left:0px; padding: 0 20px;}
    * html body#contentwide #block1 { display: inline; width: 880px; w\idth: 840px;}


/* content styles */
p {margin: 0; padding: 0 0 1em 0;}
p.center {text-align: center;}
h2 {font-size: 1.4em; font-weight: bold; padding: 0.5em 0em 0.8em 0em; margin: 0; color: #094D75; font-style: italic; }
#block1 h2, #block3 h2 {font-size: 1.4em; font-weight: bold; padding: 0.5em 0em 0.3em 0em; margin: 0; color: #094D75; font-style: italic; }
h3 {font-size: 1.1em; font-weight: bold; padding: 1em 0 1em 0; margin: 0; color: #09f;}
#block1 ul, #block3 ul { list-style:none; margin: -0.5em 0 0.5em 0; padding: 0 0 0 0; }
#block1 ul li, #block3 ul li { background: url(../images/bullet.gif) no-repeat 0 6px; margin: 0; padding: 0px 0 5px 10px;}
#block2 img {border: 0; padding: 0; margin: 0 0 10px 0;}
#block3 img { padding: 0; margin: 0; border: 0;}

/* ==============================================
SEARCH
 =============================================== */


#search {float: right; height: 23px; width: 200px; background: url(../images/search-bg.gif) top left repeat-x; }
#search .search-title {width: 57px ; height: 20px ; float: left; text-indent: -200px;  background: url(../images/search-topnav.gif) top left no-repeat; margin: 1px 0 0 0; }
#search form, 
form#searchagain {padding: 0; margin: 0;}
#search form input.searchterm,
form#searchagain input.searchterm {width: 100px; height: 15px; border: 1px solid black; float: left; margin-top: 3px; font-size: 90%; padding: 0;}

*html #search form input.searchterm,
*html form#searchagain input.searchterm {height: 17px; he\ight: 15px;}

form#searchagain input.searchterm {width: 140px;}

#search input.go,
form#searchagain input.go { margin-top: 3px; width: 17px; height: 17px;}

.resultspage {border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 5px 0; margin: 10px 0 20px 0; text-align: center; font-size: 90%;}

/* search results */
dl {margin: 0; padding: 0;}
dt { font-weight: bold; margin: 0; padding: 0;}
dd.dd1 {margin: 0; padding: 0;}
dd.dd2 {margin: 0 0 1.5em 0; padding: 0; }
dt a:link {text-decoration: none;}

/* ==============================================
  FOOTER
 =============================================== */
#footer {margin:10px auto; padding: 0 0 20px 0; color: #fff;}
#footer .footer-divide {color: #09f; padding: 0 10px;}
 
/* ============================================
  IMAGE ALIGNERS
 ============================================= */
.imgleft {float: left; padding: 4px 10px 4px 0px; margin: 0;}
.imgright {float: right; padding: 4px 0px 4px 10px; margin: 0;}
.imgtop {padding: 2px 0px 5px 0px; margin: 0; border: 0; display: block; text-align: center;}
.imgbottom {padding: 5px 0 2px 0; margin: 0; border: 0; display: block; text-align: center;}