@charset "utf-8";
/* CSS Document */
body{
	background:url(https://www.cityofcapegirardeau.org/images/top_bg.jpg) top left repeat-x #3b6891;
	margin:0;
	color: #333333;
    font-family: arial;
    font-size: 13px;
	padding:0;}
h1{ color: #FFFFFF;
    font-size: 20px;
    margin: 0;
    padding: 0 0 0 18px;}
h2{ color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px;
    text-transform: uppercase;}
h3{ color: #000000;
    font-size: 12px;
    font-weight: bold;
	margin-top:0;
    margin-bottom: 3px;}
#watermark{
	background:url(https://www.cityofcapegirardeau.org/images/bg.jpg) no-repeat top center #3b6891;
	height:auto;
	width:1150px;
	margin:0 auto;}
#watermarkmobile{
	background:url(https://www.cityofcapegirardeau.org/images/bg.jpg) no-repeat top left #3b6891;
	height:auto;
	width:750px;
	margin:0 auto;
}
#wrapper{
	height:auto;
	width:980px;
	margin:0 auto;}
#wrappermobile{
	height:auto;
	width:580px;
	margin:0 auto;}
#header_inner{
	/*background:url(https://www.cityofcapegirardeau.org/images/Cape_index_final_02.jpg);*/
	height:342px;
	width:100%;
	margin:0 auto;}
#header{
	/*background:url(https://www.cityofcapegirardeau.org/images/Cape_index_final_02.jpg);*/
	height:600px;
	width:100%;
	margin:0 auto;}
#headermobile{
	/*background:url(https://www.cityofcapegirardeau.org/images/Cape_index_final_02.jpg);*/
	width:100%;
	margin:0 auto;}
#header_top{
	/*width:980px;*/
	height:115px;}
#header_btm{
	background:url(https://www.cityofcapegirardeau.org/images/menu_bg.jpg) bottom center no-repeat;
	width:980px;
	height:47px;}
#header_btmmobile{
	background:url(https://www.cityofcapegirardeau.org/images/menu_bg.jpg) bottom center no-repeat;
	width:580px;
	height:47px;}
#nav {
    float: right;
    height: 47px;
    margin-right: 40px;
    width: 790px;
}
#logo{
	 background: url("https://www.cityofcapegirardeau.org/images/logo.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 162px;
    margin-left: 23px;
    width: 112px;}
#logo_txt {
    background: url("https://www.cityofcapegirardeau.org/images/logo_txt.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 42px;
    margin: 51px 0 0 7px;
    width: 435px;
}
#top_left{
	padding-right: 10px;
    float: right;
    height: 95px;
    padding-top: 10px;
    width: 266px;}
.toplinks{
	color:#9ee5ff;
	font-weight:bold;
	font-size:12px;
	margin-top: 48px;
    text-align: right;
}
.toplinks a{color:#9ee5ff; text-decoration:none;}
.toplinks a:hover{color:#9ee5ff; text-decoration:underline;}
.sep{ color:#fff; padding:0 8px}
.textselect{
	height: 25px; 
	color:#fff; 
	font-weight:bold;}
.text_size{
	float:left;}
.lang_select{
	float:right;}
.in {
    border: 0 none;
    color: #999999;
    font-family: arial;
    font-size: 11px;
    height: 14px;
    margin-right: -2px;
    padding: 5px;
    width: 144px;
}
#search{
	float: right;
    padding-top: 10px;}
#banner{
	background:url(https://www.cityofcapegirardeau.org/images/banner_bg.jpg) repeat-x top left;
	height:438px;
	width:960px;
	margin:0 auto;}
#bannermobile{
	background: repeat-x top left #ffffff;
	width:580px;
	margin:0 auto;

}
#banner_inner{
	height:180px;
	width:980px;}
#banner p{
	color: #FFFFFF;
    margin: 0;
    padding: 0 0 0 18px;
	}
#banner img{ margin:10px;}

#content {
    background:url(https://www.cityofcapegirardeau.org/images/content_body.png) repeat-y top center;
    margin-bottom: 0;
    /*overflow: auto;*/
    width: 100%;
	overflow:hidden;
}
#sidebar{
	/*background:url(https://www.cityofcapegirardeau.org/images/sidbar_bg.jpg) repeat-y left center; margin: 10px;*/
    float: left;
    width: 245px;
	display: inline;
   
    padding: 0;}
#sidebar ul{ 
	list-style: none;
    padding: 0 18px;}
#sidebar li{ 
	color: #666666;
	line-height: 18px;
    list-style: disc outside url("https://www.cityofcapegirardeau.org/images/bullet.jpg");}
#sidebar_txt{
	color: #333333;
    font-size: 12px;
    padding: 0 15px 10px 20px;}
#sidebar li a{ 
	color: #666666; text-decoration:none;}
#sidebar li a:hover{ 
	color: #666666; text-decoration:underline;}
#sidebar .title{
	border-bottom: 1px solid #C8C8C8;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 18px;
    text-transform: uppercase;}
#cape_connet{
	background:url(https://www.cityofcapegirardeau.org/images/connect.jpg) no-repeat;
	height:239px;
	width:245px;}
#cape_connet .btn{margin: -10px 36px 0;}
#cape_connet .txt{ 
	color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 73px 15px 15px 24px;}
#poll{
	background: url("https://www.cityofcapegirardeau.org/images/poll_bg.jpg") no-repeat scroll 0 0 transparent;
    height: 166px;
    width: 245px;}
#right{
    /*margin-left: 245px;
    padding-left: 15px;*/
    display: inline;
    float: left;
    padding: 0 0 23px 11px;
    position: relative;
    width: 715px;}
#right_inner{
    margin-left: 245px;
    padding-left: 15px;}
#right .para{ 
	padding: 20px 8px 7px 4px;}
#right .title{
	font-family:Georgia;
	font-size:26px;
	color:#000;}
#blue_box{  margin-right: 10px;}
#column li a{color: #666666; text-decoration:none;}
#column li a:hover{color: #000; text-decoration:underline;}
#column { 
	color: #666666;
    float: left;
    margin-right: 17px;
    padding-left: 14px;
    width: 200px;}
#column ul{ list-style:none; margin:0; padding:0;} 
#column li{ line-height:22px}
#column h3{ color:#003566; font-size:14px; text-transform:uppercase; border-bottom:1px solid #003566;}
#blue_box_top{
	background:url(https://www.cityofcapegirardeau.org/images/box_top.jpg) no-repeat top center;
	width:700px;
	height:19px;
	margin:0 auto;}
#blue_box_mid{
	background:url(https://www.cityofcapegirardeau.org/images/box_bg.jpg) repeat-y left center;
	height: auto;
   	margin: -15px auto 0;
    min-height: 500px;
    width: 700px;}
#blue_box_btm{
	background:url(https://www.cityofcapegirardeau.org/images/box_btm.jpg) no-repeat top center;
	width:700px;
	height:19px;
	margin:0 auto;}
#row1, #row2, #row3, #row4{
    margin-top: 15px;
    min-height: 130px;
    padding-bottom: 10px;}
#breadcrumb{
	color: #FFFFFF;
    padding-top: 9px;}
#breadcrumb a{
	color: #FFFFFF; text-decoration:none}
.brc1{
	background:url(https://www.cityofcapegirardeau.org/images/brc1.jpg) no-repeat top right;
	height: 21px;
    	padding-top:3px;
	padding-bottom:3px;
    	padding-right:15px;
	padding-left:10px;
    	width: 171px;}
.brc2{
	background:url(https://www.cityofcapegirardeau.org/images/brc2.jpg) no-repeat top right;
	background-color: #b6b6b6;
	height: 21px;
    	margin-left: 0px;
	padding-top:3px;
	padding-bottom:2px;
    	padding-right:15px;
	padding-left:10px;
    	width: 171px;}
.brc3{
	background:url(https://www.cityofcapegirardeau.org/images/brc3.jpg) no-repeat top right;
	background-color: #6f6f6f ;
	height: 21px;
    	margin-left: 0px;
	padding-top:3px;
	padding-bottom:2px;
    	padding-right:15px;
	padding-left:10px;
    	width: 171px;}
.brc4{
	background:url(https://www.cityofcapegirardeau.org/images/brc4.jpg) no-repeat top right;
	background-color: #b6b6b6 ;
	height: 21px;
    	margin-left: 0px;
	padding-top:3px;
	padding-bottom:2px;
    	padding-right:15px;
	padding-left:10px;
    	width: 171px;}
.brc5{
	background:url(https://www.cityofcapegirardeau.org/images/brc5.jpg) no-repeat top right;
	background-color: #6f6f6f ;
	height: 21px;
    	margin-left: 0px;
	padding-top:3px;
	padding-bottom:2px;
    	padding-right:15px;
	padding-left:10px;
    	width: 171px;}
#text_content{
	float: left;
    width: 460px;
	}
#text_content img{ padding:5px; float:left}
#text_content .para{ 
	padding-bottom: 5px;
    padding-top: 16px;}
#text_content p{
	padding:0; margin:3px; text-align:justify}
#text_content .title{
	font-family:Georgia;
	font-size:26px;
	color:#cc0000;}
#text_content .more{color:#cc0000;}
#text_content .more a{color:#cc0000; text-decoration:none}
#text_content .more a:hover{color:#cc0000; text-decoration:underline}

#text_content_inner{
	float: left;
    width: 465px;}
#text_content_inner img{ padding:5px; float:left}
#text_content_inner .para{ 
	padding-bottom: 5px;
    padding-top: 25px;}
#text_content_inner p{
	line-height: 18px;
    margin: 3px;
    padding: 10px 0 0;
    text-align: justify;}
#text_content_inner .title{
	font-family:arial;
	font-size:22px;
	color:#000;}
#text_content_inner .more{color:#cc0000;}
#text_content_inner .more a{color:#cc0000; text-decoration:none}
#text_content_inner .more a:hover{color:#cc0000; text-decoration:underline}


#text_content_inner2{
	float: left;
    width: 695px;}
#text_content_inner2REMOVED img{ padding:5px; float:left}
#text_content_inner2 .para{ 
	padding-bottom: 5px;
    padding-top: 25px;}
#text_content_inner2REMOVED p{
	line-height: 18px;
    margin: 3px;
    padding: 10px 0 0;
    text-align: justify;}
#text_content_inner2 .title{
	font-family:arial;
	font-size:22px;
	color:#000;}
#text_content_inner2 .more{color:#cc0000;}
#text_content_inner2 .more a{color:#cc0000; text-decoration:none}
#text_content_inner2 .more a:hover{color:#cc0000; text-decoration:underline}





#right_bar{
	float: right;
    width: 230px;}
#right_bar p{
	color:#666;
	padding:0 5px 0 0; 
	margin:3px; 
	text-align:justify}
#right_bar .more{color:#cc0000;}
#right_bar .more a{color:#cc0000; text-decoration:none}
#right_bar .more a:hover{color:#cc0000; text-decoration:underline}
#right_bar ul{ 
	list-style: none;
    padding: 0 18px;}
#right_bar li{ 
	color: #666666;
	line-height: 18px;
    list-style: disc outside url("https://www.cityofcapegirardeau.org/images/bullet_white.jpg");}
#right_bar li a{ 
	color: #666666;
	text-decoration:none}
#right_bar li a:hover{ 
	color: #666666;
	text-decoration:underline}
#right_bar .title{
	border-bottom: 1px solid #3B6891;
    color: #003566;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 30px;
    text-transform: uppercase;}
#right_bar .calednder_title{
    color: #003566;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;
    padding-top: 18px;
    text-transform: uppercase;}


#footer .sep {
    color: #143155;
    padding: 0 4px;
}
#social{  
	float: right;
    padding: 23px 11px 11px;
    position: inherit;
    top: 0;}
/*--fb---*/	
#fbicon{
  display: block;
  width: 54px;
  height: 54px;
  background:url(https://www.cityofcapegirardeau.org/images/fb.jpg) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#fbicon:hover{ 
  width: 54px;
  height: 54px;
  background:url(https://www.cityofcapegirardeau.org/images/fb_h.jpg) no-repeat;}

#fbicon span{
  display: none;}
/*--twittericon---*/	
#twittericon{
  display: block;
  width: 54px;
  height: 54px;
  background:url(https://www.cityofcapegirardeau.org/images/twitter.jpg) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#twittericon:hover{ 
  width: 54px;
  height: 54px;
  background:url(https://www.cityofcapegirardeau.org/images/twitter_h.jpg) no-repeat;}

#twittericon span{
  display: none;}
/*--rssicon---*/	
#rssicon{
  display: block;
  width: 54px;
  height: 54px;
  background:url(https://www.cityofcapegirardeau.org/images/rss.jpg) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#rssicon:hover{ 
  width: 54px;
  height: 54px;
  background:url(https://www.cityofcapegirardeau.org/images/rss_h.jpg) no-repeat;}

#rssicon span{
  display: none;}
/*--emailicon---*/	
#emailicon{
  display: block;
  width: 54px;
  height: 54px;
  background:url(https://www.cityofcapegirardeau.org/images/email.jpg) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#emailicon:hover{ 
  width: 54px;
  height: 54px;
  background:url(https://www.cityofcapegirardeau.org/images/email_h.jpg) no-repeat;}

#emailicon span{
  display: none;}

.footer_left_txt{
	color: #FFFFFF;
    	width:675px;
	float:left;}
.footer_left_txt a{
	color: #FFFFFF; text-decoration:none;}
.footer_left_txt a:hover{
	color: #FFFFFF; text-decoration:underline;}

.footer_contact{ 
	color: #829CBD;
	line-height:20px;
    padding: 2px 0 10px 30px}
	position:relative;
	top: -90px;
	left:-40px;
/*--sidebar_menu---*/

.menu_list {	
	width: 220px;
}
.menu_head {
	color:#666;
	font-size:12px;
	padding: 5px 15px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
    background:url(right.jpg) center left no-repeat;
}
.menu_body {
	color:#666;
	font-size:12px;
	font-weight:normal;
	display:none;
}
.menu_body a{
	color:#666;
	font-size:12px;
	font-weight:normal;
	display:block;
	
	padding-left:25px;
	text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }
 #box{
	 background:#f1f0f0;
	 height:auto;}

.menu_body{
	background-color:#FFF;	
}

#footer{
	background: #143155;
    clear: both;
    height: 159px;
    margin: 0 auto;
    width: 960px;
	position: relative;
	margin-top: -159px; /* negative value of footer height */
	}


#footermobile{
	background: #143155;
    clear: both;
    height: 149px;
    margin: 0 auto;
    width: 580px;
	position: relative;
	
	}
html, body {height: 100%;}

#watermark {min-height: 100%;}

#watermarkmobile {min-height: 100%;}

#wrapper {overflow:auto;padding-bottom: 159px;} 

  
  
.clear {
    background: none repeat scroll 0 0 transparent;
    clear: both;
}
	
.departments {
	position: relative; 
	width: 890px; 
	background: none repeat scroll 0% 0% white; 
	top: -2px; 
	padding: 5px; 
	left: -125px; 
	border: 5px solid gray;
	z-index:999;
}


.services {
	position: relative; 
	width: 480px; 
	background: none repeat scroll 0% 0% white; 
	top: -2px; 
	padding: 5px; 
	left: -220px; 
	border: 5px solid gray;
	z-index:999;
}


.about {
	position: relative; 
	width: 480px; 
	background: none repeat scroll 0% 0% white; 
	top: -2px; 
	padding: 5px; 
	left: -215px; 
	border: 5px solid gray;
	z-index:999;
}

.brc2, .brc3, .brc5 {
height: 20px;
padding: 0px 15px 0px 10px;
width: auto;
display: inline-block;
float: left;
line-height: 20px;
}


