@import "../../css/hes.css";
/* CSS Document */

body
{
	margin:0;
	padding:0;
	background:url(../images/bg_body.gif) repeat-x 0 25px #ccd8e7;
	text-align:center;
	font-family:sans-serif;
	font-size:1em;
}

.clear
{
	clear:both;
}

h1
{
	color:#c01f3e;
	font-size:medium;
	border-bottom:1px solid #f2d2d8;
}

h2
{
	color:#c01f3e;
	font-size:medium;
}

h3
{
	color:#c01f3e;
	font-size:1.55em;
}

h4
{
	color:#c01f3e;
	font-size:1.35em;
}

h5
{
	color:#c01f3e;
	font-size:1.15em;
}

h5
{
	color:#c01f3e;
	font-size:1em;
}


#accessibility
{
	display:none;
}

#outer
{
	background:url(../images/bg_container.jpg) no-repeat center 345px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}

#topbar
{
	background:url(../images/bg_topbar.gif) repeat-x bottom left #0a3873;
	border-bottom:1px solid #2977dc;
	height:25px;
	text-align:center;
}

	#topbar #tools
	{
		width:950px;
		margin:0 auto;	
		text-align:right;
		font-size:.75em;
	}

	#topbar #tools a, #topbar #tools span
	{
		line-height:25px;
		color: #a9c0e4;
		text-decoration:none;
		display:block;
		height:20px;
		margin:0 6px;
		float:right;
		
	}

	#topbar #tools a#printer_friendly
	{
		background:url(../images/ico_printer_friendly.gif) no-repeat center left;
		width:105px;
	}

	#topbar #tools span#text_up
	{
		background:url(../images/ico_text_up.gif) no-repeat center center;
		width:25px;
		cursor:pointer;
		margin-top:2px;
	}

	#topbar #tools span#text_down
	{
		background:url(../images/ico_text_down.gif) no-repeat center center;
		width:25px;
		cursor:pointer;
		margin-top:2px;
	}

#inner
{
	width:950px;
	margin:0 auto 10px auto;
	text-align:left;
}

#header
{
	height:150px;
	background:url(../images/logo_header.jpg) no-repeat top left;
}

	#header #rotator
	{
		width:450px;
		height:150px;
		float:right;
		background-image:url(../images/r_flag.jpg);
	}


#quicklinks
{
	height:72px;
	background:url(../images/bg_quicklinks.gif) repeat-x top left;
	border-top:1px solid #ecf1f7;
	border-bottom:1px solid #242e3b;
}

	#quicklinks .label
	{
		display:block;
		float:left;
		width:147px;
		height:72px;
		background:url(../images/hdr_quick_links.gif) no-repeat top left;
	}

	#quicklinks a
	{
		display:inline-block;
		margin:0 15px;
		float:left;
		line-height:72px;
		width:75px;
		height:72px;
	}

	#quicklinks a#ql_election_services
	{
		background:url(../images/ql_election_services.jpg) no-repeat top left;
	}

	#quicklinks a#ql_voter
	{
		background:url(../images/ql_voter.jpg) no-repeat top left;
	}
	
	#quicklinks a#ql_absentee
	{
		background:url(../images/ql_absentee.jpg) no-repeat top left;
	}

	#quicklinks a#ql_polling_place
	{
		background:url(../images/ql_polling_place.jpg) no-repeat top left;
	}
	
	#quicklinks a#ql_precinct_finder
	{
		background:url(../images/ql_precinct_finder.jpg) no-repeat top left;
	}

	#quicklinks a#ql_election_results
	{
		background:url(../images/ql_election_results.jpg) no-repeat top left;
		width:96px;
	}

	#quicklinks a#ql_vital_records
	{
		background:url(../images/ql_vital.jpg) no-repeat top left;
	}

	#quicklinks a#ql_election_judge
	{
		background:url(../images/ql_election_judge.jpg) no-repeat top left;
		width:96px;
	}
	
#toolbar
{
	height:36px;
	background:url(../images/bg_toolbar.gif) repeat-x bottom left #bf0436;
	border-top:1px solid #73171f;
}

#homeButton
{
                /*background:url(../images/btn_home2.gif) no-repeat;*/
                background:url(../images/btn_home4153.gif) no-repeat;
		color:#fff;
		font-size:.75em;
		float:left;
		width:225px;
		height:36px;
}

	#toolbar #voter_stats
	{
		color:#fff;
		font-size:.75em;
		float:left;
		width:475px;
		height:35px;
		line-height:35px;
		padding-left:10px;
	}

	#toolbar #search_form
	{
		
		float:right;
		width:225px;
		height:30px;
		overflow:hidden;
	}

	#toolbar #search_form
	{
		padding-top:5px;
	}

#content
{
	background: url('../images/bg_content.gif') repeat-y top left ;
        background-color:#FFFFFF;
        width:100%;
	overflow:hidden;
}

	#content_text
	{
		padding:10px;
		font-size:.75em;
	}

#col1
{
	float:left;
	width:225px;
	background:url(../images/bg_side.gif) no-repeat top right;
}

	#col1 #menu
	{
		margin:10px;
		overflow:hidden;	
	}

	#col1 #menu dl
	{
		width:195px;
		font-size:.75em;
	}

	#col1 #menu dt
	{
		margin:10px 0;	
		padding:0 0 0 10px;
		background:url(../images/bg_menu_parent.gif) repeat-x bottom left;
	}
	
	#col1 #menu dt a
	{
		background:url(../images/ico_red_arrow.gif) no-repeat center left;
		display:block;
		height:16px;
		color:#1e427d;
		text-decoration:none;
		padding-left:15px;
		font-weight:bold;
	}

	#col1 #menu dt a:hover
	{
		text-decoration:underline;
	}
	
	#col1 #menu dl dd, #col1 #menu dl dd.visible
	{
		padding:2px 0;

	}

        #col1 #menu dl dd.invisible
        {
                display:none;
        }
        
	#col1 #menu ul
	{
		margin:0;
		padding:0;
	}

	#col1 #menu ul li
	{
		list-style-type:none;	
		margin:4px 1px 8px 5px;
	}
	
	#col1 #menu ul li a:link, #col1 ul li a:visited
	{
		color:#497ab0;
		text-decoration:none;
	}

	#col1 #menu ul li a:hover
	{
		text-decoration:underline;
	}

	#col1 #quick_docs
	{
                margin:5px auto;
		background:#eff4f7;
		border:1px solid #b3c1ce;
		padding:0;
		width:187px;
		text-align:center;
	}

	#col1 #quick_docs #quickdocs_header
        {
                background:url(../images/hdr_quick_docs.gif) no-repeat top left;
		height:43px;
		width:187px;
		display:block;
        }
        
        #col1 #quick_docs ul
	{
		margin:0;
		padding:0;
	}

	#col1 #quick_docs ul li
	{
		list-style-type:none;	
		margin:4px 0 8px 0;
	}
	
	#col1 #quick_docs ul li a
	{
		display:block;
                width:187px;
	}
        
        #col1 #quick_docs ul li a.election_judge
        {
                background:url(../images/qd_election_judge.gif) no-repeat center center;
                height:110px;
        }
        
	#col1 #quick_docs ul li a.optical_scan
        {
                background:url(../images/qd_optical_scan.gif) no-repeat center center;
                height:84px;
        }
        
        #col1 #quick_docs ul li a img
        {
                border:none;
        }


#col2
{
	float:left;
	width:650px;
}

	#col2 #content_text
	{

	}

#col3
{
	float:right;
	width:225px;
	text-align:center;
}

	#col3 #whatsnew
	{
		margin:5px auto;
		background:#eff4f7;
		border:1px solid #b3c1ce;
		padding:0;
		width:187px;
		text-align:left;
		font-size:.725em;
		overflow:hidden;
	}

	#col3 #whatsnew_header
	{
		background:url(../images/hdr_whats_new.gif) no-repeat top left;
		height:43px;
		width:187px;
		display:block;
	}

	#col3 #whatsnew dl
	{
		margin:5px;
	}

	#col3 #whatsnew dl dt
	{
		background:url(../images/ico_red_arrow.gif) no-repeat 0 2px;
		padding-left:14px;
	}

	#col3 #whatsnew dl dt a
	{	
		color:#1f4975;
		text-decoration:none;
		font-weight:bold;
	}

	#col3 #whatsnew dl dt a:hover
	{
		text-decoration:underline;
	}

        #col3 #whatsnew a.more_details
        {
              float:right;
              color:#4e75a7;
              text-decoration:underline;
              background:url(../images/bg_more_dates.gif) no-repeat center center;
              display:block;
              clear:both;
              width:180px;
              height:17px;
              margin:5px 5px 2px 0;
              text-align:center;
              white-space: nowrap;
        }

	#col3 #whatsnew dl dd
	{
		background:url(../images/bg_menu_parent.gif) repeat-x bottom left;
		margin:10px 0;
		color: #487aad;
		padding:0 0 10px 14px;
	}
        
        #col3 #calendarevents
	{
              margin:5px auto;
              background:#eff4f7;
              border:1px solid #b3c1ce;
              padding:0;
              width:187px;
              text-align:left;
              font-size:.725em;
              overflow:hidden;
	}
        
        #col3 #calendar_header
	{
		background:url(../images/hdr_event_calendar.gif) no-repeat top left;
		height:43px;
		width:187px;
		display:block;
	}
        
        #col3 #calendarevents .event
        {
            border-bottom:1px solid #b3c1cd;
            overflow:hidden;
            clear:both;
            width:98%;
            margin:4px auto;
            padding-bottom:2px;
        }
        
            #col3 #calendarevents .event .date
            {
                   width:30px;
                   height:31px;
                   background:#73171f;
                   float:left;
                   margin:5px;
            }
            
            #col3 #calendarevents .event .date .month
            {
                   height:12px;
                   text-align:center;
                   font:bold 11px sans-serif;
                   color:#fff;
                   text-transform:uppercase;
                   margin:0 auto;
                   display:block;
                   width:30px;
                   border-bottom:1px solid #bf0436;
            }

            #col3 #calendarevents .event .date .day
            {
                  text-align:center;
                  font:bold 14px sans-serif;
                  background:url(../images/bg_date.gif) no-repeat center center;
                  display:block;
                  width:30px;
                  color:#fff;
            }
            
            #col3 #calendarevents .event .description
            {
                  float:left;
                  width:140px;
                  margin:5px 2px 0 0;
                  color:#487aad;
                  min-height:30px;
            }
            
            *html #col3 #calendarevents .event .description
            {
                width:135px;
            } 
            
        #col3 #calendarevents a.more_dates
        {
              float:right;
              color:#4e75a7;
              text-decoration:underline;
              background:url(../images/bg_more_dates.gif) no-repeat center center;
              display:block;
              clear:both;
              width:71px;
              height:17px;
              margin:5px 5px 2px 0;
              text-align:center;
        }

#footer
{
	height:150px;
	background:url(../images/bg_footer.gif) repeat-x top left #103f7a;
	border-top:6px solid #242e3b;
	font-size:.75em;
}

	#footer #left
	{
		float:left;
		width:225px;
		background:url(../images/bg_footer_left.gif) no-repeat top right;
		height:150px;
	}

		#footer #left p
		{
			text-align:center;
			color:#dce5ef;
			font-size:.95em;
			padding-top:20px;
		}

	#footer #links
	{
		float:left;
		padding:10px 0;
		text-align:right;
		width:495px;
	}

	#footer #links a
	{
		color:#dce5ef;
	}

	#footer #right
	{
		float:right;
		width:225px;
		background:url(../images/bg_footer_right.gif) no-repeat top left;
		height:150px;
	}

		#footer #right p
		{
			display:block;
			width:220px;
			height:120px;
			background:url(../images/bg_footer_seal.gif) no-repeat center center;
		}

/*-- PUBLIC PAGES ---------------------------------------------------------------------------------------*/

/*-- Voter Lookup */

.radioSelectionTopContent
{
  text-align:left;
}

/*-- Calendar Events */
.calendarTableStyle
{
  width:100%;
  
}

.calendarHeaderStyle
{
  background:url(../images/bg_quicklinks.gif) repeat-x bottom left #CCD8E8;
  border:none;
}

.dayNameStyle
{
  background:url(../images/bg_toolbar.gif) repeat-x bottom left #bf0436;    
}

/*-- PUBLIC PAGES ---------------------------------------------------------------------------------------*/

#main-content {
    float:left;
    width:95%;
    top: 28px;
    left: 212px;
    padding: 10px;
    padding-top: 10px;
    color: #3f3f3f;
}