/* Cascading Style Sheet (CSS) Document */
/* ************ MAIN STYLESHEET ************ */
/* MISC DEFAULTS */
/* The class "body" below defines base font size and face for all elements. */

/******************Google suggestion Box ***************************/

        /* Classes for suggestion box */
        .ss-gac-m-others
        {
            background: white;
            color: Black;
            border: 1px solid black;
            cursor: default;
            font-size: 13px;
            line-height: 17px;
            margin-left: 126px;
            position: absolute;
            z-index: 99;
            table-layout:fixed;
            width:330px;
            visibility: hidden;
            top: 140px;
        }
        .ss-gac-m-ie1
        {
            background: white;
            color: Black;
            border: 1px solid black;
            cursor: default;
            font-size: 13px;
            line-height: 17px;
            margin: 1;
            position: absolute;
            z-index: 99;
            table-layout:fixed;
            width:330px;
            visibility: hidden;
	    top: 140px; 
        }
        .ss-gac-m-ie2
        {
            background: white;
            color: Black;
            border: 1px solid black;
            cursor: default;
            font-size: 13px;
            line-height: 17px;
            margin-left: 128px;
            position: absolute;
            z-index: 99;
            table-layout:fixed;
            width:330px;
            visibility: hidden;
	    top: 140px; 
        }
        .ss-gac-b
        {
            background: #36c;
            color: white;
        }
        .ss-gac-c
        {
            overflow: hidden;
            padding-left: 1px;
            text-align: left;
            white-space: nowrap;
	    width: 200px;
        }
        .ss-gac-d
        {
            color: #084588;
            font-size: 10px;
            overflow: hidden;
            padding: 0 1px;
            text-align: right;
            white-space: nowrap;
            width: 100px;
        }
        .ss-gac-b td
        {
            color: white;
        }
        .ss-gac-e td
        {
            font-size: 10px;
            line-height: 15px;
            padding: 0 3px 2px;
            text-align: right;
        }
        .ss-gac-e span
        {
            color: #084588;
            cursor: pointer;
            text-decoration: underline;
        }
                /* Debug console */div#ss_debug_console
        {
            background: #ffefef;
            border: 1px solid #cf7f7f;
            bottom: 2%;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 83%;
            height: 60%;
            left: 5%;
            opacity: 0.95;
            overflow: auto;
            padding: 0.5em;
            position: absolute;
            width: 90%;
            z-index: 5000;
        }
        div#ss_debug_console.expanded
        {
            height: 60%;
        }
        div#ss_debug_console.contracted
        {
            height: 8%;
        }
        div#ss_debug_console h1
        {
            color: #af0000;
            display: inline;
            font-size: 100%;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }
        div#ss_debug_console button
        {
            margin: 0em 0.5em;
        }
        div#ss_debug_console table
        {
            border-collapse: collapse;
            font-size: 90%;
            line-height: 120%;
            margin-top: 1em;
        }
        div#ss_debug_console table th
        {
            padding: 0.2em 1em;
            text-align: left;
        }
        div#ss_debug_console table td
        {
            border-top: 1px solid #cf7f7f;
            padding: 0.2em 1em;
        }
        div#ss_debug_console table td.no
        {
            text-align: right;
        }


body
{
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #000000;
    min-width: 1000px;
}

div
{
    margin: 0;
    padding: 0;
    border: 0;
}

div.text-small, p.text-small, span.text-small {
	font-size: 85%;
}

map
{
    margin: 0;
}

li img, a img
{
    border: 0;
}

.clearLeft
{
    clear: left;
}

.clearRight
{
    clear: right;
}

.clear
{
    clear: both;
}

/* LINK STYLES */
a, a:link
{
    color: #084588;
    text-decoration: none;
}

a:visited
{
    color: #084588;
    text-decoration: none;
}

a:hover, a:active
{
    color: #82020b;
    text-decoration: underline;
}

/* this is to hide hyperlink in desktop web browsers, while allow mobile phone to tap to dial */
a#phonenumberlink, a.phonenumberlink
{
    text-decoration : none;
    color: #000000;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
    text-decoration: none;
}

h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
    text-decoration: underline;
}

/* ACCESSIBILITY STYLES */
/* The class below hides the links added to the top of the page for accessibility purposes only. 
Screen readers will still read these links. */
div.accessibilitylinks
{
    display: none;
    visibility: hidden;
}

/* MAIN LAYOUT STYLES -- VERY IMPORTANT -- DO NOT EDIT.
These classes define the layout of the pages. */
div.pagewidth, div#pagewidth
{
    /*added to fix page width less thatn 1003 without javascript active other than IE 6*/
    width: 1003px;
    width: expression(document.documentElement.clientWidth < 1023?   "1003px" :document.documentElement.clientWidth);
    min-width: 1000px;
}
/*added to fix page width less thatn 1003 without javascript active but not IE 6*/
html > body div.pagewidth, div#pagewidth
{
    width: auto;
}

div#header
{
    margin: 0;
    padding: 0;
    border: 0;
    height: 106px;
    background-color: #4584a8;
}

div#logo
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}

div#slideshowImage
{
    position: relative;
}

div#navbar
{
    background-image: url(/resources/public/web/templates/images/interface/searchbar_bg_repeat.gif);
    background-repeat: repeat-x;
    background-position: top;
    color: #ffffff;
    height: 42px;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div#searcharea
{
    background-image: url(/resources/public/web/templates/images/interface/searchbar_bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    color: #ffffff;
    height: 33px;
    width: 450px;
    text-align: right;
    margin: 0;
    padding: 9px 12px 0 0;
    top: 106px;
    right: 0;
    z-index: 1;
    float: right;
}

div#content
{
    margin: 20px 0 0 215px;
    background-color: #ffffff;
}

body#home div#content
{
    margin: 20px 24.5% 0 215px;
    background-color: #ffffff;
}

div#leftcolumn, div.leftcolumn
{
    float: left;
    width: 190px;
    margin: 12px 0 5px 0;
    background-color: #ffffff;
}

div#rightcolumn, div.rightcolumn
{
    clear: both;
    float: right;
    width: 21%;
    margin: 20px 10px 0 0;
    background-color: #ffffff;
}

div#centercolumn-full, div.centercolumn-full
{
    width: 98%;
    margin: 0 0 10px 0;
    background-color: #ffffff;
    display: block;
}

div#centercolumn-left, div.centercolumn-left
{
    float: left; /*width: 45%;*/
    width: 49%; /* changed from 50% to 49% to address firefox center column display issue-10/21/2010 */
    margin: 0 0 10px 2px;
    background-color: #ffffff;
}

div#centercolumn-right, div.centercolumn-right
{
    float: left;
     width: 49%; /* changed from 50% to 49% to address firefox center column display issue-10/21/2010 */
    margin: 0 -20px 0px 10px;
}


/*2 column page layout div styles*/

div#twocolumn-left, div.twocolumn-left
{
	width: 46%;
	float: left;
	padding-left: 2%;
	padding-right: 2%;  
}

div#twocolumn-right, div.twocolumn-right
{
	width: 46%;
	float: left;
	padding-left: 2%;
}
/*End 2 column layout styles*/


/*3 column page layout div styles*/

div#threecolumn-left, div.threecolumn-left
{
	width: 31%;
	float: left;
	padding-right: 2%;
/*	margin: 0px 0px 10px 2px; */
}

div#threecolumn-container, div.threecolumn-container /*container for middle and right columns of 3 calumn page layout */
{
	float: left;
	width: 67%;
}

div#threecolumn-middle, div.threecolumn-middle
{
	float: left;
	width: 47%;
	padding-right: 3%;
}

div#threecolumn-right, div.threecolumn-right
{
	float: left;
	width: 47%;
	
/*	margin: 0px -20px 0px 10px;  */
}
/*End 3 column layout styles*/


/* MAIN MENU STYLES */
#mainMenu
{
    font-size: 88%;
    font-family: Arial, Helvetica, Sans-serif;
    color: #084588;
    float: left;
}

#menuList ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

/* default "off" style */
#menuList li
{
    white-space: nowrap;
    margin-left: 5px;
    list-style: none;
    float: left;
    background-image: url(/resources/public/web/templates/images/interface/mainmenu_right_off.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

#menuList li a, #menuList li a:link, #menuList li a:visited
{
    display: block;
    padding: 4px 10px 6px 6px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 125%;
    background-image: url(/resources/public/web/templates/images/interface/mainmenu_left_off.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#menuList li a:hover
{
    color: #ffff99;
    text-decoration: none;
    font-weight: bold;
    font-size: 125%;
}

/* "on" style */
#home #menuList li#mainMenuHome, #living #menuList li#mainMenuLiving, #business #menuList li#mainMenuBusiness, #visiting #menuList li#mainMenuVisiting, #government #menuList li#mainMenuGovernment
{
    background-image: url(/resources/public/web/templates/images/interface/mainmenu_right_on.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

#home #menuList li#mainMenuHome a, #home #menuList li#mainMenuHome a:link, #home #menuList li#mainMenuHome a:visited, #living #menuList li#mainMenuLiving a, #living #menuList li#mainMenuLiving a:link, #living #menuList li#mainMenuLiving a:visited, #business #menuList li#mainMenuBusiness a, #business #menuList li#mainMenuBusiness a:link, #business #menuList li#mainMenuBusiness a:visited, #visiting #menuList li#mainMenuVisiting a, #visiting #menuList li#mainMenuVisiting a:link, #visiting #menuList li#mainMenuVisiting a:visited, #government #menuList li#mainMenuGovernment a, #government #menuList li#mainMenuGovernment a:link, #government #menuList li#mainMenuGovernment a:visited
{
    background-image: url(/resources/public/web/templates/images/interface/mainmenu_left_on.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 125%;
}

#home #menuList li#mainMenuHome a:hover, #living #menuList li#mainMenuLiving a:hover, #business #menuList li#mainMenuBusiness a:hover, #visiting #menuList li#mainMenuVisiting a:hover, #government #menuList li#mainMenuGovernment a:hover
{
    color: #ffff99;
    text-decoration: none;
    font-weight: bold;
    font-size: 125%;
}

/* PRINT, BOOKMARK, TEXT ONLY LINKS */
#nav-formatting
{
    float: right;
    font-size: 85%;
    line-height: 0.9em;
    height: 17px; /*width: 250px;*/
    width: auto;
    margin: auto;
    padding: 0;
    visibility: hidden;
}

#nav-formatting ul
{
    margin: 0;
    padding: 0;
    text-align: left;
}

#nav-formatting ul li
{
    margin: 0 0 0 5px;
    padding: 2px 0 2px 10px;
    display: inline;
    list-style: none;
    float: left;
    word-spacing: normal; /*border-color: Black; 	border-style: solid;*/ /*width: 55px;*/
    height: 17px; /*text-align: left;*/
    overflow: visible;
    white-space: nowrap;
}

#nav-formatting a, #nav-formatting a:link, #nav-formatting a:visited, #nav-formatting a:active, #nav-formatting a:hover
{
    text-decoration: none;
}

#nav-formatting img
{
    margin: 0 1px 0 0;
    padding: 0;
    border: 0;
    float: left;
}

/* FOOTER STYLES */
div#footersite
{
    clear: both;
    padding: 10px;
    font-size: 89%;
    text-align: center;
    background-image: url(/resources/public/web/templates/images/interface/footerbg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    overflow: auto;
    height: 165px;
      /*height setting to allow for background image*/
}

#footersite a, #footersite a:link, #footersite a:visited
{
    color: #000000;
    text-decoration: underline;
}

#footersite a:hover
{
    color: #000000;
    text-decoration: none;
}



/* LEFT NAVIGATION STYLES */
/* The classes below define the expand/collapse bars in the left navigation. */
#leftnav .trigger
{
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #82020b;
    background-image: url(/resources/public/web/templates/images/interface/headerbar_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    cursor: pointer;
    padding: 4px 2px 6px 8px;
}

#leftnav .trigger:hover
{
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    background-image: none;
    background-color: #82020b;
    background-image: url(/resources/public/web/templates/images/interface/headerbar_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    cursor: pointer;
    padding: 4px 2px 6px 8px;
}

#leftnav .expanded
{
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #82020b;
    background-image: url(/resources/public/web/templates/images/interface/headerbar_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    cursor: pointer;
    padding: 4px 2px 6px 8px;
}

#leftnav .expanded2
{
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #82020b;
    background-image: url(/resources/public/web/templates/images/interface/headerbar_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    cursor: pointer;
    padding: 4px 2px 6px 8px;
}

#leftnav .expanded:hover
{
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    background-image: none;
    background-color: #82020b;
    cursor: pointer;
    padding: 4px 2px 6px 8px;
    background-image: url(/resources/public/web/templates/images/interface/headerbar_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
}

#leftnav .current
{
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    background-image: none;
    background-color: #4584a8;
    padding: 4px 2px 6px 8px;
}

#leftnav .show
{
    position: static;
    display: inherit;
}

#leftnav .hide
{
    display: none;
}

#leftnav h2
{
    margin: 10px 0 5px 0;
}

#leftnav h2 img
{
    border: 0;
    float: right;
}

#leftnav h2 a, #leftnav h2 a:link, #leftnav h2 a:visited, #leftnav h2 a:active, #leftnav h2 a:hover
{
    color: #ffffff;
    text-decoration: none;
}

/* The classes below define the links under the expand/collapse bars in the 
   left navigation. */
ul.leftnavsub
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-size: 95%;
    font-weight: normal;
    line-height: 1.1em;
}

ul.leftnavsub li
{
    background-color: #ffffff;
    margin: 0;
    padding: 2px 2px 2px 15px;
    width: auto;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

ul.leftnavsub li img
{
    padding-left: 5px;
}

ul.leftnavsub li a, ul.leftnavsub li a:link, ul.leftnavsub li a:visited
{
    color: #084588;
    text-decoration: none;
}

ul.leftnavsub li a:active, ul.leftnavsub li a:hover
{
    color: #82020b;
    text-decoration: none;
}

/* The class below defines the background color under the image at the top of the
   left navigation.   This color may never show, but is listed just in case a very 
	long, continuous word pushes the left navigation out wider than its defined size. */
div#leftnavimage
{
    background-color: #82020b;
}

/* LIST WITHOUT BULLETS */
ul.stealthList
{
    list-style-type: none;
    padding: 0;
    margin: 0 0 10px 0;
}

ul.stealthList li
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* LIST WITH BULLETS CLOSE TOGETHER */
ul.compactList
{
    list-style-type: disc;
    list-style-image: url(/resources/public/web/templates/images/interface/bullet_round_grey.gif);
    color: #000000;
    padding: 0;
    margin: 0 0 10px 17px;
}

ul.compactList li
{
    list-style-type: disc;
    list-style-image: url(/resources/public/web/templates/images/interface/bullet_round_grey.gif);
    color: #000000;
    padding: 0;
    margin: 0;
}


/* FORM STYLES */
form
{
    display: inline;
}

input, input.inputregular, fieldset
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000000;
}

input.textbox
{
    border: 1px solid #b2b2b2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding: 2px;
}

input.button, .button
{
    background-color: #82020b;
    border: 1px solid #000000;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 102%;
    font-weight: normal;
    color: #ffffff;
}

input.button-go
{
    background-color: #82020b;
    border: 1px solid #000000;
    width: 26px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 102%;
    font-weight: bold;
    color: #ffffff;
}

select
{
    background-color: #ffffff;
    border: 1px solid #b2b2b2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000000;
}

textarea
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000000;
}

/* TOP SEARCH AREA STYLES */
input.button-topsearchgo
{
    background-color: #82020b;
    border: 1px solid #ffffff;
    width: 26px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    margin-right: 10px;
}

input.button-topsearch
{
    background-color: #82020b;
    border: 1px solid #ffffff;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #ffffff;
}

fieldset
{
padding : 0.5em 1em;
}

fieldset.narrowsize
{
width:40%;
}

fieldset.mediumsize
{
width:60%;
}

fieldset.widesize
{
width:90%;
}

legend
{
padding: 2px 6px;
font-size: 1.2em;
font-weight: bold;
}

label.right-align-short-label
{
float:left; 
text-align:right; 
width:8em;
padding-right:0.5em;
}

label.right-align-medium-label
{
float:left; 
text-align:right; 
width:15em;
padding-right:0.5em;
}

label.right-align-long-label
{
float:left; 
text-align:right; 
width:25em;
padding-right:0.5em;
}


/* ALERT STYLES */
div.alert
{
    background-color: #f3f1d7;
    margin: 0;
    padding: 8px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

div.alert a, div.alert a:link, div.alert a:visited, div.alert a:active, div.alert a:hover
{
    color: #990000;
    text-decoration: underline;
}

.alerttext
{
    color: #8d0000;
}

div.alert p
{
    text-indent: 0;
}

/* BREADCRUMB STYLES */
div#breadcrumbs, div.breadcrumbs
{
    color: #084588;
    font-size: 87%;
    text-transform: lowercase;
    margin: 0 0 10px 0;
    padding: 0;
}

div#breadcrumbs a:link, div#breadcrumbs a:visited, div#breadcrumbs a:active, div.breadcrumbs a:link, div.breadcrumbs a:visited, div.breadcrumbs a:active
{
    color: #084588;
    text-decoration: underline;
}

div#breadcrumbs a:hover, div.breadcrumbs a:hover
{
    color: #82020b;
    text-decoration: underline;
}

/* END OF ORIGINAL STYLE.CSS FILE*/
/*BEGIN STYLE-CONTENTAREA.CSS*/
/* Style from styles-contentarea Document */
/* ************ CONTENT AREA STYLES - NEEDED FOR EVERY PAGE EXCEPT THE HOME PAGE ************ */
/* HEADING STYLES */
h1, #content h1
{
    font-family: sans-serif, Arial, Helvetica;
    font-size: 140%;
    color: #000000;
    margin: 20px 0 5px 0;
    padding: 0;
    background-image: none;
}

/* The class below defines the page title (the first "h1" on every page). */
#home #content h1.pagetitle
{
    padding: 0 0 5px 0;
    margin: 5px 0 0 0;
    background-image: url(/resources/public/web/templates/images/interface/heading_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    color: #000000;
    position: relative;
}

h1.subject
{
    border: 4px solid #ECF4F8;
    margin: 0 0 14px 0;
    background-color: #ECF4F8;
    width: 97%;
}

#newsline
{
    background-image: url(/resources/public/web/templates/images/interface/heading_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    margin: 6px 0 0 0;
    padding: 3px 0 2px 0;
}

#content h1.pagetitle
{
    padding: 0 0 5px 0;
    margin: 5px 0 0 0;
    background-image: url(/resources/public/web/templates/images/interface/heading_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    color: #000000;
}

h2, #content h2
{
    font-family: sans-serif, Arial, Helvetica;
    font-size: 120%;
    color: #1e1e1e;
    margin: 18px 0 12px 0;
    padding: 0;
    background-image: none;
}

/* The class below adds a line above the h2. */
.line, h2.line, #content h2.line
{
    clear: both;
    background-image: url(/resources/public/web/templates/images/interface/heading_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    margin: 6px 0 0 0;
    padding: 3px 0 2px 0;
}

h3, #content h3
{
    font-size: 120%;
    color: #0e0e0e;
    margin: 15px 0 0 0;
    padding: 0;
}

h4, #content h4
{
    font-size: 110%;
    margin: 15px 0 0 0;
    padding: 0;
}

h5, #content h5
{
    font-size: 100%;
    margin: 15px 0 0 0;
    padding: 0;
}

h6, #content h6
{
    font-size: 100%;
    margin: 15px 0 0 0;
    padding: 0;
    text-indent: 1.5em;
}

h1, h2, h3, h4, h5, h6 .headeralternate
{
    color: #3C3C3C;
}

/* LIST STYLES */

ul, ol
{
    margin: 0.5em 0 0.6em 1.5em; /*margin:0.5em 0 0.6em 2.5em;*/
    padding: 0;
}

#content ol
{
    margin: 0.5em 0 0.6em 2.5em;
}

ul li, ol li
{
    margin: 0.5em 0 0.5em 0;
    padding: 0;
}

ul ul, ol ol
{
    margin: 0 0 0 1.5em;
    padding: 0;
}

/* PARAGRAPH STYLE 
The class below defines the paragraph style in the content area; 
currently the only special style for this item is an indent on the first line of each paragraph. 
To remove the indent, delete "text-indent: 2em;" below. */
#content p
{
    text-indent: 0em;
}

/*HIGHLIGHT STYLE 
The class below defines areas/boxes to highlight in the content area */
.highlight
{
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #f7f3ef;
    width: 97%;
}

.highlight1
{
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #ecf4f8;
    width: 97%;
}

.highlight2
{
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #f3eed2;
    width: 97%;
}

.highlight3
{
    border: 1px solid #b8b8b8;
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: #cee3c4;
    width: 97%;
}

.highlight4
{
    border: 1px solid rgb(184, 184, 184);
    margin: 0 0 10px 0;
    padding: 3px;
    background-color: rgb(255, 255, 255);
    width: 97%;
}

/* LINE "hr" STYLE */
hr
{
    background-position: bottom;
    margin: 5px 0;
    padding: 0;
    border-top: 1px solid #999999;
    border-style: none;
    width: 100%;
}

/* DATA TABLE - TABLES PURELY FOR THE PURPOSE OF SHOWING INFORMATION 
Add ' class="data" ' to any table which charts a list of information.
This class adds a line in between each row and column in the chart/table. */

table.data {
	background-color: #FFFFFF;
	border-bottom: 0px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 0px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
    margin: 5px 0 10px 0;
}

table.data td {
	background-color: #FFFFFF;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #AAAAAA;
	border-top: 1px solid #FFFFFF;
}
table.data td.alternate, table.data tr.alternate td {
	background-color: #ECF4F8;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #AAAAAA;
	border-top: 1px solid #FFFFFF;
}

table.data th
{
	background-color: #266182;
	color: #ffffff;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #AAAAAA;
	border-top: 1px solid #FFFFFF;
}

/*Alternate default table row style*/
table td.alternate, table tr.alternate td {
	background-color: #ECF4F8;
}

/*START - Styles to change "A" link text to white when using alt bg color within table class data*/
table.data th a, table.data th a:link, table.data th a:visited
{
	color: #ffffff;
}

table.data th a:hover, .altbgcolor a:hover, .altbgcolor2 a:hover
{
	text-decoration: underline;
}
/*END - Styles to change "A" link text to white when using alt bg color within table class data*/

/* ****************Fairfax County Original CSS file**************** */
/* BELOW ARE THE STYLES SPECIFIC TO THE ORIGINAL FAIRFAX COUNTY CSS FILE THAT ARE NOT REFERENCED ELSEWHERE.
These styles have been reformatted and slightly edited to fit in the new design and should be included to 
enable a smoother transition to the new design for the custom content pages. */

/* ****************End style-contentarea.css**************** */
#textonlytoparea, #headerLogoTextVersion, #textonlytopareaFooter, #icononly
{
    display: none;
}

/* NEW STYLES POST WCM DESIGN */
.altbgcolor
{
    background-color: #82020b;
    color: #ffffff;
}

.altbgcolor2
{
    background-color: #266182;
    color: #ffffff;
}

/*START Styles created to change link color to white when used with alt bg clors in tables includes table data class*/
.altbgcolor a, .altbgcolor a:link, .altbgcolor a:visited
{
    color: #ffffff;
}

.altbgcolor2 a, .altbgcolor2 a:link, .altbgcolor2 a:visited
{
    color: #ffffff;
}

.altbgcolor a:hover, .altbgcolor2 a:hover
{
	text-decoration: underline;
}
/*END Styles created to change link color to white when used with alt bg clors*/

.altlightcolor
{
    color: #e7f0f8;
}

/* ***************Firefox Div tag fix******************** */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    zoom: 1; /* triggers hasLayout */
}
/* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

/* ***************End Firefox Div tag fix***************** */

/* used for emergency text or validation/application error messages */
.text-alert {
	color: #FF0000;
}

/* Sticker */
#sticker
{
z-index: 10001;
position: absolute;
top:0px;
background-color: #db341a;
color:#FFFFFF;
text-align:center;
width:100%;
height: 25px;
font-size:150%;
font-weight: bold;
opacity: 0.86;
filter: alpha(opacity=86);
	
}