html, body, form{
  text-align:center;
  margin:0;
  padding:0;
  height:100%;
}

img
{
-ms-interpolation-mode: bicubic;
}


a, a:active, a:link, a:visited{
  color:#3a966e;
  text-decoration:underline;
}

  a:hover{
    color:#32a2f5;
    text-decoration:underline;
  }

p, li, td, span, div, h1, h2, h3, h4, h5, h6, address{
  font-family:Arial, Helvetica, Verdana, sans-serif;
}

p, li, td, span, div, address{
  font-size:12px;
  line-height:1.6em;
  color:#555555;
}

img
{
    border-color:#3c81b3;
}

address
{
    margin-bottom:1em;
    font-style:normal;
}

.alert
{
    color:Red;
}

.clear{
  clear:both;
}

#wrapper{
  background:url(../images/bg.gif) top center repeat-y #6ab696;
  width:100%;
  float:left;
  height:100%;
  margin:0 auto;
}


/* header *************************************************************************/

#header{
  text-align:center;
  margin:0;
  padding:0;
}

  #header .position{
    position:relative;
    margin:0 auto;
    padding:0;
    width:778px;
    display:block;
  }
  
    #header .logo
    {
      margin:0;
      padding:0;
    }
    
      #header .logo h1{
        margin:0;
        padding:0;
        text-indent:-9999px;

      }
    
        #header .logo h1 a
        {
          left:25px;
          top:-27px;
          z-index:1;
          position:absolute;
          width:108px;
          height:135px;
          display:block;
          margin:0;
          padding:0;
          background:url(../images/logo.png) top left no-repeat;
        }
    
  #header .masthead, #my_slideshow{
    background:#659e86;
    height:94px;
    margin:0 auto;
  }
  
  .slideshow
  {
      position:absolute;
      z-index:0;
  }
  
  #header .title{
    text-align:center;
    background:#b9dec6;
    height:59px;
    border-top:1px solid #409a74;
  }
  
    #header .title img{
      height:59px;
      width:778px;
      margin:0 auto;
      border-left:1px solid #9eccb9;
      border-right:1px solid #9eccb9;
    }
    
 #header .navigation{
    border-top:1px solid #409a74;
    background:url(../images/nav/background_light.jpg) top left repeat-x;

    text-align:center;              
  }
  
  #header .navigation .pad
  {
      background:url(../images/nav/background.jpg) top left repeat-x;

      width:778px;
      margin:0 auto;
      border-left:1px solid #2b8e64;
  }
  
     #header .navigation ul{
      list-style-type:none;
      margin:0 auto;
      display:block;
      padding:0;

      border-left:1px solid #2b8e64;
      border-right:1px solid #2b8e64;
      background:url(../images/nav/background.jpg) top left repeat-x;
    }
    
      #header .navigation ul li{
        float:left;
      }
      
        #header .navigation ul a{
          color:#ffffff;
          font-weight:bold;
          text-decoration:none;
          font-size:14px;
          padding:7px 0 8px 0;
        }
      
        #city_government a{
          background:url(../images/nav/background_nav.jpg) 0px 0px #21885b;
          display:block;
          width:148px;
          margin-left:156px;
        }
        
          #city_government a:hover{
            background:url(../images/nav/background_nav.jpg) 0px 34px #21885b;
            display:block;
            width:148px;
          }
          
          #government #city_government a
          {
            background:url(../images/nav/background_nav.jpg) 0px 34px #21885b;
          }

        #living_in_cayce a{
          background:url(../images/nav/background_nav.jpg) 0px 0px #21885b;
          display:block;
          width:138px;
        }
        
          #living_in_cayce a:hover{
            background:url(../images/nav/background_nav.jpg) 0px 34px #21885b;
            display:block;
            width:138px;
          }        
          
          #living #living_in_cayce a{
            background:url(../images/nav/background_nav.jpg) 0px 34px #21885b;
          }  

        #doing_business_in_cayce a{
          background:url(../images/nav/background_nav.jpg) 0px 0px #21885b;
          display:block;
          width:199px;
        }
        
          #doing_business_in_cayce a:hover{
            background:url(../images/nav/background_nav.jpg) 0px 34px #21885b;
            display:block;
            width:199px;
          }            
          
          #business #doing_business_in_cayce a{
            background:url(../images/nav/background_nav.jpg) 0px 34px #21885b;
          }

        #visiting_cayce a{
          background:url(../images/nav/background_nav.jpg) 0px 0px #21885b;
          display:block;
          width:135px;
        }
        
          #visiting_cayce a:hover{
            background:url(../images/nav/background_nav.jpg) 0px 34px #21885b;
            display:block;
            width:135px;
          }        
          
          #visiting #visiting_cayce a{
            background:url(../images/nav/background_nav.jpg) 0px 34px #21885b;
          }

  #header .breadcrumb
  {
      background:#e0f2f9;
      text-align:center;
      border-bottom:1px solid #bad7e3;
  }                 
  
    #header .breadcrumb .trail
    {
        background:#d3ebf6; 
        width:778px;
        margin:0 auto;
        text-align:left;
        border-left:1px solid #bad7e3;
        border-right:1px solid #bad7e3;
        padding:0;
        color:#4e76a0;
    }
    
        #header .breadcrumb .trail ul
        {
            list-style-type:none;    
            margin:0 0 0 172px;
            padding:5px 0;
        }
        
            #header .breadcrumb .trail ul li
            {
                display:inline;
                margin:0;
                padding:0;
                font-size:11px;
            }

          
/* content area **************************************************************************************/          
          
#main{
  background:#f1f8fb;
  margin:0;
  padding:0;
  float:left;
  width:100%;
  text-align:center;
}

  #main #container{
    width:778px;
    text-align:left;
    margin:0 auto;
    padding:0 0 1em 0;
    background:#f9fdff;
    border-left:1px solid #c9e0ea;
    border-right:1px solid #c9e0ea;
  }
  
  #main .sidebar{ /*sidebar */
    float:left;
    width:132px;
    margin:0 20px;
  }

  .home .sidebar{ /* front page sidebar*/
    float:left;
    width:170px !important;
    margin:0 25px;
  }

  .home .sidebar .calendarContainer{
	display:none;
  }

  .home .sidebar .ledgerContainer{
	float:left;
	margin:0;
  }

  .home .sidebar .ledgerContainer .Header{
display:none;
  }

  .home .sidebar .eventContainer{
	width:100%;
}
  
    #main .sidebar .navigation{
    
    }
    
      #main .sidebar .navigation a{
        font-weight:bold;
        font-size:11px;
      }
    
      #main .sidebar .navigation ul{
        list-style-type:none;
        margin:25px 0 0 0;
        padding:0;
      }
      
        #main .sidebar .navigation li{
          padding-left:34px;
          line-height:2em;
          height:28px;
        }
      
        #main .sidebar .navigation ul .minutes{
          background:url(../images/icons/minutes.gif) left 2px no-repeat;
        }
              
        #main .sidebar .navigation ul .news{
          background:url(../images/icons/news.jpg) left 4px no-repeat;
        }
        
        #main .sidebar .navigation ul .jobs{
          background:url(../images/icons/jobs.jpg) left 4px no-repeat;
        }        
        
        #main .sidebar .navigation ul .bill_payment{
          background:url(../images/icons/bill_payment.jpg) left 4px no-repeat;
        }
        
        #main .sidebar .navigation ul .site_map{
          background:url(../images/icons/site_map.jpg) left 4px no-repeat;
        }       

        #main .sidebar .navigation ul .financial{
          background:url(../images/icons/finance.gif) 2px 4px no-repeat;
        }       

    #main .sidebar .events_calendar{
    
    }
    
      #main .sidebar .events_calendar h3{
        border-bottom:1px solid #0d67aa;
        font-size:14px;
        font-weight:bold;
        color:#0d67aa;
      }
      
      #main .sidebar .events_calendar p{
        line-height:0.8em;
      }
      
        #main .sidebar .events_calendar p span.time{
          color:#3c80b2;
          font-weight:bold;
          font-size:11px;
        }
        
        #main .sidebar .events_calendar p span.description{
          font-style:italic;
          font-size:11px;
        }
        
    #main .sidebar .inthissection
    {
        margin:60px 0 0 0;   
        padding:0;
        width:130px;
    }
    
      #main .sidebar .inthissection h2
      {
          color:#db7651;
          font-size:14px;
          margin-left:5px;
          margin-bottom:5px;
      }                
      
        #main .sidebar .inthissection h2 a
        {
            color:#db7651;
            text-decoration:none;
        }
      
        #main .sidebar .inthissection h2 a:hover
        {
            text-decoration:underline;
        }
      
      #main .sidebar .inthissection ul
      {
          margin:0;
          padding:0;
          list-style-type:none;
          border-bottom:1px solid #bad7e3;
      }
      
      #main .sidebar .inthissection li
      {
          margin:0;
          padding:5px 0 5px 5px;
          border-top:1px solid #bad7e3;
          font-size:11px;
          font-weight:bold;
      }
      
      #main .sidebar .inthissection ul ul
      {
          margin:0.5em 0 0.5em 1.25em;
          padding:0;
          border:0;
          list-style:none;
          list-style-image: url(../images/arrow.gif);

      }
      
      #main .sidebar .inthissection ul ul li
      {
          margin:0 0 0.6em 0;
          padding:0;
          font-size:10px;
          border:0;
          font-weight:normal;
      }
        
      h3 a.link
      {
          color:#0d67aa;
          text-decoration:none;
      }          
      
      h3 a.link:hover
      {
          color:#21885b;
          text-decoration:underline;
      }          
                  
    #main .content{ /* content */
      margin:0.3em 0 0 0;
      float:left;
      width:580px;
      /* width:355px; */
    }
    
    .home .content{ /* front page content */
      width:355px !important; 
    }
    
      #main .content h1{
        margin:.75em 0 1em 0;
        padding:0;
        font-size:22px;
        font-weight:bold;
        color:#065691;
      }

      #main .content h2{
        font-size:18px;
        font-weight:bold;
        color:#4187ba;
        margin-top:1.5em;
      }       

      #main .content h3{
        font-size:16px;
        font-weight:bold;
        color:#74a4c7;
        margin-top:1.5em;
      }      
      
      #main .content h4{
        font-size:14px;
        font-weight:bold;
        color:#8cb7d7;
        margin-top:1.5em;
      }      
      
        #main .content p.read_more{
          font-size:14px;
        }
        
      #main .content ul
      {
          margin:0 0 0 2em;
          padding:0;
      }
    
        #main .content ul li
        {
            margin-bottom:0.9em;
        }
        
      #main .content img
      {
          margin:0.5em 0.5em 1em 1em;
      }
      
        .home .content img
        {
            margin:0 !important;
        }
        
        .home .content table img /* cms buttons */
        {
            margin:4px !important;
        }
        
      #main .content td address
      {
          margin:0.5em;
      }
      
      #main .content .contents-box
      {
          padding:0.5em 1em;
          margin:1em 0 2em 1.5em;
          background:#eef8ff;
          border:2px solid #ddeffb;
          color:#004fa7;
          float:right;
          width:150px;
      }
      
        #main .content .contents-box h2
        {
            color:#db7651;
            font-size:14px;
            margin:0 0 1em 0;
            padding:0;
            
        }
        
            #main .content .contents-box h2 a
            {
                color:#db7651;
                text-decoration:none;
            }
      
            #main .content .contents-box h2 a:hover
            {
                text-decoration:underline;
            }
            
        #main .content .contents-box ol
        {
            margin:0;
            margin-left:1.75em;
            padding:0;
        }
        
            #main .content .contents-box li
            {
                color:#555555;
                margin:0;
                margin-bottom:0.8em;
                line-height:1.1em;
                padding:0;
                font-size:11px;
            }
      
        #main .content .contents-box a
        {
            color:#3a966e;
        }
    
    #main .column{ /* column */
      float:left;
      width:160px;
      margin:15px 15px 0 25px;
    }
    
      #main .column h3{        
        border-bottom:1px solid #0d67aa;
        font-size:14px;
        font-weight:bold;
        color:#0d67aa;
      }
    
      /* #main .column .search{
        background:#d0edda;
        padding:2px;
        border:1px solid #abdabc;
      }
      
        #main .column .search .textbox{
          background:url(../images/icons/search.gif) right 1px no-repeat #ffffff;
          height:15px;
          padding:1px;
          border:1px solid #abdabc;
        }
        
          #main .column .search .textbox p{
            color:#555555;
            font-size:11px;
            margin:0;
            padding:0 0 0 3px;
          } */
      
          #main .column .box h3{
            margin:1em 0 0.8em 0;
            padding:0;
          }
      
        /* #main .column .news .box{
          border:1px solid #c3dce7;
          background:#ffffff;
          padding:5px 5px 5px 8px;
          margin:0;
          width:147px;
        } */
        
          #main .column .box ul
          {
              list-style-type: none;
              margin:0;
              padding:0;
          }
          
          #main .column .box li
          {
              font-size:10px;
              line-height:1.5em;
              margin:0 0 1.5em 0;
              padding:0;
              font-weight:bold; 
          }
        
          #main .column .box p{
            padding:0;
            margin:0 0 0.5em 0;
            font-size:11px;
            color:#555555;  
          }
          
          #main .column .box h4{
            padding:0;
            margin:0;
            font-size:12px;
            font-weight:bold;
            color:#3c80b2;
          }
          
          #main .column .box h5{
            padding:0;
            margin:0 0 0.5em 0;
            font-size:11px;
            font-weight:normal;
            color:#6e97ab;
          }
                    
      #main .column .videos{
        text-align:center;
      }
      
        #main .column .videos h3{
          text-align:left;
        }
        
/* footer *********************************************************************************************************/
        
#footer{   
  text-align:center;
  background:#59a685;
  border-top:1px solid #2b8e64;
  border-bottom:1px solid #2b8e64;
  clear:both;
  padding:0;
  margin:0;
}

  #footer .content{
    background:#3e9771;
    width:778px;
    margin:0 auto;
    border-left:1px solid #2b8e64;
    border-right:1px solid #2b8e64;   
    padding:11px 0;     
  }
  
    #footer .content p{
      color:#ffffff;
      font-size:11px;
      font-weight:bold;
      margin:0;
      padding:0;
    }
    
      #footer .content p a{
        color:#eef2db;
      }  
      
/* cms styles **********************************************************************************************/

.cmsBlockButtons img
{
    margin:4px !important;
}

.masthead .cmsPageSection
{
    width:auto !important;
}

/* event calendar *******************************************************************************/

    
.calendarContainer
{
	float:left;
}

.ledgerContainer
{
	float:right;
	margin:0px 0px 0px 10px;
}

.eventContainer
{
	width:540px;
}

.Calendar td{
	color:#555555 !important;
}

.Calendar .Calendar td{
	background:#537eba;
	color:#ffffff !important;
}

.DayName{
	color:#000000 !important;
}

.SelectedDay a{
	color:#537eba !important;
}

.TableData a{
	font-weight:bold;
}

.Header{
	font-size:1.5em !important;
	color:#4683C1 !important;
	padding-bottom:0.5em !important;
}

.Row .Label, .AltRow .Label{
	font-weight:bold !important; 
	color:#4683C1 !important;
}

/* .Net Menu Styles ************************************************************************************************/

.MenuItem, .MenuItemExpanded td{
  color:#ffffff;
background:#39976e;
}

.MenuItemHover, .MenuItemActive{
  	background:#39976e;
  	color:#ffffff; 
  	font-family: Arial, Helvetica, sans-serif; 
  	font-size:12px;
}

.MenuItem, .MenuItemOver{
  	cursor: pointer;
}

.MenuGroup{
	font-family: Arial, Helvetica, sans-serif; 
  	font-size:0.85em;
  	padding:0;
  	margin:0 auto 0 154px;
  	border-left:1px solid #2b8e64;
    color:#ffffff;
          
    cursor:pointer;
    
}

.MenuGroup td
{
    background:url(../images/nav/background_nav.jpg) 0px 0px #21885b;
    border-right:1px solid #2b8e64;
    color:#ffffff;
      font-weight:bold;
  text-decoration:none;
  font-size:14px;
  padding:0 6.5px;
        height:34px;
        text-align:center;
        
}

.MenuGroup td nobr
{
        padding:0.5em 0.65em;
}

.MenuGroup td:hover
{
    background:url(../images/nav/background_nav.jpg) 0px 34px #21885b;
}

.MenuItem td:hover
{
    text-decoration:underline;
    background:#39976e;
}

.MenuItem td, .MenuItemOver td{
	font-family: Arial, Helvetica, sans-serif; 
  	font-size:0.9em;
  	font-weight:bold;
  	background-color:#5fa486;
  	padding: 4px 20px 4px 15px;
	border-bottom:1px solid #2b8e64;
	border-left:1px solid #2b8e64;
	border-right:1px solid #2b8e64;
  	color:#ffffff;   	
  	cursor: pointer;
}