@import "bootstrap.min.css";
@import "/css/dosbanner.css";

/* Zero down margin and padding on all elements */
* {
  margin:0;
  padding:0;
}



/*GENERAL STYLES*/
body {
  font-family: Arial, Helvetica, sans-serif; 
  line-height:1.5; 
  background: #333; /*url(/images/body_bkgrd2.jpg) repeat-x  #828499 ;  #9695A6 */
  font-size: 80%; 
  text-align: center;
}

#dosbanner .division-name {
	font-size: 1.6em;
	margin: 0;	
}
#rightContent h3 span.back{ 
font-size:.6em;
font-weight:normal;
}
#rightContent h4 span.back{
font-size:.6em;
font-weight:normal;
}
span.back{
   font-size:.6em;
   font-weight:normal;
   display:inline;
   width:3em;
   background-image:url(../images/uparrow.gif);
   background-position:left;
   background-repeat:no-repeat;
   padding-left:1.5em;
   margin-bottom:1em;
   margin-left:2em;
   padding-top:.5em;
}
span.back a{
   padding-left:.2em;
}
#mainContentWrap span.back{ /*use this for back button used on long pages*/
    font-size:1em; 
	font-weight:normal;
}
#content a:link{
color: #352A76; 
text-decoration:underline;
}
#content a:visited{
color: #666666 ; 
text-decoration:underline;
}
#content a:hover{
   color:#650C0D;
}

a[target]:after, a[rel="external"]:after {
	content: "\e164";

	  position: relative;
  top: 1px;
  margin-left: 5px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  font-size: .8em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  font-size: 1.9em; 
  font-weight: normal;
}
h2 {
  font-size: 1.7em; 
  font-weight: normal;
}
h3{ 
   color:#352a76; 
   font-weight:500; 
   font-size:1.4em; 
   padding-top:0.5em; 
   padding-bottom:0.1em;
}
h4{
   color:#000000;
   font-weight:600;     
   font-size:1.2em; 
}
h5{color:#B3202C;
   font-weight:600;  
   font-size:1.1em; 
}
.importantLink{
    font-weight:600; 
	font-size:1.2em; 
	color:#352a76;
	background-image:url(../images/stripe.gif); 
	background-position:center left; 
    background-repeat:no-repeat;
	padding-left:3em; 
	padding-bottom:1em; 
	padding-top:1em;
}
img{
    border:none;
	text-decoration:none;
}
.pdf{
    font-size:12px; 
    color:#000000;
	font-weight:400; 
}
p, li, ul, {
    font-size: 100%;
}
ol{
    margin-left:1em;
}

#mainContentWrap span.normalFont{
    font-size:.9em;
}
#mainContentWrap span.smallFont{
    font-size:.8em;
	font-weight:normal;
}

.noDisplay {
    display:none
}
.hide {			/* Used for Screen Reader's benefit. This is the first thing a screen */
	position: absolute;		/* reader will see for accessibility reasons. Positions element far to */
	left: -6000px;			/* left so not displayed in browser window. */
	}
caption{
  font-size:18px; 
  font-weight:500; 
  color: #352a76; 
  caption-side:top; 
  text-align:left;
}
.red{
  color:#FF0000;
}

#rightContent li.red a:link{
  color: #B3202C;
}
.block{
  display:block; 
}
span.return a{
   font-size:.6em;
   font-weight:normal;
   background-image:url(../images/uparrow.gif);
   background-position:left;
   background-repeat:no-repeat;
   margin-left:30px;
   padding-left:20px;
   padding-top:5px;
   margin-bottom:0;
   display:inline;
}

/*table styles for many of the table found within the site*/
table.data1 {
  border-collapse:collapse; 
  margin-bottom:2em; 
  border:#000000 .02em solid;
}
.data1 td{
  padding:5px;
  border-bottom:1px #000000 solid;
  border-right:1px #000000 solid;
}
table.data2 { 
  margin-bottom:2em;
  border:#000000 .08em solid; 
  font-size:.9em; 
}

.data2 caption{
  font-family:Arial, Helvetica, sans-serif; 
  font-weight:600; 
  font-size:1.2em; 
  color:#b3202c;
}
.data2 thead{
  border-bottom:#000000 thin solid; 
  background-color:#ededed; 
  padding:5px; 
  margin:2em;
}
table.data2 tfoot{
  font-weight:700;
  background-color:#ededed;
}
.odd{/*this is the yellow color for the alternate stripe on the table, javascript is used to change the class from "no class" to odd. Javascript file name is stripeTables.js*/
  color: #000;
  background-color: #FFFFCC;
}
.odd2{/*this is the grey color for the alternate stripe on the table, javascript is used to change the class from "no class" to odd2. Javascript file name is stripeTables2.js*/
  color: #000;
  background-color: #ededed;
}
.data2 td{
  padding:.1em .3em .3em .3em; 
  text-align:left;
  border:1px #CCCCCC solid;
}
.data2 th{
  padding:.3em .3em .3em .3em;
  border:1px #CCCCCC solid;
}
.data2 tr{
  border-bottom:#000000;
  text-align:center;
}
.need2check{
background-color: #CCFF99;
}
/*this is the wrapper for everything */
#wrapper {
  width: 65em; 
  background-color: #ededed; 
  border:#fff 1px solid; 
  margin: 0 auto; 
  text-align: left; 
  /*max-width:100%;May need to remove*/
  /*min-width:50em;May need to remove*/
}

#mainNav {
  padding: 1.5em 0 .5em .01em;
   margin-left:.4em;
  /*max-width:15%;May need to remove*/
  /*min-width:15%;May need to remove*/
 /*float:left;   this was removed because the navigation pops down when the font size is reduced*/
}
#footer { 
  clear: both; 
  background-color:#ededed; 
  text-align:center; 
  /*height:3em;*/
 
  color:#000000;
  padding: .25em 1em 1em;

}
#content { 
 /* width:46.5em; 
  float:right; */
  background-color:#ffffff; 
  font-size: 1.1em;
  margin: .75em;
  padding: 1.5em;
}
.bold{
  font-weight:600; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size:100%;
}
.important{
  color:#FF0000; 
  font-family: Arial, Helvetica, sans-serif;
}
.italic{
  font-style:italic;
}
.caption{
  font-weight:600; 
  font-size:1.3em; 
  font-family:"Times New Roman", Times, serif;
}
.indent{
  margin-left:30px;
}
.title{
  font-family:Arial, Helvetica, sans-serif; 
  font-weight:600; 
  font-size:1.4em; 
  color:#b3202c;
}
.bigRed{
  font-family:Arial, Helvetica, sans-serif; 
  font-weight:600; 
  font-size:1.2em; 
  color:#b3202c;
}
.indent{
  margin-left:2.5em;
}
.marginBot{
  margin-bottom:1em;
}
.marginTop{
  margin-top:1em;
}
.marginLeft{
  margin-left:1em;
}
.center{
  text-align:center;
}

a{
  text-decoration:none;color:#0000cc;
}
a:hover{
  text-decoration:underline;
}
a em{
  text-decoration:underline; 
  font-style:normal;
  }
  
  
.btn-standard {
  background: #F5F5F5;
  background-image: -webkit-linear-gradient(top, #F5F5F5, #cccccc);
  background-image: -moz-linear-gradient(top, #F5F5F5, #cccccc);
  background-image: -ms-linear-gradient(top, #F5F5F5, #cccccc);
  background-image: -o-linear-gradient(top, #F5F5F5, #cccccc);
  background-image: linear-gradient(to bottom, #F5F5F5, #cccccc);
  color: #000 !important;

  border: solid #9C9C9C 1px;
  text-decoration: none !important;

}

.btn-standard:hover {
  background: #ced3d6;
  background-image: -webkit-linear-gradient(top, #ced3d6, #a6a6a6);
  background-image: -moz-linear-gradient(top, #ced3d6, #a6a6a6);
  background-image: -ms-linear-gradient(top, #ced3d6, #a6a6a6);
  background-image: -o-linear-gradient(top, #ced3d6, #a6a6a6);
  background-image: linear-gradient(to bottom, #ced3d6, #a6a6a6);
  text-decoration: none;
  border-color: #747474;
}
  
  
.updated{
  color:#FF0000; 
  font-size:.8em; 
  text-align:right;
}
img.float-left{
  float:left; 
  margin-right:.5em;
}
img.float-right{
  float:right; 
  margin-right:.5em;
}
div.float-right{
  float:right; 
  margin-right:.5em;
  padding-left:.5em;
}
blockquote{
  border:dotted thin #B3202C; 
  vertical-align:middle; 
  padding:.5em; 
  margin-bottom:1em;
}
table.nostripe tr{
   background-color:#FFFFFF;
}
.normalFont{
   font-size:.8em;
   font-weight:normal;
}
.smallFont{
   font-size:.8em;
   color:#000000;
}
.notice{
   border:#650C0D solid thin;
   background-color:#ededed;
   padding:.5em;
   margin-bottom:2em;
}

ol.Roman-Numerals{
   list-style-type:upper-roman;
}
ol.letters-upper{
   list-style-type:upper-alpha;
}
ol.letters-lower{
   list-style-type:lower-alpha;
}
#footer .separator{
   padding-left:.7em;
   padding-right:.7em;
   border:none;
   padding-top:0;
   margin-top:0;
}
#readerLink{
   width:150px;
   font-size:.8em;
   margin-top:.7em;
   text-align:center;
   line-height:1em;
}

div.back{
   padding:1em;
}
div.back img{
   padding-right:.5em;
}
.attention{
   color:#000000;
   border:#FF0000 1px dashed;
   padding:.2em;
   margin-bottom:1em;
}
.required{
  color:#FF0000; 
  font-size:24px;
}
dt{
  margin-left:1em;
}
dd{
  margin-left:2em;
}
hr.blueDivider{
  width:100%; 
  color:#352a76; 
  size:1em;
}
strong{
  font-weight: bold;
}
.separator{
  margin-top:3em; 
  border-top:#666666 thin solid;
}
/*use this to add space between anything within a page*/
div.space{
  height:5em;
}
small{
  font-size:.8em;
}
p.backLeft{
  text-align:left;
  padding-top:10px;
  background-image: url(/images/leftarrow.gif);
  background-repeat:no-repeat;
  background-position:left top;
  margin-left:-10px;
  margin-right:10px;
  margin-top:-20px;
  height:30px;
}
div.starDivider{
  border:solid #33318C;
  border-width:3px 0 3px 0;
  background-image:url(/images/whiteStar.gif);
  background-repeat:repeat-x;
  width:100%;
  display:block;
  margin:3em 0 0 0;
  height:36px;
}
/*styles for forms*/
fieldset{
  border-width:2px; 
  background-color:#FFFFCC;
}
fieldset fieldset{
  margin:0 1em 0 1em; 
  border-color:#8d1922; 
  padding:.5em; 
  border-width:2px;
  background-color: #FFFFff; 
  margin-top:1.5em;
}
fieldset fieldset fieldset{
  border-color: #FFFFFF; 
  background-color:#FFFFff;
}
.forms select{
  margin-left:1em; 
  margin-top:1.2em;
}
.forms option{
  margin-left:.5em; 
  margin-top:.3em;
}
/*end of forms style*/

/*the following styles all are involved with the top nav bar a negative margin was used to bring up the top links*/

#infoBar{
  background-color:none; 
  border-top:.1em  #400809 solid; 
  border-bottom:.1em  #400809 solid;
}
#infoBar form{
   color:#FFFFFF;
   font-weight:600;
   width:100%;
}
#infoBar input{
   background-color: #ededed;
     padding-left:.2em;
}
#infoBar input.SearchControlButton 	{ 
   font-family: Arial; 
   font-size: 1em; 
   color:#000000; 
   background-color: #ededed; 
   text-align:center; 
   border:1px outset; 
}
div.search{
 text-align:left;
 background-color:#650C0D;
 padding:5px;
 margin:0;
}
#topNav{
  color:#FFFFFF;
  text-align:right;
  font-weight:600;
  font-family:Arial, Helvetica, sans-serif;
  margin-top:-29px;
  padding:5px;
}
#topNav{
  font-size:1em;
  }
#topNav input{
  font-size:.7em;
  } 
#topNav input:hover{
  color: #650C0D;
  }   
#topNav a{
  color:#FFFFFF;
  text-decoration:none;
}
#topNav div.sizer{
  margin-right:1em;
  display:inline;
}

#topNav a:hover{
  color: #E1DCD9
}
div.address{
  width:15em;
  font-size:.8em;
  text-align:center;
  margin-top:5em
}
ul.leftNavIcons 
{
margin-top:1.5em;
color:#000000;
margin-left:.7em;

}
ul.leftNavIcons a:link
{
margin-top:1.5em;
color:#000000;
}
ul.leftNavIcons a:visited
{
margin-top:1.5em;
color:
#666666;
}
ul.leftNavIcons li{
margin-bottom:.4em;
list-style-type:none;
list-style-image:none;
}
div.clear{
clear:both;
}
 
/*END OF GERERAL STYLES*/

/*HEADER STYLES*/
#header1, #header2, #header3, #header4, #header5, #header6, #header7, #header8, #header9, #header10, #header11{
  color:#ffffff; 
  text-align:right;
  padding-right:1em; 
  height:145px;
  background-position:center;
}
#header1 {
  background:url(/images/header1.jpg) no-repeat #650C0D;
  background-position:center;
}
#header2 {
  background:url(/images/header2.jpg) no-repeat #650C0D;
  background-position:center; 
}
#header3 {
  background:url(/images/header3.jpg) no-repeat #650C0D; 
  background-position:center;
}
#header4 {
  background:url(/images/header4.jpg) no-repeat #650C0D;
  background-position:center; 
}
#header5 {
  background:url(/images/header5.jpg) no-repeat #650C0D;
  background-position:center; 
}
#header6 {
  background:url(/images/header6.jpg) no-repeat #650C0D;
  background-position:center; 
}
#header7 {
  background:url(/images/header7.jpg) no-repeat #650C0D;
  background-position:center; 
}
#header8 {
  background:url(/images/header8.jpg) no-repeat #650C0D;
  background-position:center; 
}
#header9 {
  background:url(/images/header9.jpg) no-repeat #650C0D;
  background-position:center; 
}
#header10 {
  background:url(/images/header10.jpg) no-repeat #650C0D;
  background-position:center; 
}
#header11 {
  background:url(/images/header11.jpg) no-repeat #650C0D;
  background-position:center; 
}
/*h2.header{
  font-weight:600; 
  font-size:1.2em; 
  padding-bottom:0; 
}
h2.header a{
  text-decoration:none;
  color:#FFFFFF;
}
ul.header { 
  font-size:.85em; 
  line-height:1.1; 
  list-style-type:none; 
  list-style-image:none;  
  padding-bottom:0;
}
li.header {
  list-style:none;
}
h1.header {
  font-family:"Times New Roman", Times, serif; 
  font-weight:600; 
  font-size:2.65em; 
  color:#9695a6; 
  word-spacing:1em; 
  padding-top:.3em;
}*/
/*END - HEADER STYLES*/



/*SHADOWBOX STYLES*/
/*all div required to create the shadowed content box. See javascript file shadowBox.js*/
#mainContent {
  width:47em; 
  width:100%;
}
#leftSide{
  background:url(/images/sha_left.gif) repeat-y left;
}
#rtSide{
  background:url(/images/sha_rt.gif); 
  background-repeat:repeat-y; 
  background-position:right;
}
#topLeft{
  background-image:url(/images/sha_top_left.gif); 
  background-repeat:no-repeat; 
  background-position:top left;
}
#topRight{
  background-image:url(/images/sha_top_rt.gif); 
  background-repeat:no-repeat; 
  background-position:top right;
}
#botLeft{
  background-image:url(/images/sha_bot_left.gif); 
  background-repeat:no-repeat; 
  background-position:bottom left;
}
#mainContentWrap{
  background-image:url(/images/sha_bot_rt.gif); 
  background-repeat:no-repeat; 
  background-position:bottom right; 
  width:100%; 
}
#rightContent ul.stripe {
  list-style-image:url(../images/stripe.gif); 
  margin-left:.5em; 
  padding-bottom:.1em; 
  padding-top:.2em;
}
.blueStar{
  list-style-image:url(../images/blueStar.gif);
  padding-bottom:.1em; 
  padding-top:0;
}
ul.redStar li{
  list-style-image:url(../images/redStar.gif); 
  margin-bottom:.3em; 
}
ul.redStar ul li{
  list-style-image:url(../images/reddot.gif); 
  margin-bottom:.3em; 
}
ul.redStar ul ul li{
  list-style-image:url(../images/redSquare.gif); 
  margin-bottom:.3em; 
}
.blueDot{
  list-style-image:url(../images/bluedot.gif); 
  padding-bottom:.1em; 
  padding-top:0;
}
ul.noBullet li{
  list-style-image:none; 
  list-style-type:none;
}
ul.roman{
  list-style-type:lower-roman;
}
/*END - SHADOWBOX STYLES*/


/*DIV rightContent STYLES - THIS IS FOR A THRID COLUMN*/
#rightContent  { 
  text-align:left; 
  vertical-align:top; 
  padding:2.5em;
  padding-bottom:1.2em;
}


/*since most list are within the rightContent div - the next 6 styles control most of the li and ul spacing*/
#rightContent ul{
  list-style-image:url(../images/blueStar.gif); 
  margin-left:.5em; 
  padding-bottom:.1em; 
  padding-top:.2em; 
  padding-left:2em;
}
#rightContent ul ul {
  list-style-image:url(../images/bluedot.gif);
  padding-bottom:.1em; 
  padding-top:0;
  padding-left:1em;
}
#rightContent ul ul ul{
  list-style-image:url(../images/blueSquare.gif); 
  padding-bottom:.1em; 
  padding-top:0; 
  padding-left:1em;
}
#rightContent li{
  padding-bottom:.7em; 
  padding-top:0;
}
#rightContent li li{
  padding-bottom:.7em;
}
#rightContent li li li{
  padding-bottom:.7em;
}
#rightContent li li li li{
  padding-bottom:.7em;
}


/*styles for list that has redstars*/
#rightContent ul.redStar{
  list-style-image:url(../images/redstar.gif); 
  margin-left:.5em; 
  padding-bottom:.1em; 
  padding-top:.2em; 
  padding-left:2em;
}
#rightContent ul.redStar ul {
  list-style-image:url(../images/reddot.gif);
  padding-bottom:.1em; 
  padding-top:0;
  padding-left:1em;
}
#rightContent ul.redStar ul ul{
  list-style-image:url(../images/redSquare.gif); 
  padding-bottom:.1em; 
  padding-top:0; 
  padding-left:1em;
}
#rightContent ul p{ 
  padding-bottom:.2em;
}

/*END - styles for list that has redstars*/
#rightContent h2{
  font-size:1.8em; 
  color:#650c0d; 
  font-family:"Times New Roman", Times, serif;
  padding-bottom:0.2em;
  font-style:italic;
}
#rightContent p{ 
  padding-bottom:.8em;
}

/*Styles for righContent 3col(col) for the 3 Column page (3colTemplate.shtml)- see supervisor_elections.shtml*/
#rightContent ul.firstCol li{ 
  list-style-type:none;
  padding-bottom:.4em;
  list-style-image:url(../images/blueStar.gif); 
}


/*these styles create a second column with normal styling within the rightContent div - for an exanple - see supervisor_elections.shtml*/
#rightContent ul.secondColumn{
  width:44%; 
  float:right; 
  text-align:left; 
  display:inline;  
  padding-bottom:1em; 
  padding-right:.8em;
  padding-left:1em;
}
#rightContent ul.secondColumn li{
  list-style-image:url(../images/blueStar.gif); 
  padding-bottom:.4em;
}
#rightContent ul.secondColumn{
  padding-left:3em; 
  margin-left:0;
}
/*END DIV rightContent STYLES*/



/*HIGHLIGHT BOX STYLES*/
/*these style are for the boxes on the right hand side - these boxes are generally used for links within the page (bookmarks)*/
.highlight{
  width:17em; 
  float:right; 
  text-align:left; 
  display:inline;  
  padding-bottom:1em; 
  padding-right:.8em;
}
.highlight li{  
  border-bottom:1px dashed #33318c;  
  border-left:1px solid #33318c;
  padding:1em; 
  width:13em;  
  font-size:.9em;  
  vertical-align:middle; 
  list-style-image:none; 
  list-style-type:none;
}
#rightContent div.highlight ul li li{ 
  border-bottom:0; 
  border-left:0; 
  background-image:none; 
  padding:0; 
  margin:.5em;
  font-size:1em;
  line-height:1.3em;
}
#rightContent div.highlight ul ul li{ 
  border-bottom:1px dashed #33318c; 
  border-left:0; 
  background-image:none; 
  padding:0; 
  margin:.5em;
  margin-bottom:.7em;
  font-size:1em;
  line-height:1.3em;
}
h3.dkRed{
  background-image:url(/images/highlights.jpg); 
  background-repeat:repeat-x; 
  color:#650C0D; 
  width:100%; 
  font-size:.9em; 
  text-align:left; 
  padding:.5em; 
  font-weight:600;
  border: #650C0D 1.5px solid;
}
h3.blue{
  background-image:url(/images/highlights.jpg); 
  background-repeat:repeat-x; 
  color:#33318C; 
  width:100%; 
  font-size:.9em; 
  text-align:left; 
  padding:.5em; 
  font-weight:600;
  border: #33318C 1.5px solid;
}
h3.otherPages{
  background-image:url(/images/highlights.jpg); 
  background-repeat:repeat-x; 
  color:#B3202C; 
  width:100%; 
  font-size:.9em; 
  text-align:left; 
  padding:.5em; 
  font-weight:600;
  border:#B3202C 1.5px solid;
}

/*END HIGHLIGHT BOX STYLES*/
p.contactUs{
   margin-top:3em;
   margin-bottom:3em;
   font-weight:600;
   font-size:18px;
}
.black{
  color:#000000;
}
/*top links*/
#rightContent div.topLinks{
   font-size:.85em;
   padding-left:0;
   line-height:1em;
   padding-bottom:0;
   width:20em;
   margin-left:0;
    }
#rightContent ul.topLinks{
   font-size:.8em;
   padding-left:0;
   line-height:1em;
   padding-bottom:0;
   margin-left:0;
   white-space:nowrap;
    }
#rightContent ul.topLinks li{
   list-style-image:none;
   list-style-type:none;
   background-image:url(/images/bluestarSmall.gif);
   background-repeat:no-repeat;
   background-position:left;
   padding-left:15px;
   margin-bottom:0;
   float:left;
   }
#rightContent ul.topLinks li a:link,
   {
   color:#000000;
   text-decoration:none;
   }
#rightContent ul.topLinks li a:visited,
   {
   color: #000000;
   text-decoration:none;
   }
#rightContent ul.topLinks li a:hover,
   {
   color:#FF0000;
   text-decoration:underline;
   }
   
   /*styles for images on lefthand nav bar - purpose of this is so that the images will down-load last thus shorter download times.*/
#sidebar ul li{
  padding-top:50px;
  padding-left:1220px;
  list-style-type:none;
	}
#sidebar li img.icon-myth{
  background:url(../images/facts2.jpg)
  }
#sidebar li img.icon-vote{
  background:url(../images/voteStar6.jpg)
  }
#sidebar li img.icon-hava{
  background:url(../images/HAVA2009_4.gif);
  }
   

  
 div.homeTop /*on home page only - delete when not in use*/
  {
  clear:both;
  border:none;
  font-size:.9em;
  font-weight:normal;
  text-align:center;
  padding-left:4em;
  width:100%;
 
  
  text-align:center;
  font-weight:bold;

  padding:.5em;
  }
  
/*  HACKS*/
/*this hack is so that firefox will always show the scrollbars - this is needed because in firefox short pages look as if they jumped because of the lack of scrollbar*/
/*html {
     overflow: -moz-scrollbars-vertical;
}*/