html
		{
		margin: 0px;
		padding: 0px;
		}
		
body
		{
		margin: 0px;
		padding: 0px;
		color: #000;
		background: #81a2c3 url('./../images/body_bg.gif') top left repeat-x;
		}
		
a.external
		{
		margin: 0px;
		padding: 0px;
		}
		
form, fieldset, img
		{
		border: 0px none;
		margin: 0px;
		padding: 0px;
		}

#wrapper
		{
		text-align: center;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: auto;
		}
		
#bottom_left_bg
		{
		background: transparent url('./../images/bottom_left_flame.jpg') bottom left no-repeat;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: auto;
		}
		
#bottom_right_bg
		{
		background: transparent url('./../images/bottom_right_flame.jpg') bottom right no-repeat;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: auto;
		}
	
#shell
		{		
		background: transparent;
		margin: 0px auto;
		padding: 0px;
		width: 1005px;		
		min-height: 1080px;
  		height: auto !important;
  		height: 1080px;
		}
		
#container
		{		
		margin: 0px;
		padding: 0px;
		width: 1005px;		
		min-height: 840px;
  		height: auto !important;
  		height: 840px;
		}
		
html>body #container
		{
		background: transparent url('./../images/container_bg.png') top left repeat-y;
		}

/* BEGIN TOP PORTION */
		
#top
		{
		background: #484848;
		border-bottom: 3px solid #8b8b8b;
		margin: 0px auto;
		padding: 0px;
		width: 969px;
		height: 36px;
		}	
		
#top_nav
		{
		width: 600px;
		height: 26px;
		float: left;
		display: block;
		overflow: hidden;
		margin: 0px;
		padding: 10px 0px 0px 10px;
		}
		
#top_nav ul
		{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		}
		
#top_nav li
		{
		background: transparent url('./../images/top_nav_li_bg.gif') center left no-repeat;
		float: left;
		display: block;
		overflow: hidden;
		margin: 0px;
		padding: 0px 10px 0px 10px;
		}
		
#top_nav li a
		{
		color: #fff;
		font-family: arial, verdana, helvetica, garamond;
		font-size: 12px;
		line-height: 12px;
		font-weight: bold;
		text-decoration: none;
		}
		
#site_search
		{
		width: 300px;
		height: 31px;
		float: right;
		display: block;
		overflow: hidden;
		margin: 0px;
		padding: 5px 10px 0px 0px;
		}
		
#site_search input#search
		{
		border: 1px solid #363636;
		background: #fff url('./../images/search_bg.gif') top left repeat-x;
		margin: 0px;
		padding: 5px 0px 0px 5px;
		width: 150px;
		height: 17px;
		color: #000;
		font-family: arial, verdana, helvetica, garamond;
		font-size: 12px;
		line-height: 12px;
		font-weight: normal;
		text-decoration: none;
		}		
		
#site_search input#submit
		{
		border: 1px solid #363636;
		background: #fff;
		margin: 0px;
		padding: 1px;
		color: #000;
		font-family: arial, verdana, helvetica, garamond;
		font-size: 12px;
		line-height: 12px;
		font-weight: normal;
		text-decoration: none;
		}		
		
/* END TOP PORTION */		
		
#middle
		{
		background: #9d9d9c url('./../images/homepage_middle_bg.jpg') top left repeat-x;
		margin: 0px auto;
		padding: 0px;
		width: 969px;
		min-height: 822px;
  		height: auto !important;
  		height: 822px;
		}
		
#kcfd_title
		{
		margin: 0px auto;
		padding: 15px 0px;
		width: 930px;
  		height: 39px;
		border-bottom: 1px solid #fff;
		}
		
#nav
		{
		text-align: left;
		float: left;
		display: block;
		overflow: hidden;
		padding: 0px 0px 10px 0px;
		width: 230px;
  		height: 307px;	
		border-bottom: 1px solid #8b8b8b;
		}	
		
html>body #nav
		{
		margin: 10px 0px 0px 20px;
		}
		
#nav ul
		{
		margin: 0px;
		padding: 0px;
		width: 230px;
  		height: 307px;
		list-style-type: none;
		}
		
#nav li
		{		
		display: block;
		width: 230px;
		height: 35px; 
		margin: 4px 0px 0px 0px;
		padding: 0px;
		background: #8b2926;
		}
		
#nav li a
		{	
		padding: 0px 0px 0px 25px;
		width: 205px;
		height: 35px; 	
		display: block;
		background: transparent;
		color: #fff;
		font-family: arial, verdana, helvetica, garamond;
		font-size: 12pt;
		line-height: 30pt;
		font-weight: normal;
		text-decoration: none;
		}	
		
#nav li a:hover, #nav li a:active
		{
		width: 230px;
		height: 35px; 
		display: block;
		background: #0b1479;
		}
		
#masthead
		{
		float: left;
		display: block;
		overflow: hidden;
		margin: 0px;
		padding: 10px 0px 10px 6px;
		width: 694px;
  		height: 307px;		
		border-bottom: 1px solid #8b8b8b;
		}
				
#content
		{
		text-align: left;
		margin: 0px auto;
		padding: 20px;
		width: 926px;
		height: auto;
		}
			
.flood_report_box
		{
		float: left;
		display: block;
		overflow: hidden;
		padding: 0px;
		margin: 0px 0px 0px 22px;
		width: 279px;
  		height: 172px;		
		}
		
html>body #box1
		{
		background: transparent url('./../images/box1.png') top left no-repeat;
		}
		
html>body #box2
		{
		background: transparent url('./../images/box_chief.png') top left no-repeat;
		}
		
html>body #box2.socialmedia
		{
		background: transparent url('./../images/box_socialmedia.png') top left no-repeat;
		width: 239px;
  		height: 119px;	
		
		padding-left: 40px;
		padding-top: 53px;
		}
		
html>body .socialmedia .facebook
		{
		margin-right: 12px;
		}
		
html>body .socialmedia .twitter
		{
		position: relative;
		top: -15px;
		}
		
html>body .socialmedia a
		{
		outline: none;
		}		
		
html>body #box3
		{
		background: transparent url('./../images/box3.png') top left no-repeat;
		}
		
#news_box
		{
			position: relative;
		background: transparent url('./../images/news_box_bg.gif') top left no-repeat;
		float: left;
		display: block;
		overflow: hidden;
		margin: 10px 0px 0px 0px;
		padding: 0px;
		width: 460px;
  		height: 195px;	
		}
		
#incidents_box
		{
			position: relative;
		background: transparent url('./../images/incidents_box_bg.gif') top left no-repeat;
		float: left;
		display: block;
		overflow: hidden;
		margin: 10px 0px 0px 5px;
		padding: 0px;
		width: 460px;
  		height: 195px;	
		}
		
#news_box h1, #incidents_box h1
		{
		padding: 15px 0px 20px 20px;	
		margin: 0px;	
		background: transparent;
		color: #fff;
		font-family: arial, verdana, helvetica, garamond;
		font-size: 24px;
		line-height: 20px;
		font-weight: normal;
		text-decoration: none;
		text-transform: capitalize;
		}
		
#news_box h1 a, #incidents_box h1 a
		{
		
		padding: 0px;	
		margin: 0px;	
		background: transparent;
		color: #fff;
		font-family: arial, verdana, helvetica, garamond;
		font-size: 24px;
		line-height: 20px;
		font-weight: normal;
		text-decoration: none;
		text-transform: capitalize;
		}
#news_box h1 span a, #incidents_box h1 span a {
		position: absolute;
		top: 13px;
		right: 15px;
		background: url(../images/rss.png) no-repeat;
		width: 25px;
		height: 25px;
		text-indent: -9999px;
		display: block;
		}
		
#news_box p, #incidents_box p
		{
		padding: 0px 0px 0px 20px;		
		margin: 0px;
		background: transparent;
		color: #fff;
		font-family: arial, verdana, helvetica, garamond;
		font-size: 12px;
		line-height: 14px;
		font-weight: normal;
		text-decoration: none;
		}
		
#news_box a, #incidents_box a
		{
		padding: 0px;	
		margin: 0px;	
		background: transparent;
		color: #84a5c4;
		font-family: arial, verdana, helvetica, garamond;
		font-size: 12px;
		line-height: 16px;
		font-weight: normal;
		text-decoration: none;
		}
		
#news_box p.entire_story, #incidents_box p.entire_story
		{
		float: right;
		display: block;
		overflow: hidden;
		padding-right: 20px;
		margin-top: -16px;
		}
		
#news_box p.story_title, #incidents_box p.story_title
		{
		padding-top: 3px;
		}
		
/* END MIDDLE PORTION */		
	
		
#bottom
		{
		text-align: left;
		margin: 0px auto;
		padding: 0px;
		width: 999px;
		height: 86px;
		}	
		
html>body #bottom
		{
		background: transparent url('./../images/homepage_bottom.png') top left no-repeat;
		}
		
#kcfd_small_logo
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 138px;
		height: 25px;
		margin: 38px 0px 0px 0px;
		padding: 0px 30px 0px 70px;
		}		
		
#bottom_nav
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 650px;
		height: auto;		
		padding: 0px 0px 0px 30px;
		border-left: 1px solid #cccccc;
		}
		
html>body #bottom_nav
		{
		margin: 40px 0px 0px 0px;
		}
		
#bottom_nav ul
		{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		}
		
#bottom_nav li
		{
		border-left: 1px solid #cccccc;
		float: left;
		display: block;
		overflow: hidden;
		width: auto;
		height: 14px; 
		margin: 5px 0px 0px 0px;
		padding: 0px;
		}
		
#bottom_nav li a
		{	
		width: auto;
		height: auto; 
		padding: 0px 5px 0px 5px;
		display: block;
		background: transparent;
		color: #cccccc;
		font-family: arial, verdana, helvetica, garamond;
		font-size: 10px;
		line-height: 12px;
		font-weight: bold;
		text-decoration: none;
		}
		
#footer
		{
		width: 900px;
		height: 30px;
		margin: 15px 0px 0px 40px;
		padding: 0px;
		}
		
#footer p, #footer a
		{	
		padding: 0px;
		margin: 0px;
		background: transparent;
		color: #464646;
		font-family: arial, verdana, helvetica, garamond;
		font-size: 10px;
		line-height: 12px;
		font-weight: bold;
		text-decoration: none;
		}
	
/* END BOTTOM PORTION */		
		
.first-child
		{
		background: transparent !important;
		border: 0px none !important;
		}	
		
.first-child-top
		{
		width: 70px !important;
		}	
		
.clear
		{
		clear: both;
		height: 1px;
		overflow: hidden;
		line-height: 1%;
		font-size: 0px;
		margin-bottom: -1px;
		}

* html .clear
		{
		height: auto;
		margin-bottom: 0;
		}