/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, address
{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Tahoma,Sans-Serif;
    text-align: left;
    font-size:10pt;
}
/* "Jello Mold" page construction technique see 
http://www.positioniseverything.net/articles/jello-expo.html */
body
{
    padding: 0 360px 0 360px;
    margin: 0;
    background-image: url(Images/01.gif);
}
/* MAKE sizer padding = 10px 0 TO HAVE MARGIN AT TOP AND BOTTOM OF CONTENT AREA */
#sizer
{
    margin: 0 auto 0 auto;
    padding: 0;
    width: 50%;
    max-width: 280px; /* version for IE is at the bottom of this style block */
}
#expander
{
    background: white;
    margin: 0 -360px 0 -360px;
    min-width: 720px; /* Critical Safari fix! */
    position: relative;
}
/* Holly hack for IE \*/
* html #expander
{
    height: 0;
}
/* */
/* helps IE get the child percentages right. */
#wrapper
{
    width: 100%;
}
/* http://positioniseverything.net/easyclearing */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */
/*#contentwrapper
{
}*/
/* Hides from IE5-mac \*/
* html #contentwrapper
{
    height: 1%;
}
/* End hide from IE-mac */
#sidebar
{
    width:140px;
    float: left;
    display: inline; /* IEwin doubled margin bug fix */
    border-right: solid 2px #27397b;
    padding: 4px 4px 2px 4px;
    background-color:#D8CE99;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#A59B66,endColorStr=#FAEFBB); 
    margin-right: -5px; /*IE Win 3px gap fix*/
}
#sidebar td
{
    font-size: 12px;
}
html > body #sidebar
{
    margin-right: 0;
}
#content
{
    height: 1%;
    

    padding: 1% 1% 1% 1%;
    margin: 0;
    /*border-left: solid 1px #27397b;*/
    border-left: solid 2px #27397b;
}
html > body #content
{
    height: auto;
    margin-left: 148px; /* ------- change this relative to sidebar width ------- */
   
}

/*\*/
* html form
{
    height: 0;
}

#footerBorder
{
    clear: both;
    height: 18px;
    margin-top:2px;
    background-image: url(Images/FooterBar.bmp);
    background-repeat: repeat-x;
}
#footer
{
    clear: both;
    padding: 2px 0 0 0;
    margin: 0 2% 0 2%;
    /*font-size: .7em;*/
    height: 50px;
}
#footer .location
{
    font-family: Georgia,Bodoni MT,Times New Roman;
    text-align: center;
    color: Black;
    font-size:.8em;
}
#footer .contactus
{
    text-decoration: none;
    color: Black;
    font-family: Georgia,Bodoni MT,Times New Roman;
    font-size:1em;
}
#footer .disclaimer
{
    /*font-size: .9em;*/
    padding-top: 1px;
    margin-top: 4px;
    font-family: Arial;
    text-align: center;
}
#footer .disclaimer span
{
    border-top: solid 1px #27397b;
}
#footer .disclaimer a
{
    text-decoration: none;
    color: black;
    margin: 0 8px 0 8px;
    font-size: .8em;
}
#footer .disclaimer a:hover
{
    color: blue;
}
#contentheader
{
    /*background-color:#f5f5dc;*/
    border-bottom:solid 2px #27397b;
    /*background-image: url(Images/bus.png);
    background-repeat:repeat-x;*/
}


#divLegContent h1
{
    font-size:12pt;
    font-family: Verdana;
    margin: 0px 0px 0px 0px;
    text-align:Left;
    color:#800000;
     margin:10px 0px 2px 2px;
}
#divLegContent h2
{
    font-size: 11pt; 
    font-family: Tahoma; 
    color: black;
    margin:10px 0px 2px 10px;
}
#divLegContent p
{
   font-size: 11pt;
    margin:5px 10px 5px 10px;
}
#divIndent
{
    margin-left:25px;
}

#divFaqcontact
{
    margin-left:25px;
}
#btslinkmenu
{
    margin: 20px 0 25px 0;
}
#btslinkmenu a
{
    margin:0px 0px 5px 10px;
    font-size:1.2em;
    display:block;
}
.toplink
{
    margin:0px 0px 0px 15px;
}
.makeitalic
{
    font-style:italic;
}
.makebold
{
    font-weight:bold;
}
.usefullinks
{
    margin: 5px 0px 20px 0px;
}
.usefullinks a
{
    margin:0px 0px 5px 20px;
    font-size:1.2em;
    display:block;
}

ul
{
    list-style: disc none outside;
    margin-left: 20px;
}
li
{
    /*margin-bottom:3px;*/
    font-size: .8em;
}


/*--- My Styles ---*/
#header
{
    background-image: none;
    background-color: #ffffff;
}
#header .wylinks
{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #27397B;
    z-index: 2;
    text-align: right;
    padding: 2px 6px 2px 6px;
}
#header span
{
    visibility: hidden;
}
#header .wylinks a
{
    font-family: Arial Narrow;
    text-decoration: none;
    color: white;
    margin: 0 5px 0 5px;
}
 #headertop
{
   background-image: url(Images/Paintbrush.jpg);
    background-repeat: repeat-x; 
    background-position: left top;
    position: relative;
    width: 100%;
    height: 130px;
    z-index: 0;
    margin: 0 0 0 0;
}
#logo
{
    background-image: url(Images/LogoWithBarsSpShort.bmp);
    background-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    left: 0;
    width: 180px;
    top: 0;
    height: 130px;
}
#office
{
    position: absolute;
    top: 61px;
    left: 180px;
    width: 350px;
    height: 35px;
    z-index: 2;
    background-image: url(Images/HeaderBarLeft.bmp);
    background-repeat: no-repeat;
    background-color: Transparent;
}
#office blockquote
{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    color: #FFFFFF;
    font-size: 11pt;
    background-color: Transparent;
    margin: 0 0 4px 0;
    font-family: Georgia,Bodoni MT,Times New Roman;
}
#director
{
    position: absolute;
    top: 61px;
    right: 0px;
    width: 600px;
    height: 35px;
    background-image: url(Images/HeaderBarRight.bmp);
    background-repeat: no-repeat;
    z-index: 1;
}
#director blockquote
{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    color: #FFFFFF;
    font-size: 10pt;
    background-color: Transparent;
    margin: 0 15px 4px 0;
    font-family: Georgia,Bodoni MT,Times New Roman;
}
#nav
{
    font-size: 0.8em;
    border-bottom: solid 2px #27397b;
    height: 1.4em;
    margin-top: 2px;
    padding-bottom: 2px;
}
/******************* PAGE CONTROL STYLE CLASSES ******************/
.sitePath
{
    margin-right: 3%;
    margin-left: 1%;
}
/*#tblHouseMenu
{
    border-width: 1px;
    border-style: outset;
    width:90%;
}
#tblHouseMenu
{
    border-width: 1px;
    border-style: outset;
    width:90%;
}*/
.mainMenu
{
}
.staticMenu
{
}
.staticMenuItem
{
    padding: 5px 3px 5px 5px;
    /*font-weight:bold;*/
    border-bottom: solid 1px #27397b; /*#F0EDE1*/
}
.staticMenuItem a
{
    display: block;
}
.dynamicMenu
{
}
.dynamicMenuItem a
{
    display: block;
}
.dynamicMenuItem
{
    padding: 3px 5px 3px 5px;
    /*font-size: 1.2em;*/
    border-bottom: solid 1px #27397b; /*#E9E3C7*/
}

.menuTabs
{
    color:#D8CE99;
    text-decoration:none;
}
.menuTabs:hover
{
    color:White;
}
.menuTabsEmpty
{
    border-bottom:solid 1px #D8CE99;
}
.menuTabsLeft
{
    color: #D8CE99; 
    background-image:url(Images/tab_left.bmp); 
    padding-left:15px; 
    background-repeat:no-repeat; 
    border-bottom:solid 1px #D8CE99;
}
.menuTabsMid
{
    color: #D8CE99; 
    background-image:url(Images/tab.bmp); 
    background-repeat:repeat-x;
    border-bottom:solid 1px #D8CE99;
}
.menuTabsRight
{
    color: #D8CE99; 
    background-image:url(Images/tab_right.bmp); 
    background-repeat:no-repeat; 
    border-bottom:solid 1px #D8CE99;
}

.menuTabsSel
{
    color:#27397B;
    text-decoration:none;
}
.menuTabsSel:hover
{
    color:White;
}
.menuTabsEmptySel
{
    border-bottom:solid 1px #27397B;
}
.menuTabsLeftSel
{
    color: #27397B; 
    background-image:url(Images/tab_left_sel.bmp); 
    padding-left:15px; 
    background-repeat:no-repeat; 
    border-bottom:solid 1px #27397B;
}
.menuTabsMidSel
{
    color: #27397B; 
    background-image:url(Images/tab_sel.bmp); 
    background-repeat:repeat-x;
    border-bottom:solid 1px #27397B;
}
.menuTabsRightSel
{
    color: #27397B; 
    background-image:url(Images/tab_right_sel.bmp); 
    background-repeat:no-repeat; 
    border-bottom:solid 1px #27397B;
}

.menuContainerDivs
{
     margin-top:5px;
     margin-bottom:5px;
}
.menuTable
{
    border-width: 1px;
    border-style: outset;
    width:90%;
}
.menuTable td, th
{
    border-width: 1px;
    border-style: inset;
}
.menuTable th
{
    background-color: #D8CE99;
    color: #27397b;
}
.menuLinks
{
    color:#4A5F8E;
}
.menuLinks:hover
{
    color:#D8B758;
}
.profileMain
{
    display: block;
    margin: 10px 15px 15px 15px;
    font-size:10pt;
    /*border:solid 1px black;*/
}
.profileName
{
    font-size:14pt;
    /*border:solid 1px black;*/
}
.profileDistrict
{
    font-size:12pt;
    /*border:solid 1px black;*/
}
.profileFloat
{
    float: left;
    clear: left;
    /*border:solid 1px black;*/
}
.profileFloatTitle
{
    float: left;
    clear: left;
    font-weight:bold;
    font-size:11pt;
    margin-top:15px;
    margin-bottom:5px;
    padding-left:1%;
    /*padding-left:10px;
    border:solid 1px black;*/
}
.profileFloatPad
{
    float: left;
    clear: left;
    padding-left: 4%;
    /*padding-left: 25px;
    border:solid 1px black;*/
}
.profilePict
{
    float: right;
    width: 30%;
    /*border:solid 1px black;*/
}
.profileClearPadTitle1
{
    float: left;
    clear: left;
    padding-left: 4%;
    font-size:11pt;
    /*padding-left: 25px;
    border:solid 1px black;*/
}
.profileClearPadTitle2
{
    float: left;
    clear: left;
    padding-left: 4%;
    margin-top:5px;
    font-size:11pt;
    /*padding-left: 25px;
    border:solid 1px black;*/
}
.profileClearPad2
{
    /*float: left;*/
    clear: left;
    padding-left: 6%;
    margin-top:2px;
    /*padding-left: 40px;
    border:solid 1px black;*/
}
.profileClear
{
    clear: both;
    font-weight:bold;
    font-size:11pt;
    margin-top:15px;
    margin-bottom:2px;
    padding-left:1%;
    /*padding-left:10px;
    border:solid 1px black;*/
}
.profilePadWidth1
{
    float: left;
    clear: left;
    /*padding-left: 25px;
    width: 25%;*/
    padding-left:4%;
    width: 23%;
    font-size:11pt;
    margin-top:3px;
    /*border:solid 1px black;*/
}
.profilePadWidth2
{
    float: left;
    clear: left;
    /*padding-left: 40px;
    width: 25%;*/
    padding-left:6%;
    width: 21%;
    font-size:11pt;
    margin-top:3px;
    /*border:solid 1px black;*/
}
.profileClearLeft
{
    margin-top:3px;
    display:inline-block;
    /*border:solid 1px black;*/
}

.imgbtn
{
    height: 40px;
    width: 40px;
    border: solid 1px black;
}
.datatable
{
    /*border:solid 1px black;*/
    /*table-layout: auto;*/
}
.datasectionlabel
{
    font-size:14pt;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:3px;
    text-decoration:underline;
}
.datasubsectionlabel
{
    font-size:12pt;
    padding-left:6px;
}
.datalabelcell
{
    /*width:120px;*/
    text-align: right;
    /*border: black 1px solid;*/
    padding-left:12px;
}
.datacontrolcell
{
    /*border:black 1px solid;*/
}
.imgpict
{
    float:left;
}
.imgmaintheader
{
    padding-left:4px;
}
.imgmaintcontrols
{
    padding-left:14px;
}
.gridviewcolumn
{
    border-right:solid 1px #7F9DB9;
    padding-left:2px;
}
.addrowlink
{
    color:Blue;
}
.addrowlinkterm
{
    color:Blue;
    margin-left:20px;
}
.datatableoutline
{
    margin-left:4px;
    margin-top:8px;
}
.datatableoutlinecell
{
    border:solid 1px black;
    border-bottom:none;
    padding-bottom:4px;
}
.datatableoutlinecellbottom
{
    border:solid 1px black;
    padding-bottom:4px;
}
.datatableoutlinetermtop
{
    /*border-top:solid 1px #a9a9a9;*/
/*    background-color:#ece2ad; 
    border-bottom:solid 1px #a9a9a9;*/
}
.datatableoutlinetermlast
{
    border-bottom:solid 1px black;
    border-left:solid 1px black;
    border-right:solid 1px black;
    padding-left:2.5%;
    padding-bottom:4px;
}
.termgrids
{
    margin-left:20px;
}
.termyear
{
    margin-left:20px;
}
.termformviewpager
{
    /*border:solid 1px blue;
    padding-left:15px;*/
    border:solid 1px #27397b; 
    background-color:#ece2ad; 
    margin-bottom:5px;
    width:95%;
}
.termname
{
    font-size:14pt;
    margin:0px 0px 4px 3px;
}
.termpagelink
{
    padding-bottom:6px; 
    padding-top:4px;
    text-align:center;
}
.formviewbuttontable
{
    background-color:#ece2ad;
    border:solid 1px #a9a9a9;
    margin-top:3px;
    margin-bottom:3px;
    width:98%;
}
.formviewbuttontabledatawithborder
{
    text-align:center;
    border-right:solid 1px #a9a9a9;
    padding-bottom:3px;
}
.formviewbuttontabledatanoborder
{
    text-align:center;
    padding-bottom:3px;
}
@media print
{
    body
    {
        margin: 5px;
        padding: 0;
        font-size: 10pt;
        line-height: 12pt;
        background: #FFFFFF !important;
    }
    #sizer
    {
        margin: 0;
        width: auto !important;
    }
    #expander
    {
        position: static;
        margin: 0 !important;
    }
    #office
    {
        position: absolute;
        top: 0;
        left: 0; /*height:auto !important;*/
    }
    #director
    {
        position: absolute;
        top: 0;
        right: 0; /*height:auto;*/
    }
    #office blockquote
    {
        position: absolute; /*float:left;*/
        top: 35px;
        left: 0;
        height: auto !important;
        padding-bottom: 1em; /*margin-bottom:2em;*/
        color: #27397B;
        font-size: large;
    }
    #director blockquote
    {
        position: absolute;
        top: 35px;
        right: 0;
        height: auto; /*margin-bottom:2em;*/
        color: #27397B;
        font-size: large;
    }
    #logo
    {
        position: absolute;
        top: 4px;
        width: 100%;
        background-image: url(Images/smlogo.jpg); /*left:45%;*/
        height: 83px;
        background-position: center;
    }
    #footer
    {
        height: 20px;
        margin: 0;
        padding: 0;
    }
    #footer .location
    {
        font-size: 1.3em;
        margin: 0;
        padding: 0;
    }
    #footerBorder
    {
        border-top: solid 5px #27397B;
        margin-top: 2px;
        height: 7px;
    }
    #header
    {
        height: 89px; /*margin-bottom:1%;*/
        border-bottom: solid 2px #BCB56D;
        border-top: solid 2px #27397B;
    }
    #wrapper, #header, #office, #director, #contentdetail, #footerBorder, #sidebarbottom
    {
        background: none !important;
    }
    h1, h2, h3, h4, h5, h6
    {
        font-family: Georgia, Palatino, serif;
        font-weight: bold;
    }
    /*#sidebar
        	{
        	    float:none;
        	}*/
    #sidebar, #footer .disclaimer, #headertop, #header .wylinks, .aspButton, #nav
    {
        display: none !important;
    }
    #contentdetail
    {
        margin-top: 2px;
        padding: 0;
        width: 100%;
        border-top: solid 5px #27397B;
        border-bottom: solid 2px #BCB56D;
        padding-bottom: 8px;
    }

    /*#footer {
        		position:static;
        		margin-top:2em;
        		font-size:1em;
        	}*/

    html > body #contentdetail
    {
        width: 85%;
        margin-left: 2em;
    }
 
}
table.gvRules{ font-size:11px;}
table.gvRules tbody{}
table.gvRules th{}
table.gvRules tr{margin:0 0 5px 0;}
table.gvRules td{font-size:11px; vertical-align:top;}
table.gvRules td a{font-size:11px;}
.rule-number, .rule-review-number{margin: 0 5px;display: block;width: 65px;}
.agency {width: 100px;display: block;margin: 0 5px;}
.subject{display:block; margin:0 5px;}
.remarks{width: 120px; display: block;margin: 0 5px;}

table.gvMedia{ font-size:12px; width:100%;}
table.gvMedia tbody{}
table.gvMedia th{}
table.gvMedia tr{margin:0 0 5px 0;}
table.gvMedia td{font-size:13px; vertical-align:top;  padding:5px;}
table.gvMedia td a{font-size:13px;}
.media{margin: 0 5px;display: block;width: 65px;}
.gvContainer{margin:15px 0}
.gvContainer h1 {font-size:14px; margin: 3px 0;}


#divLegContent p.headerLink{font-size:16px; margin:15px 0 0 0}
.heading{}
.pullout{}
.clear{clear:both;}

/* eGov Delivery Styles */
.eGovDelivery{background-image: url(Images/media_icon-govdelivery-bubble-24x24.png); background-repeat:no-repeat; width:24px; height:24px; display:inline-block; position:relative; top:5px}
.eGovDeliveryLink{}
.eGovDeliveryLink a{width: 90px;display: inline-block;margin: 0 0 0 20px;float: right;position: relative;right: 20px;}
.eGovDeliveryContainer{margin:10px 0 0 0}

.follow-text {
    margin-right: 0.5em;
    vertical-align: middle;
    color: #27397b;
    font-family: Tahoma;
    text-decoration: none;
}
.socialSpan {
    display: block;
    float: left;
    width: 100%;
    margin-top: .5em;
    border-top: solid 1px #27397b;
    padding-top: .6em;
    padding-left: .3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.social-icon-link {
    display: inline-block;
    margin-right: 0.2em;
    vertical-align: middle;
}

/*
 * SimpleModal Confirm Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#confirm {display:none;}

/* Overlay */
#confirm-overlay {background-color:#eee;}

/* Container */
#confirm-container {height:140px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(../img/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}

.btnSubscribe{background-color: #273984;padding: 10px;color: #fff;font-size: 1.3em;margin: 10px;display: block;width: 250px;border: 3px #ccc solid; text-align:center;}
a.btnSubscribe:hover{background-color: #5B6FC2; text-decoration:none;}

.list{padding: 10px 35px;}

.staffListing li{ list-style:none; font-size:1.3em; margin:5px 0 0 5px;}
.staffListing .staffName{}
p.staffPosition {margin:0 !important;font-size:.7em !important; color:#000080;}
li.spacing{color:#ffffff;}

.announcementLeft{margin:0 10px 0 0;}
.announcementRight{}
.announcementStyle{font-size:11pt; margin:5px 10px; color:#000080}