/* CSS Document */
body { 
margin : 0;
background-image : url('../images/background-img.jpg');
background-repeat : repeat-x;
background-position : center top;
}

h1 {font-family : Georgia, Arial, Helvetica, sans-serif;text-decoration:none;color:#336;}

     
ul { list-style-image: url('../images/check.gif'); }
ul li {padding: 5px;font-size: 10pt;color : #336;} 

a {color: teal; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600; text-decoration: none;} 
a:link {color: teal; }
a:visited {color: teal; } 
a:hover {background-color: #bbb;  text-decoration: underline; }
 
.content {width : 1024px;margin-right : auto;margin-left : auto;border-left-width : 1px;border-left-style : solid;border-left-color : #e0e0e0;border-right-width : 1px;border-right-style : solid;border-right-color : #e0e0e0;border-bottom-width : 1px;border-bottom-style : solid;border-bottom-color : #e0e0e0;} 
.main {background-image : url('../images/bg-main-home.jpg');height : 124px;} 

div.left {width : 120px;height : 750px;text-align : center;background-image:url('../images/left-wash.jpg');}
div.center {width : 750px;background-image:url('../images/center-wash.jpg');}
div.right {width : 150px;height : 750px;text-align : center;background-image:url('../images/right-wash.jpg');}

div.left_small {width : 120px; height : 450px;text-align : center;background-image:url('../images/left-wash750x450.jpg');}
div.center_small {width : 750px; height : 450px;background-image:url('../images/center-wash750x450.jpg');}
div.right_small {width : 130px;height : 450px;text-align : center;background-image:url('../images/right-wash750x450.jpg');}

div.text {font-family : verdana, Arial, Helvetica, sans-serif;font-size : 10px;text-align : left;color : #336;padding : 0px 8px 0px 8px;}
div.messages {font-family : verdana, Arial, Helvetica, sans-serif;font-size : 10px;color : #000000;background : transparent;width : 700px;text-align : left;margin : 20px 10px 20px 10px;} 
div.footers {text-align : center;width : "*";border-top : 3px solid #cccc00;}

div.hdr_middle {width : auto; font-family : Georgia, Arial, Helvetica, sans-serif; font-size : 12pt; color : #800000; font-weight : bold; text-align : center; border-bottom : 1px solid #cccc00; margin : 10px 0 5px 0;}
div.hdr10_middle {width : auto;font-family : Georgia, Arial, Helvetica, sans-serif;font-size : 10pt;color : #800000;font-weight : bold; text-align : center;border-bottom : 1px solid #cccc00;margin : 5px 0 5px 0;}  
div.hdr_left {width : auto;font-family : Georgia, Arial, Helvetica, sans-serif; font-size : 12pt;color : #800000;font-weight : bold;text-align : left;border-bottom : 1px solid #cccc00;margin : 10px 0 5px 0;} 

p.tagline_0 {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 8pt;line-height: 1.10em;text-align : left;} 
p.tagline_0b {font-family : Verdana, Arial, Helvetica, sans-serif;font-size   : 8pt;font-weight : bold;text-align  : left;} 
p.tagline_0bc {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 8pt;text-align : center;}
p.tagline_0x {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 8pt;text-align : justify;line-height: 1.10em;color : #333333;}
p.tagline_0w {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 8pt;text-align : left;color : #ffffff;} 
p.tagline_1 {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 9pt;text-align : left;} 
p.tagline_1b {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 9pt;font-weight : bold;text-align : left;} 
p.tagline_1bx {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 9pt;font-weight : bold;color : #800000;} 
p.tagline_1c {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 9pt;text-align : center;}
p.tagline_1d {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 9pt;font-weight : bold;text-align : left;color : teal;} 
p.tagline_2 {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 10pt;text-align : left;} 
p.tagline_2b {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 10pt;font-weight : bold;text-align : left;}
p.tagline_2c {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;line-height: 1.25em;text-align : justify;}
p.tagline_2x {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10pt; text-align : justify; line-height: 1.50em; }
p.tagline_2w {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 10pt;font-weight : bold;text-align : left;color : #ffffff;}
p.tagline_3 {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12pt; text-align : left; }  
p.tagline_3b {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 12pt;font-weight : bold;text-align : left;color:#336;} 
p.tagline_4 {font-family : Georgia, Arial, Helvetica, sans-serif; font-size : 14pt; font-weight : bold; color : #800000;} 
p.tagline_4b {font-family : Georgia, Arial, Helvetica, sans-serif; font-size : 16pt; font-weight : bold; color:#336; }
p.tagline_5a {width: 500px; font-family: Georgia,Serif; font-size : 18pt; line-height: 1.50em; text-align : justify; color: #990000; }
p.tagline_5b {width: 500px; font-family : Georgia, Arial, Helvetica, sans-serif; font-size : 16pt; line-height: 1.25; text-align : justify; color : #333333; }
p.tagline_8c {font-family : Verdana, Arial;font-size : 8pt;text-align : center;color : #336;}  
p.tagline_10bwc {font-family : Georgia,Verdana, Arial;font-size : 9pt;font-weight : bold;line-height: 1.50em;text-align : center; color : #FFFFFF;}


/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #cc9900; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
  background-color : #fefefe; 
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #fafafa; 
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #669900; 
}

/* form label text */
label { 
  color : #669900;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 80% 'Trebuchet MS', sans-serif; 
  color : #666; 
  padding : 2px; 
  border : 1px solid #cc9000;
  background-color : #fffffa;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #669900;
  background-color : #cc9900;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #669900; 
  font-weight : bold; 
}


/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}
/* main Links */
#mainLinks {
    background-color:#000033;
    color:#FFFFFC;
    text-align:center;
    vertical-align:middle;
    font-size:13px;
}


#mainLinks a{
    color:white;
    text-decoration:none;
}

#mainLinks a:hover{
    background-color:#660000;
    border: 0px;
    color:#FFFFCC;
}

/* bottom links */
#bottomLinks {
    background-color:#000033;
    color:white;
    text-align:center;
    font-size:13px;
}
#bottomLinks a{
    color:white;
    text-decoration:none;
}
#bottomLinks a:hover{
    background-color:#660000;
    border: 0px;
    color:#FFFFCC;
}
/* sub header */
#subHeader {
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    background-color:#FFFFFC;
    font-size:12px;
}    
/* main Cell */
#mainCell {
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    background-color:#FFFFFC;
}
/* footer nav */
#footerNav {
    border-top: 1px solid #660000;
    border-bottom: 1px solid #660000;
    background-color:#FFFFFC;
    text-align:center;
    font-size:9px;
    color:#660000;
}
#footerNav a{
    color:#000033;
    text-decoration:none;
}
#leftBodyCol{
    width:20%;
    border-right: 1px solid #666666;
    vertical-align:top;
}
#middleBodyCol{
    width:60%;
    vertical-align:top;
    padding: 3px;
}
#rightBodyCol{
    width:20%;
    border-left: 1px solid #666666;
    vertical-align:top;
}
#loading {
    position:static;
    top:50%; 
    left:50%; 
    text-align:center;
    background-color:#CC0000; 
    color:#FFFFFF;
}

.topLink                 {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.topLink:hover           {  text-decoration: none; }

.tabLinkOff              {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; font-weight: bold; }
.tabLinkOff:hover        {  text-decoration: underline; }
.tabLinkOn               {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; font-weight: bold; }
.tabLinkOn:hover         {  text-decoration: underline; }

.mainText                {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; }
.mainLink                {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.mainLink:hover          {  text-decoration: none; }

.date                    {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; }

.free                    {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #B5313A; font-weight: bold; }
.free:hover              {  text-decoration: none; }

.tbl-border              {  background-color: #666666; }
.tbl-bg                  {  background-color: #FFFFCC; }
.tbl-vertSpacer          {  height: 6px; background-color: #ffffff; }

.locText                 {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.locArrow                {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.locLink                 {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.locLink:hover           {  text-decoration: none; }
.locLink2                {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
.locLink2:hover          {  text-decoration: none; }

.sideTitle               {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;  }
.sideText                {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.sideLink                {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003378; text-decoration: none; }
.sideLink:hover          {  text-decoration: underline; }
.sideLink2               {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003378; }
.sideLink2:hover         {  text-decoration: none; }

.sidePopLink             {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003378; font-weight: bold; }
.sidePopLink:hover       {  text-decoration: none; }
.sidePopText             {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }

.searchBoxText           {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.searchButton            {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

h1                       {  font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #222222; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.pageTitle               {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #222222; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.pageSubTitle            {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }
.pageText                {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.pageHelpText            {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.pageField               {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

.pageLink                {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003378; }
.pageLink:hover          {  text-decoration: none; }
.pageLinkGrey            {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none; }
.pageLinkGrey:hover      {  text-decoration: underline;}

.dirCatText              {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; }
.dirCatLink              {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003378; line-height: 17px; font-weight: bold; }
.dirCatLink:hover        {  text-decoration: none; }
.dirSubCatLink           {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003378; line-height: 17px; }
.dirSubCatLink:hover     {  text-decoration: none; }
.dirResLink              {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003378; line-height: 17px; font-weight: bold; }
.dirResLink:hover        {  text-decoration: none; }
.dirResText              {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; line-height: 15px; }
.dirResUrl               {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #008000; line-height: 15px; }

.statText                {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.statLink                {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003378; }
.statLink:hover          {  text-decoration: none; }

.resBorder               {  background-color:#666666; }
.colText                 {  background: #efefef; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; }
.rowText                 {  background: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.descText                {  background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 15px; }
.rowLinkBold             {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003378; font-weight: bold; }
.rowLinkBold:hover       {  text-decoration: none; }
.rowLink                 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003378; }
.rowLink:hover           {  text-decoration: none; }

.nofound                 {  background: #FFFFCC; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.error                   {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }

.bottomLink              {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003378; text-decoration: none; }
.bottomLink:hover        {  text-decoration: underline; }

.copyright               {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.copyrightLink           {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003378; }
.copyrightLink:hover     {  text-decoration: none; }
.countyMap                 {  width: 580px; height: 400px; border: 1px solid #666666; }
.searchMap                 {  width: 560px; height: 400px; border: 1px solid #666666; }