/******************************** 
         Basic styling
*********************************/

html,body {height:100%;padding:0;margin:0;vertical-align:top;}

body { /* left graidient is here */
  text-align:center;	
  font:small/1.5em Arial, Helvetica, sans-serif;
  color:#000;
  background: #999F7F url(http://www.netfile.com/agency/brk/img/body_graid_right_10x1.gif) repeat-y 95% 0; 
  margin:0 4.9%;
  padding-right:9px;
  position: relative;
  min-width:740px;
  max-width:1300px;
 }
#container1 { /* right graidient is here */
	position: relative;
	min-height:100%;
	text-align: left;
	background: #fff url(http://www.netfile.com/agency/brk/img/menu_bg5x200.gif) repeat-y 0 0;
	padding-left:10px; 
	}

* html #container1{height:100%;} /* IE6 hack */

h1,h2,h3,h4,h5,h6 {color:#000;margin:0;}

a,a:link {color:#0000FF;}
a:visited {color:#660000;}
a:hover {text-decoration:none;}

p {margin:1.5em 0;} 
ul {margin-left:10px;}

code,pre,tt { /* page help text mostly */
  font-family: monospace;
  font-size:110%;
  padding:0 .1em;
  color: #c8c8c8;
}

sup {font-size:.78em;}

hr {height:1px;margin:0 4%;}

fieldset { /* Lotsa fieldsets throuout sites */
  border:1px solid #999F7F;
  width:70%;
  -moz-border-radius:8px; /* Just for Mozilla browsers. */ 
  padding:.55em; 
  margin-left:1em; 
}
legend {
  font-weight:700;
  margin:10px;
  padding:0 .5em;
  color:#000;
}
.xsmall { /* use on those areas you need a smaller font size.*/ 
  font-size:85%;
  padding:0 .1em;
  font-weight:100;
}
.xsmall a {font-weight:700;}
.mo-help {cursor: help;border-bottom: 1px dotted #c8c8c8;}/* inline help for abbreviations */ 

     /* basic floats */
.floatrt,.floatL {float:right;}
.floatlt,.floatR {float:left;}
.clearrt,.clearR {clear:right;}
.clearlt,.clearL {clear:left;}
.clear,.clearall {clear:both;}

.bold {font-weight:700;}
.underline {border-bottom:1px solid;}



/******************************** 
          Header content 
*********************************/

#header { /* background img is here */
	height:110px;
	background: #660000 url(http://www.netfile.com/agency/brk/img/header_bg_1400x75.jpg) no-repeat top left;
	width:100%;
}

#header h1 {height:75px;}/* need to set height since I'm hiding it below */
#header h1 span {display:none;} /* hides text unless css is off */

#header h2 { /* holds top menu */
	line-height:30px;
	width:100%;
}
#header h2 span { /* center menu */
	text-align: center;
	display:block;
	width:100%;
	line-height:24px;
	padding:2px 0;
}
#header a {
	font-size:15px;
	color:#fff;
	font-weight:100;
	border-right:1px solid #999F7F;
	padding:3px 3%;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing:0;  
  }

#header h2 a:hover {color:#FFFF00;}  
.nobord {border:none !important;} /* remove the last bar between links */

#header h3 { /* Holds search section */
	background:#000033;
	height:30px;
}
#header h3 .search {
	float:right;
	color:#fff;
	font-size:11px;
	vertical-align: middle;
	padding-top:4px;
	padding-right:5px;
}
.searchLabel {position:relative;top:-2px;}
.searchTxt {margin-top:-1px;width:257px;}
.searchBtn {margin-top:-1px;font-size:.89em;}



/********************************* 
      Left Side Menu content 
*********************************/

#menu { /* container */
	vertical-align: top;
	height:100%;
	font-weight:100;
	padding-top:15px;
	}
#menu span {display:none;} /* if CSS is off, the text graphics below will be replaced with actual text */
#menu ul {
	list-style:none;
	min-height:100%;
	padding:0;
	width:190px;
   }
#menu a {
  color:#fff;
  text-decoration: none;
  display: block;
  width:100%;
  font-size: 90%;  
}
#menu a:hover {text-decoration:underline;}

.menuWelcome { /* graphic text */
 	background: url(http://www.netfile.com/agency/brk/img/menuWelcome73x30.gif) no-repeat 0 0;
	height: 30px;
	margin:0 0 5px 5px;
 }
.menuQuicklinks {/* graphic text */
	background: url(http://www.netfile.com/agency/brk/img/menuQuickLinks92x30.gif) no-repeat 0 0;
	height: 30px;
	margin:10px 0 5px 5px;
}

.help_pdf {background-position:center 50% !important;padding:0px;}



/******************************** 
        Center content 
*********************************/

#content {
	vertical-align:top;
	height:100%;
	width:100%;
}

#content p {margin:0;padding:.2em;}

#content h4 { /* Use only ONE H4 on a page! */
	color:#660000;
	font-size:130%;
	background: url(http://www.netfile.com/agency/brk/img/city_logo_75x75.jpg) no-repeat 98% 0;
	height:75px;	
}

.index fieldset {border:none;} /* loose border only on static pages */

/* filer login */
#filerlogin fieldset {
  width:345px;
  position:relative;
  top:15px;
  left:100px;
  padding:.4em;   
}

#filerlogin h5 span {display:inline-block;width:25%;}

#filerlogin span.xsmall {
  display:block;
  width:335px;
  text-align:center; 
}


#filerlogin .submit {position:relative;left:30%;}

#filerlogin .error {width:400px;}
	
.banner-landing {margin-top:.75em;}


	/* Search results contained in ??? */
.pub-search-results {width:98%;}
.pub-search-results hr {margin:0;}
.pub-search-results h4, h4.textMessage {background-image:none !important;margin:.25em 0;padding:0;}
.welcome {background:transparent;color:#660000;}
.inputButton a { /* make a:link's appear as a standard button */
  color:#000;
  padding:2px 5px;
  background:#D9DAE7;
  border-top:1px solid #c8c8c8;
  border-left:1px solid #c8c8c8;
  border-bottom:2px solid #000;
  border-right:2px solid #000;
  -moz-border-radius:5px;
}
.inputButton a:hover {background:#FDFDFD;}



/******************************** 
	     Footer section
*********************************/

#footer {
	text-align: center;
	margin: 2.5em auto 0 auto;
	width:265px;
	line-height:1.3em;
	position: relative;
	font-size:11px;
}
#footer a {color:#000;padding:0 2px;}
#footer span {white-space: nowrap;}



/******************************** 
       TEST site background
********************************/ 
.testbg #header, /* sei test bg */
.testing #content /* campaign staff bg */
{background-image: url(http://www.netfile.com/agency/img/testing_bg_sm.gif);}