/*html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0; 
  padding: 0;
  list-style: none;
}*/

html {background:rgb(241,229,200) url(../images/bodyBgnd.jpg) top left; /* this BG tiles the area outside the columns */}
body {
  padding: 0 420px; /* the critical side padding that sets the natural min-width! */ 
  background:url(../images/bannerBgnd.jpg) repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
  text-align: center; /* centers the #sizer element in IE5.x/win */
}

#sizer {
  margin: 0 auto; /* centers #sizer in standard browsers */
  padding: 0;
  width: 100%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  text-align: left; /* resets the default text alignment for the page */
  max-width: 390px;
}

#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -405px; /* neg side margin values should be < or = to side body padding */
	min-width: 400px; /* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 

/*\*/
* html #expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 


#wrapper1 {
  position: relative;
  background:rgb(244,240,230); /*url(images/contentBgnd.gif) top left repeat-x;  this BG tiles the left column */
  font-size: .84em; /* set global font-size here */ 
  /* this was removed by Gunlaug -----  margin-top:4px;  ------- */
  top:4px /* ---- CHANGED by Gunlaug, the rule to the left added ---- */;
} /* this positioning may be needed for IEwin if page is to contain positioned elements */

* html #wrapper1 { top:5px; /* --- CORRECTION FOR IE6, by Gunlaug --- */}


#wrapper2 {  
  position: relative; /* extra insurance against bugs in IEwin */
	/* background: url(../images/redblots.gif) 100% 0 repeat-y;  this BG tiles the right column */
}


/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */


.outer {
  /* background-color:rgb(234,236,247);*/ /* this BG tiles the center column */
  border-left: 0px solid #da5; /*** Critical left divider dimension value ***/
  border-right: 0px solid #da5; /*** Critical right divider dimension value ***/
  margin-left: 200px;    /*** Critical left col width value ***/
  margin-right: 194px;    /*** Critical right col width value ***/
}

.float-wrap {
  float: left;
  width: 100%;
}

.centerCol {
  float: right;
  width: 100%;
  margin-bottom:20px;
  margin-top:20px;
  background:rgb(234,236,247) url(../images/midBgnd.jpg) top left repeat-y;
  background-position:-1px 0;
 
}

.leftCol {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 200px;    /*** Critical left col width value ***/
  margin-left: -202px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
  padding:46px 0 20px 2px;
}

.rightCol {
  float: right; 
  position: relative; /* Needed for IE/win */
  width: 194px;    /*** Critical right col width value ***/
  margin-right: -196px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 2px;   /*** Critical right divider dimension value ***/
}

* html .rightCol {overflow-x: hidden;/* --- CORRECTION FOR IE6, added by Gunlaug --- */ }

#content {
  overflow: visible;
  width: 100%;
  background: url(../images/midBgndR.jpg) top right repeat-y;
  position:relative; 
}


/*.container-left {color: #ffc;}*/




/*************** Header and Footer elements *****************/

#header {
 width: 100%;
 height:118px;
 background:url(../images/cityscape2.jpg) no-repeat top left;} /* "jello" BG is made to be in fixed position here */

* html #header {overflow-y: hidden;/* --- CORRECTION FOR IE6, added by Gunlaug --- */}

/*\*/
/* * html #header {background-position: 10px 3px;}*/
/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */

.footer {
  width: 100%;
  clear: both;
  padding: 5px 0 15px;
  position: relative;
  margin:0 auto;
  text-align:center;
  font-size:.85em;
  color:#eee;
  /*background:url(images/footerBgnd.gif) repeat-x;*/
}

.footPrint {display:none;}

/************** Spacing Controls for various column contents ***************/
.textpadderC {padding: 8px 25px 8px 35px;  position:relative;}
.textpadder {padding:8px;}
.textpadderR {padding:8px 0 0 6px;}
.text2col {padding: 8px 25px 8px 230px;  position:relative;}
.text2col h1 {margin-left:-180px;}
.text2col h3 {font-size:1em; width:180px; margin-left:-195px; float:left; margin-top:.1em; display:inline; padding-bottom:0;}

/*.textpadderR p {margin-bottom: 2em;}*/

/************** Special Fixes *************/

/*.outer {word-wrap: break-word;}*/
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;} 
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a
{height: 1%;}
/* Holly hack */


#wrapper1,
#wrapper2,
.outer a, 
.container-left, 
.container-right,
.outer,
h2,
.sidenav li a
{min-height: 1%;}
/* gives layout for IE7 */




/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */




.clicker {
  display: block;
  text-align: center; 
  padding: 3px; 
  background: #833; 
  cursor: pointer;   
}

.hide {display: none;}
.hidden {display:block; overflow:hidden; width:0; height:0;}
.txtReVrs {color:#fff;}
.invisible {visibility:hidden;}

/**************** My Rules *******************/

#crumbs {clear:left; background-color:rgb(139,35,70); padding:0 200px 5px 20px; font-size:.80em; z-index:1; }
#header img {float:left;}
#mainNav {padding-left:100px; clear:both;}
.deptBadge {margin-top:-60px; margin-bottom:10px; position:relative;}
.rightCol h4 {color:rgb(139,35,70);}
.rightCol {font-size:85%;}
.rightCol p, .rightCol h5 {margin-left:10px;}
.sepShort {background: url(../images/hr_shortBlu.gif) no-repeat -7px bottom; margin-bottom:15px; padding-bottom:23px;}
#content .sepShort {background: url(../images/hr_shortBlu.gif) no-repeat 50% bottom; margin-bottom:15px; padding-bottom:23px;}
#search {background:url(../images/searchBox2.gif) no-repeat; width:175px; height:23px; border:none; position:absolute; top:38px; right:22px;}
#search fieldset, #search input {background:none; border:none;}
#search #go {float:right; margin-left: -3px;}
#search #s {float:left; padding:0; margin:3px 6px 0 6px; width:136px; /*margin-left:10px;*/  /*padding-top:3px;*/ color:#609; font-weight:bold; /*margin-right:3px;*/ background:none; border:0;}
/*.rightCol p, .rightCol li {font-size:.9em; }
.rightCol h4 {font-size:90%; }
.rightCol h5 {color:rgb(87,49,16);}*/
/*.email {background:url(../images/global/email.gif) left 3px no-repeat; padding-left:28px;}
a:hover.email {background-color:rgb(244,240,230); margin-right:3px;}*/

/*hr {background: url(images/hr_short.gif) no-repeat; height:10px; border:0; margin:17px 0; width:100%; }*/

/* unused after all */
 /*{text-decoration:underline; background:#fff url(images/localNavSeparator.gif) -36px 100% no-repeat; }*/

/************** rounded corner silliness *****************/

.bl {
margin-top:-55px; 
background-image: url(../images/contentRndCrnr.jpg);
background-position: 0px 55px;
width: 55px;
height: 55px;
float: left;
font-size: 0;
}
.br {
margin-top:-55px;
background-image: url(../images/contentRndCrnr.jpg);
background-position: 55px 55px;
width: 55px;
height: 55px;
float: right;
font-size: 0;
}

.tlC { 
background-image: url(../images/midRndCrnr2.jpg);
background-position: 0px 0px;
width: 61px;
height: 60px;
/*float: left;*/
position:absolute;
top:0;
left:0;
font-size: 0;
}

.trC {
background-image: url(../images/midRndCrnr2.jpg);
background-position: 60px 0px;
width: 61px;
height: 60px;
float: right;
font-size: 0;
}

.blC { 
margin-top:-34px;
background-image: url(../images/midRndCrnr2.jpg);
background-position: 0px 72px;
width: 61px;
height: 70px;
float: left;
font-size: 0;
}

.brC {
margin-top:-34px;
background-image: url(../images/midRndCrnr2.jpg);
background-position: 60px 72px;
width: 61px;
height: 70px;
float: right;
font-size: 0;
}

.contentBtm {margin-top:-20px;
background: url(../images/midBgndBtm.jpg) repeat-x;
background-position:bottom;
height: 57px;
font-size: 0;
position:absolute;
right:61px; left:61px;}

/*.centerCol #contentBtm {background: url(images/midBgndBtm.jpg) repeat-x; background-position:bottom; height:50px; margin:0 -2px; }*/

/********* Sprite-based tabbed navigation list for main navigation ***********/
ul#tabs {width:540px; height: 32px; background: url(../images/mainTabsSprite.png) 0 0px; padding:0; margin:0; /*margin-left:170px;*/ position:relative; }
#tabs span {display:block; overflow:hidden; width:0; height:0;}

/*#navListHor li {float:left; margin-right:10px;}
#navListHor img {border:none; margin-top:0;}*/
#tabs li {margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0px; }
#tabs li, #tabs a {height: 32px; display: block;}
#nav1 {left: 0; width: 99px;}
#nav2 {left: 99px; width: 114px;}
#nav3 {left: 213px; width: 106px;}
#nav4 {left: 319px; width: 114px;}
#nav5 {left: 433px; width: 107px;}

#nav1 a:hover{background: transparent url(../images/mainTabsSprite.png) 0 -32px no-repeat;}
#nav2 a:hover{background: transparent url(../images/mainTabsSprite.png) -99px -32px no-repeat;}
#nav3 a:hover{background: transparent url(../images/mainTabsSprite.png) -213px -32px no-repeat;}
#nav4 a:hover{background: transparent url(../images/mainTabsSprite.png) -319px -32px no-repeat;}
#nav5 a:hover{background: transparent url(../images/mainTabsSprite.png) -433px -32px no-repeat;}

/*#nav1.current {background: transparent url(../images/mainTabsSprite.png) 0 -64px no-repeat;}
#nav2.current {background: transparent url(../images/mainTabsSprite.png) -99px -64px no-repeat;}
#nav3.current {background: transparent url(../images/mainTabsSprite.png) -213px -64px no-repeat;}
#nav4.current {background: transparent url(../images/mainTabsSprite.png) -319px -64px no-repeat;}
#nav5.current{background: transparent url(../images/mainTabsSprite.png) -433px -64px no-repeat;}*/

.serv #nav1 {background: transparent url(../images/mainTabsSprite.png) 0 -64px no-repeat;}
.gov #nav2 {background: transparent url(../images/mainTabsSprite.png) -99px -64px no-repeat;}
.com #nav3 {background: transparent url(../images/mainTabsSprite.png) -213px -64px no-repeat;}
.newcom #nav4 {background: transparent url(../images/mainTabsSprite.png) -319px -64px no-repeat;}
.site #nav5 {background: transparent url(../images/mainTabsSprite.png) -433px -64px no-repeat;}

/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
* html .deptBadge {margin-top:-60px; margin-bottom:10px; position:relative;}
* html #wrapper1 {margin-top:-1px;}
* html .contentBtm {width:84%;}
* html #crumbs {padding-bottom: 5px; }
* html #crumbs a {text-decoration:none; border-bottom:1px solid #fff; }
* html #crumbs a:hover {border-bottom:5px solid rgb(219,135,170); }

/*** Specialty Stylings ***/
#homeBtn {margin-bottom:-24px; position:relative; z-index:6; margin-left:-16px; margin-top:1px;}
/* */