*        {font-family:verdana, arial, helvetica, sans-serif;font-size:100%;}
BODY     {font-size:80%;}

A:hover  {color:#FF0000;}
A:active {color:#FF0000;}

/* Navigation Classes */
A.navbar:link  {color:#FFFFFF; font-family:arial narrow, verdana, arial, helvetica, sans-serif;font-size:95%;text-decoration:none;}
A.navbar:visited {color:#FFFFFF;font-family:arial narrow, verdana, arial, helvetica, sans-serif;font-size:95%;text-decoration:none;}
A.navbar:active {color:#FFFF00;font-family:arial narrow, verdana, arial, helvetica, sans-serif;font-size:95%;text-decoration:none;}
A.navbar:hover   {color:#FFFF00;font-family:arial narrow, verdana, arial, helvetica, sans-serif;font-size:95%;text-decoration:none;}
A.noline:link  {text-decoration:none;}
A.noline:visited {text-decoration:none;}
A.noline:active {text-decoration:none;}
A.noline:hover {text-decoration:none;}

/* Print Classes */
@media print{.dontprint{display:NONE;}}
@media print{.printall{width:95%;}}
@media screen{.printonly{display:NONE;}}
@media print{.print_borders{border: #000000 1px solid;}}
.pagebreak {page-break-before:always;}

/* Header Classes */
.header_main {font-size:125%;font-weight:bold;}
.header_2nd  {font-size:110%;font-weight:bold;}
.header_3rd  {font-size:100%;font-weight:bold;}
.header_print_small {font-size:120%;font-weight:bold;}
.header_print_large {font-size:180%;font-weight:bold;}
.header_table {font-size:100%;font-weight:bold;}

/* Other Named Classes */
.breadcrumbs {font-size:85%;text-align:center;}
.smallnarrow {font-size:85%;font-family:Arial Narrow, verdana, arial, helvetica, sans-serif;}
.disclaim {background-color:#dbe1ee;font-weight:bold;}
.privacy {background-color:#c4cde1;font-weight:bold;}
.sidenavsectionheader  {font-family:arial narrow, verdana, arial, helvetica, sans-serif;font-size:95%;font-weight:bold;background-color:#bac0d0;color:#000000;}
/* info class is used for items that are primarily informational. */  
/* examples of info class:  PDF size/date, short descriptions of links, the Acrobat blurb */
.info {color:#000066;font-style:italic;font-size:90%;}
/*subtlenote class is used for the following:  1) "characters remaining" text  2) the PDF designation next to PDF links (e.g., XXXK PDF, updated MM/DD/YY) which may also include the file size and an "opens new window" notation (e.g., 207K PDF - opens new window).  3) any other situation where we want a note but don't want it to stand out too much. The goal in choosing a different color for these links was to differentiate this class from the regular "note" class that is used for link descriptions and in other places - on the County home page in particular, using the same class for both was confusing.  */ 
.subtlenote {color:#8294B1;font-style:italic;font-size:90%;}
/* note class is used for more important notes to user (i.e., an item we want user to read before continuing).*/
/* examples of note class:  instructions on app pages */ 
.note  {color:#000066;font-style:italic;font-size:90%; font-weight:bold;}
/* announce class is used for less-critical error messages and notifications. (e.g., situations where user needs to correct data or criteria entered).*/ 
/* examples of announce class:  EOF message, some edit errors */
.announce {color:#000066;font-size:105%;font-weight:bold;}
/* warning class is used for critical error messages and notifications (e.g., situations where the user really can't proceed.) */
/* examples of warning class: database error, incorrect browser/JavaScript off/cookies off messages */
.warning {color:#FF0000;font-size:115%;font-weight:bold;}

/*use li_spaced to add extra padding to list items, as default values result in a "scrunched" look.  */
.li_spaced {margin: 5px;}

/* HR Classes */
/* Format: hr_width_height */
.hr_headimage {color:#000066;width:96%;height:1px;}
.hr_45x1 {color:#000066;width:45%;height:1px;}
.hr_100x1 {color:#000066;width:100%;height:1px;}
.hr_100x2 {color:#000066;width:100%;height:2px;}

/* Font Style Classes */
.i {font-style:italic;}
.b {font-weight:bold;font-size:90%;}
.u {text-decoration:underline;}  

/* Font Size Classes */
/* sz_80 will be used for text being entered in a text box;  sz_80 plus color_txt_30 (red) will be used for the text in the countdown box used for text boxes */
.sz_80  {font-size:80%;}

/* Color Classes */
.color_bg_navbar {background-color:#000066;}
.color_bg_emphasis {background-color:#8C0723;}
.color_bg_body {background-color:#ffffff;}
/* use color_bg_10-30 for visible tables;  details are in cssgrid.xls */
.color_bg_10  {background-color:#dbe1ee;}
.color_bg_20  {background-color:#c4cde1;}
.color_bg_30  {background-color:#aebbd1;}
/* not sure if color_bg_40 is being used (other than in dist 5 that has its own CSS) */
.color_bg_40  {background-color:#FFFFFF;}
/* use color_bg_100 for standalone blocks of bgcolor  */
.color_bg_100 {background-color:#cbd1d8;}
.color_txt_10 {color:#000066;}
.color_txt_20 {color:#8C0723;}
.color_txt_30 {color:#FF0000;}
.color_txt_40 {color:#FFFFFF;} 

/* Border Classes */
.color_border_10 {border-color:#000000;border-style:solid;border-width:thin;}
.color_border_20 {border-color:#000066;border-style:solid;border-width:1px;}
.border_collapse {border-collapse:collapse;}
.table_blue {border:1px solid #000066;}