/* Clinton/St. Clair County Firemen's Association, Inc. */

/* Global Styles */

html, h1, h2, p {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	
	border: none;
	
}

body {
	font-family: Arial;
	font-size: 14px;
	/*background-color: #333333;*/
	/*background: url(images/dgrey.jpg);*/
	background: url(images/plaster_bg.gif);
	margin: 0;
	padding: 0;
	border: 0;
}

a:link, a:visited {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #000099;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: none;
}

hr {
    color: #000066;
	height: 0.5px;
}

li {
	
	padding-bottom: 10px;
	
}

a[href$=".pdf"] {
    background: url(images/icon_pdf.jpg) no-repeat right top;
    padding-right: 12px;
}

a[href$=".doc"] {
    background: url(images/icon_word_doc.jpg) no-repeat right top;
    padding-right: 12px;
}

a[href$=".xls"] {
    background: url(images/icon_xls.jpg) no-repeat right top;
    padding-right: 12px;
}

/*ul {
	list-style: none;
	margin: 0;
	padding: 0;
}*/

/* ID Styles */


#container {
	margin:		10px auto;
	padding:	0;
	width:		770px;
}

	#header {
		clear:		both;
		width:		100%;
		height: 150px;
		text-align:center;
	    border-top: 1px solid #000;
	    border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
	
	#navigation {
		float:		left;
		clear:		both;
		background: url(images/nav_bg.png) no-repeat;
		width:771px;
		height: 35px;
	}
	
	#columnContainer {
		background:#FFF;
		float:		left;
		clear:		both;
	    border: 1px solid #000;
		width:100%;
	}
	
		#centerCol {
			margin-left: 210px;
			margin-top: 20px;
			/*margin-right:180px;*/
			padding-top:	5px;
			border-width:	0 1px;
            width: 530px;
		}
		
#leftCol {
    clear: left;
    float: left;
    margin-top: 27px;
    padding-left: 12px;
    text-align: center;
    width: 180px;
	padding-bottom: 30px;
}
		
		#rightCol {
			float:		right;
			clear:		right;
			padding-top:	15px;
			min-height:250px;
			width:180px;
		}
		
		#rightcolumn p {
	        margin-top: 20px;
        }
		
		#centerCol h1 {
	        font-family: "Trebuchet MS";
	        font-size: 20px;
         	color: #000000;
	        padding-left:0px;
            padding-top: 10px;
	        /*background: url(images/h1_bg.jpg) 0 0 no-repeat;*/
	        margin-top: 2px;
	        /*height:29px;*/
	        /*width: 475px;*/
           }

        #centerCol h2 {
	        font-family: Arial;
         	font-size: 14px;
	        font-weight: bold;
	        color: #000066;
           }
			
	
	#footer {
	/*background: url(images/footer_bg.jpg);*/
	background-color: #7C0000;
	clear: both;
	width:100%;
    border-bottom: 1px solid #000;
	border-left: 1px solid #000;
    border-right: 1px solid #000;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	#footer p {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	padding: 3px;
}

#footer a:link {

	color: #ffffff;
    font-size: 13px;
	text-decoration: underline;
    font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer a:hover {

	color: #ffffff;
    font-size: 13px;
	text-decoration: none;
}

#footer a:visited {

	color: #ffffff;
    font-size: 13px;
    text-decoration: underline;
}

#sectionheading, ul.tabs li, ul.tabs li a:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#sectionheading {
    background: none repeat scroll 0 0 #7C0000;
    color: #FFFFFF;
    margin-top: 20px;
    height: 38px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}

#sectionheading h1 {
    padding-left: 20px;
    font-size: 20px;
    margin: 0.4em 0;
}

.heading, div.heading {
    width: 770px;
}

div.heading {
    float: left;
}

/* Search Results Styles */

.highlight { background: #FFFF40; }
.searchheading { font-size: 100%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }
.result_title { font-size: 100%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}

.zoom_searchform { font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}				
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
input.zoom_button {  }
input.zoom_searchbox {  }		
		
.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
.result_pages { font-size: 100%; }
.result_pagescount { font-size: 100%; }
		
.searchtime { font-size: 80%; }
		
.recommended 
{ 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
    margin-top: 15px; 
	margin-bottom: 15px; 
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}