/* CSS Document */

/* Setup */
* { margin:0; padding:0; }
td { vertical-align:top; }
ul { list-style-type:none; }
a { color:#999966; text-decoration: none; }
a:hover { color:#999966; text-decoration: underline; }
.float-left { float:left; }
.float-right { float:left; }
.clear { clear:both; }
.pad15 {padding: 15px;}

html { font-size:.8em; font-family:georgia, serif; }
body { background:#ae9d76 url(../i/page-bg.gif) repeat-x; }

/* Structure */
#outer-border { border:#ccbd99 solid 4px; width:908px; margin:-4px auto 20px; }
#main-container { border:#7b705a solid 4px; width:900px; margin:-4px auto 0; }


#header { background:url(../i/main-header.gif) no-repeat top left; width:900px; height:86px; position:relative; }
#header h1,#header h2,#header h4 { display:none; }
#search { position:absolute; top:16px; right:15px; }


#info-navigation { position:absolute; bottom:0; left:252px; width:399px; }
#info-navigation li { display:block; width:133px; height:37px; float:left; }
#info-navigation li a { display:block; width:133px; height:37px; text-indent:-9999px; }

#button-residents a { background:url(../i/buttons/button-top-residents.gif) no-repeat top left; }
#button-residents a:hover { background-position:0 -37px; }
#button-businesses a { background:url(../i/buttons/button-top-businesses.gif) no-repeat top left; }
#button-businesses a:hover { background-position:0 -37px; }
#button-visitors a { background:url(../i/buttons/button-top-visitors.gif) no-repeat top left; }
#button-visitors a:hover { background-position:0 -37px; }


#content { width:900px; overflow:hidden; background:url(../i/content-bg.gif) repeat-y top left; position:relative; }
#content-left { float:left; width:650px; position:relative; }
#content-left h4 { display:none; }

#site-navigation { background:#8d7b6c url(../i/navigation-bg.gif); color:#c6bdb5; height:32px; position:absolute; z-index:500; overflow:visible; }
#site-navigation li { display:block; float:left; text-align:center; height:32px; z-index:500; }
#site-navigation li a { margin-top:8px; display:block; color:#c6bdb5; text-decoration:none; }
#site-navigation li a:hover { text-decoration:none; }
#site-navigation li:hover { background:#8d7b6c url(../i/navigation-bg-over.gif); cursor:pointer; }

#site-navigation ul a { background:none;background-color: #645449;vertical-align: middle;text-decoration: none;color: #c6bdb5;border: 5px solid #645449;text-indent: 0px;width: 218px;height: 15px;padding: 0px;margin: 0px; }
#site-navigation ul a:hover { background-color: #8d7b6c;border: 5px solid #8d7b6c; }
#site-navigation ul li { display:block; z-index:500;border-bottom: 1px solid #51443a;padding: 0px;margin: 0px; height: 25px; }
#site-navigation ul { border: 1px solid #51443a;border-width: 1px 1px 0px 1px; }

#nav-home { width:80px; }
#nav-county-officials { width:140px; }
#nav-county-departments { width:160px; }
#nav-district-court { width:120px; }
#nav-county-information { width:150px; }

#image-cycle { width:650px; height:244px; display:block; }
#image-cycle img { display:none; }

#large-content-image{display:block;width:650px;height:200px;}

#county-map{display:block; width:650px; height:350px; border-bottom:#996 1px solid;}

#inner-page-content { background-color:#fff; padding:20px 20px 40px 20px; line-height:1.75em; text-align:justify; background-image:url(../i/inner-bg.jpg); background-repeat:no-repeat; }
#inner-page-content h1 { color:#004a80; font-weight:normal; margin: 20px 0 30px 10px;}

/* Homepage Content */
#page-content { padding:10px 10px 40px 10px; background:#fff url(../i/home-news-blue-gradient-bg.gif) repeat-x top left; }
#home-page-content { background:#fff url(''); padding:10px; border:1px solid #cacabb; }
#home-page-content h4 { display:none; }
#headlines li { background:#ff0033 url(''); margin:7px auto; padding:10px; border:1px solid #cacabb;  }
#news-notices h4 { background:url(../i/home-news-header.gif) repeat-x; display:block;  height:45px; text-indent:-9999px; position:relative;}
#news-notices h4 a.newslink { background:url(../i/home-news-header-title.gif) no-repeat;display:block;height:45px;width:211px;position:absolute; top:0px;left:0px;}
#news-notices h4 a.newsmorelink { background:url(../i/home-news-header-more.gif) no-repeat; display:block; height:45px;width:86px; position:absolute; top:0px;right:42px;}
#news-notices h4 a.rsslink { background:url(../i/home-news-header-rss.gif) no-repeat; display:block;  height:45px; width:42px;position:absolute; top:0px;right:0px; }
#news-notices-ul li { background:#ddebee url(''); margin-top:5px; padding:10px; border:1px solid #cacabb; border-collapse:collapse; }
#newsitem-header { background-color:#ddebee; margin-top:5px; height: 45px; border:1px solid #cacabb; border-collapse:collapse; }
#newsitem-header div.news-header { padding: 10px 0px 0px 60px; }
#newsitem-header div.date-block { padding: 3px 3px 3px 7px; }
#newsitem-body { padding: 7px; }



#jobs h4 { background:url(../i/home-news-header.gif) repeat-x; display:block;  height:45px; color:#fff; position:relative;}
#jobs h4 a.jobslink { color:#fff; text-decoration: none; font-size:16px; position:absolute; top:11px; left: 15px; }
#jobsitem-header, #jobs li { background-color:#ddebee; margin-top:5px; height: 45px; border:1px solid #cacabb; border-collapse:collapse; }
.jobs-header { padding: 10px 0px 0px 60px; }
.icon-block { padding: 3px 3px 3px 7px; }
#jobsitem-body { padding: 7px; }
.icon-block{float: left;padding-right: 15px;height: 39px;}






.date-block{float:left; padding-right:15px; height: 39px; overflow:hidden;}
.date-block div{width: 33px;background-image: url('../i/date-sprites.gif');text-indent: -9999px;}
.news-description{padding-left: 50px;}
.news-description h5{color: #004a80;font-size: 14px; font-weight:normal; text-align:left;}
.news-description h5 a{color: #004a80;}
.news-header{padding-left: 50px;}
.news-header h5{color: #004a80;font-size: 14px; font-weight:normal; text-align:left;}

.date-top{height: 14px;}
.date-bottom{background-position: 0 25px;height: 25px;}

.date-top-january{background-position: 396px 119px;height: 14px; }
.date-top-february{background-position: 363px 119px;height: 14px; }
.date-top-march{background-position: 330px 119px;height: 14px; }
.date-top-april{background-position: 297px 119px;height: 14px; }
.date-top-may{background-position: 264px 119px;height: 14px;}
.date-top-june{background-position: 231px 119px;height: 14px;}
.date-top-july{background-position: 198px 119px;height: 14px;}
.date-top-august{background-position: 165px 119px;height: 14px;}
.date-top-september{background-position: 132px 119px;height: 14px;}
.date-top-october{background-position: 99px 119px;height: 14px;}
.date-top-november{background-position: 66px 119px;height: 14px;}
.date-top-december{background-position: 33px 119px;height: 14px;}

.date-bottom-1{background-position: 0 100px;height: 25px;}
.date-bottom-2{background-position: -33px 100px;height: 25px;}
.date-bottom-3{background-position: -66px 100px;height: 25px;}
.date-bottom-4{background-position: -99px 100px;height: 25px;}
.date-bottom-5{background-position: -132px 100px;height: 25px;}
.date-bottom-6{background-position: -165px 100px;height: 25px;}
.date-bottom-7{background-position: -198px 100px;height: 25px;}
.date-bottom-8{background-position: -231px 100px;height: 25px;}
.date-bottom-9{background-position: 0 75px;height: 25px;}
.date-bottom-10{background-position: -33px 75px;height: 25px;}
.date-bottom-11{background-position: -66px 75px;height: 25px;}
.date-bottom-12{background-position: -99px 75px;height: 25px;}
.date-bottom-13{background-position: -132px 75px;height: 25px;}
.date-bottom-14{background-position: -165px 75px;height: 25px;}
.date-bottom-15{background-position: -198px 75px;height: 25px;}
.date-bottom-16{background-position: -231px 75px;height: 25px;}
.date-bottom-17{background-position: 0 50px;height: 25px;}
.date-bottom-18{background-position: -33px 50px;height: 25px;}
.date-bottom-19{background-position: -66px 50px;height: 25px;}
.date-bottom-20{background-position: -99px 50px;height: 25px;}
.date-bottom-21{background-position: -132px 50px;height: 25px;}
.date-bottom-22{background-position: -165px 50px;height: 25px;}
.date-bottom-23{background-position: -198px 50px;height: 25px;}
.date-bottom-24{background-position: -231px 50px;height: 25px;}
.date-bottom-25{background-position: 0 25px;height: 25px;}
.date-bottom-26{background-position: -33px 25px;height: 25px;}
.date-bottom-27{background-position: -66px 25px;height: 25px;}
.date-bottom-28{background-position: -99px 25px;height: 25px;}
.date-bottom-29{background-position: -132px 25px;height: 25px;}
.date-bottom-30{background-position: -165px 25px;height: 25px;}
.date-bottom-31{background-position: -198px 25px;height: 25px;}




#content-right { float:left; width:250px; background:#211c1b url(../i/dashboard-container-background-gradient.gif) repeat-x top left; color:#fff; overflow:hidden; position:relative;z-index: 300; }

#county-selects-container { background:#211c1b url(../i/dashboard-container-background-gradient.gif) repeat-x top left; position:relative; width: 250px; height: 100px;}

#county-selects { position:absolute; z-index:400; overflow:visible; }
#county-selects ul a { background:none;background-color: #5679a7;vertical-align: middle;text-decoration: none;color: #fff;border: 5px solid #5679a7;text-indent: 0px;width: 218px;height: 15px; }
#county-selects ul a:hover { background-color: #385b89;border: 5px solid #385b89; }
#county-selects ul li { display:block; z-index:400;border-bottom: 1px solid #51443a; }
#county-selects ul { border: 1px solid #51443a;border-width: 1px 1px 0px 1px; }

#county-officials { width:230px; height:39px; margin:10px; }
#county-officials a { width:230px; height:39px; text-indent:-9999px; display:block; background:url(../i/buttons/side-button-officials.gif) no-repeat top left; }
#county-officials a:hover { background-position:0 -39px; }
#county-departments { width:230px; height:39px; margin:10px; }
#county-departments a { width:230px; height:39px; text-indent:-9999px; display:block; background:url(../i/buttons/side-button-depts.gif) no-repeat top left; }
#county-departments a:hover { background-position:0 -39px; }
#county-dashboard { width:250px; background:#362f2d url(../i/dashboard-container-background-gradient.gif) repeat-x top left; padding-top:1px;padding-bottom: 10px; }
#county-dashboard h4 { width:230px; height:43px; text-indent:-9999px; margin:10px auto 0; background:url(../i/dashboard-header.gif) no-repeat top left; }
#county-dashboard ul { margin:0 auto; width:230px; background:#362f2d url(../i/dashboard-background-gradient.gif) repeat-x top left; padding:5px 0; }
#county-dashboard ul li { width:210px; height:40px; margin:5px auto; }
#county-dashboard ul li a { width:210px; height:40px; text-indent:-9999px; display:block; }
#burn-ban a { background:url(../i/buttons/dashboard-burn-GREEN.gif) no-repeat top left; }
#burn-ban a:hover { background-position:0 -40px; }
#burn-ban-red a { background:url(../i/buttons/dashboard-burn-RED.gif) no-repeat top left; }
#burn-ban-red a:hover { background-position:0 -40px; }
#weather a { background:url(../i/buttons/dashboard-weather.gif) no-repeat top left; }
#weather a:hover { background-position:0 -40px; }
#emergencies a { background:url(../i/buttons/dashboard-emergencies.gif) no-repeat top left; }
#emergencies a:hover { background-position:0 -40px; }
#county-jobs a { background:url(../i/buttons/dashboard-jobs.gif) no-repeat top left; }
#county-jobs a:hover { background-position:0 -40px; }
#forms-applications a { background:url(../i/buttons/dashboard-forms.gif) no-repeat top left; }
#forms-applications a:hover { background-position:0 -40px; }
#events a { background:url(../i/buttons/dashboard-events.gif) no-repeat top left; }
#events a:hover { background-position:0 -40px; }


#footer { clear:both; width:900px; position:relative;background:#694a31 url(../i/site-map-bg.jpg) no-repeat top left; }
#footer h4 { display:none;clear: both; }
#bastrop-badge { background:url(../i/bastrop-badge.png); _background:url(../i/bastrop-badge.gif); width:110px; height:66px; display:block!important; position:absolute; top:-30px; left:395px; text-indent:-9999px; }

#site-map-container { display:block; overflow:hidden; padding:60px 0px 30px 40px;  }
#site-map { font-family:sans-serif; color:#cccc99; display:block;background-color: none;background: none; }
#site-map li { float:left; display:block; color:#fff; text-transform:uppercase; font-size:10px; font-weight: bold; }
#site-map li.col { width: 20%;}
#site-map li a { color:#fff; text-decoration:none; }
#site-map li a:hover { text-decoration:underline; }
#site-map li ul li { font-size:10px; color:#cccc99; clear:left; padding:0; text-transform:none; }
#site-map li ul li a { color:#cccc99; }
#site-map li ul li ul { display:none; }

#bread-crumb { background-color:#2e2826; color:#cccc99; height:42px; background:url(../i/breadcrumbs-repeat-bg.gif); clear:both;overflow: hidden;margin-top: 10px; }
#bread-crumb li { float:left; height:42px; }
#bread-crumb li.home { width:38px; background:url(../i/breadcrumbs-arrow.gif) no-repeat top right; padding:14px 0 0 12px; }
#bread-crumb li.page { background:url(../i/breadcrumbs-arrow.gif) no-repeat top right; padding:14px 18px 0 12px; }
#bread-crumb li.page a { text-decoration:none; color:#c7b299; }
#bread-crumb li.page a:hover { text-decoration:underline; color:#c7b299; }
#credits { clear:both; width:800px; text-align:center; color:#CCCCAA; font-size:12px; margin:20px auto; }
#credits a { color:#666; text-decoration:none; }
#credits a:hover { color:#333; text-decoration:underline; }


.official{background:url('../i/officials-module.gif'); width:598px; height:166px; position: relative;margin: 20px auto 0px auto;}
.official img{ float:left; padding:12px 22px 0px 12px;}
.official-title{ display: block;padding: 8px 0px 14px 20px;}
.official-block{ display: block;padding: 0px 0px 0px 20px;}
.official-title h5{ font-size: 20px; font-weight: normal; margin-top: 10px;}
.official-title h6{ font-size: 13px; font-weight: normal; }
.official-block ul{ float:left; font-size: 13px; font-weight: normal;padding-right: 20px;line-height: 1.5em;font-size: 12px; }
.official hr{ clear: both;display: none;}
.official-body{ width:598px; border:1px solid #eee;margin: 0px auto 15px auto; }



#inner-page-content h3 { color:#336699; size:18px; font-weight:normal; padding:10px 0 10px 0; }
#inner-page-content a { color:#336699; text-decoration: underline; }
#inner-page-content a:hover { color:#999966; text-decoration: none; }
#inner-page-content hr{clear:both;width:100%;color: #eee;background-color: #ccc;height: 1px;border:0;margin:15px auto 15px auto;}
#inner-page-content .dutiesContainer {display:block;padding:5px;background-color:#eeeedd;border:1px #CCCC99;}
#inner-page-content .duties {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;text-align:center;}
#body-text-float ul, #body-text ul, .official-body ul, #newsitem-body ul {padding-left: 40px;}
#newsitem-body li {margin-left: 40px;}
#body-text-float li, #body-text li, .official-body li, #newsitem-body li {list-style-position:outside;list-style-image:url(../i/bullet-arrow.gif);}
#body-text-float li.longlist, #body-text li.longlist, .official-body li.longlist  {list-style-position:outside;list-style-image:url(../i/bullet-arrow.gif);padding-bottom:10px;}
#body-text-float{float: left;width: 60%;}
#body-text-float,#body-text{margin-left:15px;margin-right:15px;}
#body-text-jobs{margin-left:15px;margin-right:30px;color:#555;}
#content-files{float: right;display: block;padding-bottom: 15px;}
#content-files img{border: 1px solid #ccc;padding: 10px; background-color:#fff; }
#content-documents{margin-top: 20px;}
#content-documents span{color: #aaa;font-size: 9px;padding-left: 5px;}
.document-item{padding: 5px 10px; font-size:11px;}
.photo-item{margin-bottom: 14px;position: relative;}
.photo-shadow{width: 205px;height: 14px;float: left;display: block;bottom: -14px;left: 3px;position: absolute;background-color: transparent;background-image:url("../i/photo-shadow.png");background-repeat: no-repeat;background-attachment: scroll;background-position: left top;}




/* MIME TYPES */
.mime-pdf{padding:3px 0px 3px 25px;background:url(../i/icons/pdf.png) no-repeat left;}
.mime-doc{padding:3px 0px 3px 25px;background:url(../i/icons/doc.gif) no-repeat left;}
.mime-xls{padding:3px 0px 3px 25px;background:url(../i/icons/xls.gif) no-repeat left;}
.mime-ppt{padding:3px 0px 3px 25px;background:url(../i/icons/ppt.gif) no-repeat left;}
.mime-docx{padding:3px 0px 3px 25px;background:url(../i/icons/doc.gif) no-repeat left;}
.mime-xlsx{padding:3px 0px 3px 25px;background:url(../i/icons/xls.gif) no-repeat left;}
.mime-pptx{padding:3px 0px 3px 25px;background:url(../i/icons/ppt.gif) no-repeat left;}






.raquo {text-align:right;padding:8px 5px 0px 0px;} 

/* LEVEL ONE */
ul.dropdown { position:relative!important; }
ul.dropdown li.hover,ul.dropdown li:hover { position:relative!important; }

/* LEVEL TWO */
ul.dropdown ul { visibility:hidden; position:absolute; top:100%; left:0;  }
ul.dropdown ul li { float:none!important; text-align:left!important;  }
ul.dropdown ul li:hover { background-image:none!important; cursor:pointer; }
ul.dropdown ul li a { border-right:none; width:100%; display:inline-block; /* IE 6 & 7 Needs Inline Block */
 }

/* LEVEL THREE */
ul.dropdown ul ul { left:100%; top:0; }
ul.dropdown li:hover > ul { visibility:visible; }
