/* Basic Elements */

body { background:url(../images/bkground-body.jpg) repeat-x; margin: 0px 0px 20px 0px;padding: 0px;font-family: Geneva, Arial, Helvetica, sans-serif; color: #333;text-align: center;font-size: 12px;line-height: 18px;}
a img { border: none; }
a, a:visited { color:#0000ff; }
form { margin: 0px; padding: 0px; }
p, ul, h1, h2, h3, h4, h5, h6, address { font-size: 12px; margin: 10px 0px 10px 0px; }
h3 { font-size: 16px; border-bottom: 1px solid #ccc; color: #1a2140; clear: both;}
h4 { font-size: 13px; color: #1a2140;  }
h5 { font-size: 12px; color: #8f5818;}
h6 { font-size: 11px; color: #1a2140; }
p { text-align: left; }
address { font-style: normal;}
h1, .nodis { display: none; }
input, select { font-size: 14px;}
table { border-collapse: collapse; }
table address { margin: 0px 0px 10px 0px; }

/* Containers & Related Elements */

#wrapper { width: 760px; margin: 0px auto 0px auto; text-align: left; position: relative;}

#topnav {height: 30px; width: 760px; position: absolute; top: 0px; left: 0px; z-index: 1; }
#topnav ul a { color: #5f3404 }
#topnav ul { margin: 0px 0px 0px 200px; padding: 7px 0px 0px 0px;}
#topnav ul li { float: left;list-style: none;margin: 0px 0px 0px 0px;padding: 0px 4px 0px 0px;height: 20px;}
#topnav #menu { position: absolute; top: 10px; left: 0px; z-index: 0;}
#topnav #search { background:url(../images/bkground-search.gif) no-repeat; width: 275px; height: 29px; position: absolute; top: 5px; left: 488px;}
#topnav #search .input-textfield { background-color: #f0e0ce; border: none; position: absolute; top: 5px; left: 60px; width: 160px; height: 19px; font-size: 13px; }
#topnav #search .input-image { position: absolute; right: 0px; }

#header { height: 168px; width: 760px; z-index: 0; margin: 0px 0px -10px 0px; padding: 10px 0px 0px 0px; }

#menu { z-index: 2; height: 45px; width: 780px; position: relative; }
#menu img { float: left; border: none; }
#menu-close { position: absolute; top: 0px;left: -10px;width: 780px;height: 500px;visibility: hidden;z-index: 1;}
#menu-commissioner {left: 0px;}
#menu-business {left: 145px;}
#menu-residents {left: 248px;}
#menu-government {left: 364px;}
#menu-onlineservices {left: 506px;}
#menu-contact {right: 0px;}

#dropdowns ul { visibility: hidden; line-height: 14px;  border-right: 1px solid #8f5818; border-left: 1px solid #8f5818; border-bottom: 1px solid #8f5818; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style: none; background: #b57a34; position: absolute;top: 206px;width: 163px; z-index: 2;}
#dropdowns img { position: absolute; right: 5px; top: 7px; }
#dropdowns a { 	position: relative; background: url(../images/bullet-dropdown.gif) no-repeat  2px 7px; border-top: 1px solid #8f5818; text-decoration: none;color: #fff;padding: 4px 0px 4px 15px;display: block;width: 148px; }
#dropdowns a:hover { background: url(../images/bullet-dropdown-on.gif) no-repeat 3px 9px; background-color: #603606;  }

#container-content, #container-content-nosidebar {background-color: #f8f8f8; border-left: 1px solid #e1e3e5; border-bottom: 1px solid #e1e3e5; border-right: 1px solid #e1e3e5; padding: 5px 15px 15px 15px; margin: -10px 0px 0px 0px;}
#container-content { background:url(../images/bkground-container-content.gif); padding: 0px 0px 15px 11px; margin: 0px 0px 0px 0px;}
#content { width: 484px; float: left; padding: 2px 0px 0px 0px;}
#content-nosidebar { padding: 10px 0px 0px 0px; }
#content ul, #content-nosidebar ul { margin: 0px 0p 0px 0px; padding: 0px 0px 0px 20px; list-style: none; }
#content ul ul, #content-nosidebar ul ul { margin: 0px 0p 0px 0px; padding: 0px 0px 0px 20px; list-style: disc; }
#content ul li, #content-nosidebar ul li {position: relative; background: url(../images/bullet-houstonlogo.gif) no-repeat 0px 2px; padding:0px 0px 6px 22px;}
#content ul ul li, #content-nosidebar ul ul li {position: relative; background: none; padding:0px 0px 0px 0px;}
#content table ul, #content-nosidebar table ul { padding: 0px; }
#content .boe-table {border: 1px solid #ccc; margin: 10px 0px 10px 0px; width: 100%;}
#content .boe-table td { padding: 5px; border: 1px solid #ccc; line-height: 16px;}

#content-nosidebar .services {border: 6px solid #dfbb92; background:url(../images/bkground-services.gif) bottom no-repeat; background-color: #f9f1e7; width: 164px; height: 280px; float: left; margin: 0px 6px 5px 0px; position: relative;}
#content-nosidebar .services h2 { margin: 5px 0px 0px 0px; }
#content-nosidebar .services ul { list-style: none; margin: 2px 0px 0px 10px; padding: 0px; line-height: 16px; }
#content-nosidebar .services ul li { position: relative; background: none; padding:0px 0px 0px 0px; }
#content-nosidebar .services a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #191f3b; font-size: 11px; }
#content-nosidebar .services img { border: 1px solid #fff; margin: 5px 0px 0px 2px; }
#content-nosidebar .services div a { color: #784e1f; font-weight: bold; text-transform: uppercase; position: absolute; bottom: 2px; right: 12px;}
#content-nosidebar .column-left, #content-nosidebar .column-right { width: 353px; float: left; margin: 0px 15px 0px 0px;}
#content-nosidebar .column-right { margin: 0px 0px 0px 0px; }
#content-nosidebar #elections-link { position: absolute; top: 220px; right: 30px; font-size: 16px; }
#content-nosidebar .admin-menu { margin: 15px 0px 0px 30px; padding: 0px; }
#content-nosidebar #sample-ballots { position: absolute; top: 210px; right: 25px; }

#sidebar { float: right; background: url(../images/bkground-sidebar.gif) no-repeat 0px 0px; width: 236px;padding: 40px 0px 0px 13px; }
*html #sidebar { padding: 50px 0px 0px 13px; }
#sidebar ul { font-family: Verdana, Arial, Helvetica, sans-serif; list-style: none; margin: 10px 0px 10px 0px; padding: 0px;font-size: 11px;line-height: 14px;}
#sidebar ul li  { position: relative; background: url(../images/bullet-square.gif) no-repeat 0px 5px; padding:0px 0px 6px 12px;}
#sidebar ul li a {color: #8d5412;}
#sidebar ul li a:hover { color: #263986; font-weight: bold; }
#sidebar ul li img { position: absolute; top: 6px; padding: 0px 0px 0px 4px;}
*html #sidebar ul li img { position: absolute; top: 3px; padding: 0px 0px 0px 2px;}
#sidebar ul ul { margin: 5px 0px 0px 0px; }
#sidebar ul ul li {  background: url(../images/bullet-circle.gif) no-repeat 0px 4px; padding: 0px 0px 3px 10px;}
#sidebar ul ul li a { }
#sidebar ul ul li a:hover { color:#263986; font-weight: normal; }
#sidebar p { color: #3f4876; }
#sidebar p .icon { margin: 0px 0px -1px 0px; padding: 0px 5px 0px 0px; position: relative; }
#sidebar ul li #active { position: relative; background-color: #fff; border: 1px solid #bcc3de; padding: 4px; color: #263986; font-weight: bold; text-decoration: none;}
#sidebar ul ul li #active { background-color: #ecf0f9; padding: 0px; border: none; color: #263986; font-weight: bold; font-size: 11px;}

#footer { background:url(../images/bkground-footer.gif) repeat-x; height: 120px; background-color: #fff; position: relative; margin: 1px 0px 0px 0px;}
#footer ul a { color: #191f3b; }
#footer ul { margin: 0px; padding: 30px 0px 0px 75px;}
#footer ul li {float: left;list-style: none;margin: 0px 0px 7px 0px; padding: 0px 4px 0px 0px;height: 20px;}
#footer p { clear: both;margin: 0px; padding: 0px 0px 0px 75px; line-height: 18px;}
#footer p a { color: #333; }
#footer img { position: absolute; top: 28px; left: 15px; }

.progress {padding: 10px 0px 13px 10px; }
.progress img {float: left; padding: 0px 10px 0px 0px; }
.progress h4 { font-size: 15px; margin: 0px; padding: 5px 0px 10px 0px; color: Red; font-weight: bold;}

/* Image Replacement */

h2 { margin: 0px 0px 10px 0px;overflow: hidden;background-repeat: no-repeat;height: 0px !important;font-size: 0px;clear: both;padding: 23px 0px 0px 0px;height /**/:23px;}
#welcome {background-image:url(../images/h2-welcome-to-houston-co.gif);}
#about-houston-county {background-image:url(../images/h2-about-houston-co.gif); margin: 10px 0px 10px 0px;}
#the-splost-program {background-image:url(../images/h2-the-splost-program.gif);margin: 10px 0px 10px 0px;}
#resident-services {background-image:url(../images/h2-resident-services.gif)}
#business-services {background-image:url(../images/h2-business-services.gif)}
#govt-services {background-image:url(../images/h2-govt-services.gif)}
#other-services {background-image:url(../images/h2-other-services.gif)}
#nine-one-one {background-image:url(../images/h2-911.gif)}
#board-of-elections {background-image:url(../images/h2-boardofelections.gif)}
#building-inspection {background-image:url(../images/h2-buildinginspection.gif)}
#business-forms {background-image:url(../images/h2-businessforms.gif)}
#civil-divisions {background-image:url(../images/h2-civildivisions.gif)}
#contact-information {background-image:url(../images/h2-contactinformation.gif)}
#cooperative-extension {background-image:url(../images/h2-cooperativeextension.gif)}
#criminal-investigation {background-image:url(../images/h2-criminalinvestigation.gif)}
#departments-and-divisions {background-image:url(../images/h2-departmentsanddivisions.gif)}
#detention-center {background-image:url(../images/h2-detentioncenter.gif)}
#district-attorney {background-image:url(../images/h2-districtattorney.gif)}
#estate {background-image:url(../images/h2-estate.gif)}
#faq {background-image:url(../images/h2-faq.gif)}
#fines {background-image:url(../images/h2-fines.gif)}
#firearms-license {background-image:url(../images/h2-firearmslicense.gif)}
#guardianship-adults {background-image:url(../images/h2-guardianshipadults.gif)}
#guardianship-minors {background-image:url(../images/h2-guardianshipminors.gif)}
#job-opportunities {background-image:url(../images/h2-jobopportunities.gif)}
#juvenile {background-image:url(../images/h2-juvenile.gif)}
#magistrate-court {background-image:url(../images/h2-magistratecourt.gif)}
#marriage-license {background-image:url(../images/h2-marriagelicense.gif)}
#meeting-minutes {background-image:url(../images/h2-meetingminutes.gif)}
#mental-health {background-image:url(../images/h2-mentalhealth.gif)}
#misdemeanor {background-image:url(../images/h2-misdemeanor.gif)}
#newcomers {background-image:url(../images/h2-newcomers.gif)}
#other-violations {background-image:url(../images/h2-otherviolations.gif)}
#probate-court {background-image:url(../images/h2-probatecourt.gif)}
#public-defender {background-image:url(../images/h2-publicdefender.gif)}
#public-works {background-image:url(../images/h2-publicworks.gif)}
#purchasing-department {background-image:url(../images/h2-purchasingdepartment.gif)}
#related-links {background-image:url(../images/h2-relatedlinks.gif)}
#sheriff {background-image:url(../images/h2-sheriff.gif)}
#state-court {background-image:url(../images/h2-statecourt.gif)}
#state-court-clerk {background-image:url(../images/h2-statecourtclerk.gif)}
#statistics {background-image:url(../images/h2-statistics.gif)}
#superior-court {background-image:url(../images/h2-superiorcourt.gif)}
#tax-assessor {background-image:url(../images/h2-taxassessor.gif)}
#tax-commissioner {background-image:url(../images/h2-taxcommissioner.gif)}
#traffic-and-patrol {background-image:url(../images/h2-trafficandpatrol.gif)}
#traffic-violations {background-image:url(../images/h2-trafficviolations.gif)}
#visitors {background-image:url(../images/h2-visitors.gif)}
#vital-records {background-image:url(../images/h2-vitalrecords.gif)}
#warrants-and-records {background-image:url(../images/h2-warrantsandrecords.gif)}
#economic-development { background-image: url(../images/h2-economicdevelopment.gif) }
#splost { background-image: url(../images/h2-splost.gif) }
#site-map { background-image: url(../images/h2-sitemap.gif) }
#page-not-found {background-image: url(../images/h2-pagenotfound.gif) }
#search-results {background-image: url(../images/h2-searchresults.gif) }
#elections {background-image: url(../images/h2-elections.gif) }
#sex-offender-search { background-image: url(../images/h2-sexoffender.gif) }
#register-to-vote {background-image: url(../images/h2-register-to-vote.gif)}
#change-of-name-address {background-image: url(../images/h2-change-of-name-address.gif)}
#election-dates {background-image: url(../images/h2-election-dates.gif)}
#polling-locations {background-image: url(../images/h2-polling-locations.gif)}
#absentee-voting {background-image: url(../images/h2-absentee-voting.gif)}
#advance-voting {background-image: url(../images/h2-advance-voting.gif)}
#elected-officials {background-image: url(../images/h2-elected-officials.gif)}
#about-the-board {background-image: url(../images/h2-about-the-board.gif)}
#job-opportunities {background-image: url(../images/h2-job-opportunities.gif)}
#municipal-elections {background-image: url(../images/h2-municipal-elections.gif)}
#links {background-image: url(../images/h2-links.gif)}
#electiondates-municipalelections {background-image: url(../images/h2-electiondates-municipalelections.gif)}
#election-reports {background-image: url(../images/h2-election-reports.gif)}
#qualifying-information { background-image: url(../images/h2-qualifying-information.gif)}
#crime-tips {background-image: url(../images/h2-crime-tips.gif)}
#HEMA {background-image: url(../images/h2-HEMA.gif)}
#cert {background-image: url(../images/h2-cert.gif)}
#outdoor-warning {background-image: url(../images/h2-outdoor-warning.gif)}
#code-red {background-image: url(../images/h2-code-red.gif)}
#weather-vouchers {background-image: url(../images/h2-weather-vouchers.gif)}

/* Forms & Validation */

.lbl { display: block; font-weight: bold; margin: 5px 0px 5px 0px;}
.success, .alert {padding:5px 10px 5px 10px;margin: 0px 0px 10px 0px; font-weight: normal;}
.success h4, .alert h4 { margin: 5px 0px 5px 0px;font-size: 16px;color: #000; }
.success ul li, .alert ul li { line-height: 18px;}
.alert {border: 1px solid red;background-color: #fff; }
.alert h4 {padding: 9px 0px 10px 38px;background: url(../images/alert.gif) no-repeat 0px 0px; position: relative;}
.alert p { margin: 0px; padding: 0px; }
.success {background-color: #c3fbbb;border: 1px solid #abe9a2;}
.success h4 {padding: 4px 0px 5px 32px;background: url(../images/success.gif) no-repeat 0px 0px; position: relative; }
.success p { margin: 0px; padding: 5px 0px 5px 0px; line-height: 18px; }

/* Forms - Formatting */

.box-white { padding: 10px 10px 0px 10px; background-color: #fff; border: 1px solid #deceb3; }
#form{ height:1%; position:relative}
#form .left{float:left; margin:0px 10px 0px 0px}
#form .left-phone{float:left; margin:0px 0px 0px 0px}
#form .right-phone{float:left; margin:0px 0px 0px 5px}
#form .clear{float:none}
#form .lbl{position:relative; display:block; font-weight:bold; margin:5px 0px 0px 0px; clear:both; color:#333; font-size:12px}
#form .shadow {font-family:Arial,Helvetica,sans-serif; border:1px solid #c3c3c3; background-color:#fff; background:url(../images/bkground-shadow.gif) no-repeat -1px 0px; font-size:15px; padding: 2px;}
#form label, #form select{font-size:14px; font-family:Arial,Helvetica,sans-serif}
#form h5{position:relative; font-weight:bold; font-size:13px; padding:4px; margin:10px 0px 10px 0px; color:#000; text-transform:uppercase; background-color:#f4f3ea; border-bottom:1px solid #ccc; display:block; clear:both}
.red{color:red;}
.field{font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:-2px 0px 5px 0px; padding:0px}
#progress {padding: 10px 0px 13px 10px; display: block; width: 150px; height: 30px; display: none;}
#progress img {float: left; padding: 0px 8px 0px 0px; }
#progress h4 { font-size: 15px; margin: 0px; padding: 7px 0px 10px 0px; color: Red; font-weight: bold; }

/* Search */

#dgrdPages {  margin: -5px 0px 15px 0px; }
#dgrdPages h4 { font-size: 15px; font-weight: normal; padding: 0px; margin: 10px 0px 2px 0px; }
#dgrdPages p { padding: 0px; margin: 0px 0px 0px 0px; }
#dgrdPages .green { color: #008000;}

/* Individually Styled Elements */

.login-status, .return { position: absolute; right: 20px; top: 215px; }
.btn-submit { display: block; margin: 10px 0px 10px 0px; }
.content-left { float: left; margin: -10px 0px 0px 0px; padding: 0px 12px 0px 0px; border-right: 1px solid #ccc; }
.content-right { float: left; margin: -10px 0px 0px 15px; width: 545px;  }
.votes {clear: both; display: block; height: 25px;}
.votes input {float: left; margin: 0px 10px 0px 0px; }
.votes .btn { }
.votes p {font-size: 12px;margin:2px 0px -2px 0px; padding: 0px; float: left; }

/* Miscellaneous Styles */

.margin-top { margin: 5px 0px 0px 0px; }
.margin-bottom { margin: 0px 0px 5px 0px; }
.float-right { float: right; }
.padding-right { padding: 0px 5px 0px 0px; }
.center { text-align: center; }
.large { font-size: 15px; line-height: 22px; }
.small { font-size: 11px; line-height: 16px; color: #666;}
.right { text-align: right; }
.left { float: left; margin: 0px 5px 0px 0px;}
.clear { clear: both; }
.line{height:1px; background-color:#ccc; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.img-left { float: left; margin: 0px 10px 10px 0px; }
.img-right { float: right; margin: 0px 0px 10px 10px; }
.box-highlight { background-color: #fde5c9; border: 1px solid #dfcab2; padding: 5px 15px 10px 15px; }