/*
Theme Name: City of D'iberville
Theme URI: http://www.agjsystems.com
Description: The new and improved CoD website template!
Version: 3.0
Author: Nicole Young / AGJ Systems

*/

/* override inline styles */ 
span[style]{ 
 color: black; 
 font-size: 1.2em; 
}  
  
#forecast { 
background: #FFF url("http://www.weatherforyou.net/fcgi-bin/hw3/hw3.cgi?config=png&forecast=zone&alt=hwizone7day5&place=diberville&state=ms&country=us&hwvbg=&hwvtc=&hwvdisplay=&daysonly=2&maxdays=7") no-repeat bottom left;
width:500px;
height:165px;
border:0px solid #333;

}

body {
 background: #8c2211;
 color: #333;
 font-family: 'Times New Roman', 'Lucida Sans Unicode', Verdana, sans-serif;
 margin: 0 0 15px 0;
 padding: 0;
}

#wrapper{
width:950px;
margin:0 auto;
position:relative;
padding:0;
background: #FFF url(graphics/bg.gif) repeat-y top left;
}

#content {
padding: 10px 20px 0 15px;
border:0px solid #FF0000;
}

#contentinside {
float:right;
width:686px;
margin: 0 10px 0 0;
padding: 10px;
border:0px solid #FF0000;
font-family: "Times New Roman";
}

#content-twocol {
 float:left;
 width:485px;
 margin:-10px 0 0 -5px;
 padding: 10px;
 border: 0px solid #FF0000;
}

#contentinside h2 {
 background: url(graphics/title-content_full.png) no-repeat;
 width: 695px;
 height: 33px;
 padding: 0 5px 0 5px;
 margin: -10px 0 15px -10px;
 color: #FFF;
 font-size: 1.2em;
 line-height: 2em;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
}

#contentinside h2 a {
 color: #FFF;
}

#content-twocol h2 {
 background: url(graphics/title-content.png) no-repeat;
 width: 495px;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 clear: both;
}

#contentinside img {
 max-width: 685px !important;
}

#content-twocol img {
 max-width: 470px !important;
}


#side-twocol {
 float:right;
 width:190px;
 margin:-10px -20px 0 0;
 padding: 0 0 0 0;
 border:0px solid #FF0000;
}

#side-twocol h2 {
 font-size: 1.5em;
 width: 180px;
 padding-left: 0;
 background: url(graphics/title-sidebar2.png) no-repeat;
 margin: 0;
 padding: 0;
}

#side-twocol h4 {
 color:#8c2211;
 margin:0 0 12px 0;
 padding:0;
 text-align: left;
 font-size: 1em;
 line-height:1.4em;
}

#side-twocol p{
margin:0;
padding:0 0 3px 0;
}

#header {
 background: transparent url(graphics/header.png) no-repeat 50% 0%;
 margin: 0 auto;
 padding: 0;
 height:195px;
}

#header h1{
 text-indent:-9999px;
 font-size:.1em;
 margin:0;
 padding:0;
}

#header h1 a{
 display:block;
 width:570px;
 height:165px;
}


 a{color: #8c2211; text-decoration:underline;}
 a:hover{color: #f5bd41; text-decoration:underline;}
 


 .sidebar {
  width:175px;
  margin:0 0 0 14px;
  padding:0 0 0 0;
  display: block;
  text-align:center;
  font-size:1.2em;
 }

 .sidebar h2 {
 height:28px;
 width:174px;
 color: #FFF;
 padding: 5px 0 0 0;
 margin:0;
 background: transparent url(graphics/title-sidebar.png) no-repeat top left;
 }

 .sidebar ul {
  margin: 0 5px 10px 3px;
  padding:0;
  list-style: none;
 }
 
 .sidebar li a {
  display:block;
  color:#333 !important;
  height:1.8em;
  padding:0 0 0 .4em;
  margin: .2em 0;
  font-size: 1.1em;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  line-height: 1.8em;
  text-decoration: none !important;
  text-align:left;
  overflow: hidden;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 }


 .sidebar li a:hover {
  background-color:#FFC74F;
  color:#000;
 }

 .sidebar li.current_page_item a,.sidebar li.current_page_parent a {
  background-color:#8C2211;
  color:#FFF !important;
 }
 

 #mainNav {
  float:left;
  font-size: 1.2em;
 }

 #subNav {
  width: 190px;
  margin: 0;
  font-size: .85em;
 }

 #subNav ul {
  margin: 0 13px 5px 3px;
 }
 
 #contentinside ul.newslist li {
 margin:0 0 8px 0;
 padding:0 0 0 4px;
 }
 
 #footer {
  background: transparent url(graphics/footer.png) no-repeat top left;
  padding-top: 3px;
  height:36px;
  color:#333;
 }
 
 #footer a{text-decoration:none; color:#333;}
 #footer a img{margin-right:20px; vertical-align: middle;}

 #copyright{
 float: left;
 text-align: left;
 padding: 1.2em 0 0 2.5em;
 }
 
 .details{
 float: right;
 text-align: right;
 padding: 1.2em 2.5em 0 0;
 }
 
  #side-twocol ul {list-style: none; text-align:left; padding:0;}
 .dem-results {text-align:center;}
 
 .breadcrumb { font-size: 1.2em; margin-top: -21px; padding: 0 0 0 20px; }
 .breadcrumb a { color: #AF8820; }
 
 a img{text-decoration:none; border:0;}
 
 .clear {clear:both;}

 .border {
 border: 1px solid #8c2211;
 }

 body {font-size:62.5%;}
 h1 {font-size: 1.3em; margin: 0; padding: 0;} 
 h2 {font-size: 1.4em; margin: .8em 0; padding: 0;} 
 h3{font-size: 1.3em; margin: .8em 0; padding: 0;}
 h4{font-size: 1.1em; margin: .8em 0; padding: 0;}

 .center {text-align: center;}
 .right {text-align: right;}
 .left {text-align: left;}
 
 em{font-style:italic;}
 strong{font-weight:bold;}
 
 p{
  margin:0 0 1em 0;
 }
 
 h2{
  line-height:1.4em;
 }
 
 #contentinside {
 font-size: 1.4em;
 line-height: 1.6em;
 }
 
 img{
 border: none;
 text-decoration: none;
 }
 
 #side-twocol li{margin:0; padding:0;}

 .tobmaps {position: absolute; top:0; left: -9999px;}

 dl, dd{padding: 0; margin: 0; font-size: 1em;}
 
 a {outline:none;}

 #s {
 margin: 0 0 0 5px;
 padding: 2px;
 margin: 0 12px 0 0;
 width:103px;
 color: #8c2211;
 border: 0px solid #004B8D;
 background:transparent;
 }
 
 .searchbox {
 position:absolute;
 top: 147px;
 right: 47px;
 z-index:100;
  margin: 0 0 0 0;
  border:0px solid #FF0000;
 }
 
 #go {
  width: 30px;
  border: 0;
  background: none;
  text-indent: -9999px;
  cursor: pointer;
 }

 #horzmenu{
 position:absolute;
 top:148px;
 left:40px;
 height:22px;
 }

 ul#horzul {
 height:22px;
 padding:0;
 margin:0;
 }
 
 ul#horzul li {
 padding:0;
 margin:0 28px 0 0;
 display:block;
 float:left;
/* text-indent:-9999px;  */
 }
 ul#horzul li a {
 display:block;
 text-decoration:none;
 overflow:hidden;
 /*background:transparent url(./graphics/menu.gif) no-repeat; */
 margin:0;
 padding:0;
 font-size:1.6em;
 font-weight:bold;
 text-decoration: none;
 color: #FFF;
 }
 
 /*
 li#h-news a {width:54px;height:22px;}
 li#h-council a {width:105px;height:22px;}
 li#h-offices a {width:100px;height:22px;}
 li#h-contacts a {width:77px;height:22px;}
 */
 
 li#h-news a:link, li#h-news a:visited {background-position:0 0;}
 li#h-news a:hover, li#h-news a:focus {background-position:0 -22px;}
 li#h-council a:link, li#h-council a:visited {background-position:-55px 0;}
 li#h-council a:hover, li#h-council a:focus {background-position:-55px -22px;}
 li#h-offices a:link, li#h-offices a:visited {background-position:-160px 0;}
 li#h-offices a:hover, li#h-offices a:focus {background-position:-160px -22px;}
 li#h-contacts a:link, li#h-contacts a:visited {background-position:-260px 0;}
 li#h-contacts a:hover, li#h-contacts a:focus {background-position:-260px -22px;}
 
 .news-posts h3 {
  margin-bottom: 0;
 }
 .news-posts h3 a {
  color: #000;
  text-decoration: none;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
 }
 .news-posts .meta {
  font-style: italic;
  margin-bottom: 15px;
 }
 .news-posts p {
  margin-top: 15px;
 }
 
 h3#announcements {
  color: #8C2211;
  margin-bottom: 0;
  font-size: 1.6em;
 }
 
 .calendar-table {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 0.9em;
  border-spacing: 2px;
 }
 .calnk a:hover {
  background-position:0 0;
  text-decoration:none;
  color:#000000;
  border-bottom:1px dotted #000000;
 }
 .calnk a:visited {
  text-decoration:none;
  color:#000000;
  border-bottom:1px dotted #000000;
 }
 .calnk a {
  text-decoration:none;
  color:#000000;
  border-bottom:1px dotted #000000;
 }
 .calnk a span {
  display:none;
 }
 .calnk a:hover span {
  color:#333333;
  background:#F6F79B;
  display:block;
  position:absolute;
  margin-top:1px;
  padding:5px;
  width:150px;
  z-index:100;
 }
 .calendar-table {
  border:none;
  width:100%;
 }
 .calendar-heading {
  height:25px;
  text-align:center;
  background-color:#8C2211;
  color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 }
 .calendar-next a,.calendar-prev a {
  color: #FFF;
  padding: 0 10px;
 }
 .calendar-next {
  width:25%;
  text-align:right;
 }
 .calendar-prev {
  width:25%;
  text-align:left;
 }
 .calendar-month {
  width:50%;
  text-align:center;
  font-weight:bold;
 }
 .normal-day-heading {
  text-align:center;
  width:25px;
  height:25px;
  background-color:#CE9F21;
  color:#FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 }
 .weekend-heading {
  text-align:center;
  width:25px;
  height:25px;
  background-color:#CE9F21;
  color:#FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 }
 .day-with-date {
  vertical-align:text-top;
  text-align:left;
  width:60px;
  height:60px;
  border:1px solid #DFE6DE;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 }

 .day-without-date {
  width:60px;
  height:60px;
  border:1px solid #E9F0E8;
 }
 span.weekend {
  color:#FF0000;
 }
 .current-day {
  vertical-align:text-top;
  text-align:left;
  width:60px;
  height:60px;
  border:1px solid #BFBFBF;
  background-color:#E4EBE3;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 }
 .current-day span {
  font-weight: bold;
 }

 .kjo-link {
  display: none !important;
 }
 .event-title {
  text-align:center;
  font-weight:bold;
 }
 .event-title-break {
  width:96%;
  margin-left:2%;
  margin-right:2%;
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
  height:1px;
  background-color:#000000;
 }
 .event-content-break {
  width:96%;
  margin-left:2%;
  margin-right:2%;
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
  height:1px;
  background-color:#000000;
 }
 .calendar-date-switcher {
  height:25px;
  text-align:center;
  border:1px solid #D6DED5;
  background-color:#E4EBE3;
 }
 .calendar-date-switcher form {
  margin:0;
  padding:0;
 }
 .calendar-date-switcher input {
  border:1px #D6DED5 solid;
 }
 .calendar-date-switcher select {
  border:1px #D6DED5 solid;
 }
 .cat-key {
  width:100%;
  margin-top:10px;
  padding:5px;
  border:1px solid #D6DED5;
 }