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

/* Global Styles */

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

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

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

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: none;
}

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

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 */

#wrapper {
	width: 770px;
	/*background: url(images/innerwrapper_bg.jpg);*/
	margin:10px auto;
	text-align:left;
}

#header {
	/*border: 1px solid #000000;*/
}

#breadcrumbs {
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	width:770px;
	height:30px;
	left: 6px;
	top: 162px;
	background-color: #333333;
}

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

#breadcrumbs a:hover {
	text-decoration: underline;
}

#leftcolumn {
	margin-left: 0px;
	margin-top: 10px;
	width: 200px;
	float: left;
	/*background-image: url(images/leftcol_bg.jpg);*/
	/*background-color: #333333;*/
}

#leftcolumn_top {
	background-color: #FFFFFF;
	border: 2px solid #666666;
}

#leftcolumn_top h1 {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #000000;
	text-align: center;
	margin-top: 2px;
	margin-left: 0px;
}

#leftcolumn_top h2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}

#leftcolumn_bottom {
	background-color: #FFFFFF;
	border: 2px solid #666666;
}

#leftcolumn_bottom h1 {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #000000;
	text-align: center;
	margin-top: 1px;
	margin-left: 0px;
}

#leftcolumn_bottom h2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}

#rightcolumn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:205.9px;
	width: 558px;
	background-color: #FFFFFF;
	margin-top: 10px;
	border: 2px solid #666666;
}

#rightcolumn p {
	margin: 20px;
}

#rightcolumn h1 {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #000000;
	text-align: center;
	margin-top: 3px;
	margin-left: 0px;
}

#rightcolumn h2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}

#content {
	width: 500px;
	margin-left: 20px;
}

#content p {
	text-indent: .4in;
}

#content ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#content li {
	background: url(images/bullet.jpg) left top no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
}

#footer {
	border-left: 2px solid #666666;
    border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	background: url(images/footer_bg.jpg);
	clear: right;
	width: 558px;
	margin-left: 205.9px;
}

#footer p {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	padding: 3px;
}

/* Left-Column Navigation Styles */

#navigation {
  	width: 190px;
	background-color: #FFFFFF;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	border-bottom: 1px solid #000000;
}

#navigation li a {
	font-family: "Verdana";
	font-size: 14px;
	display: block;
	padding: 0.4em 0 0.4em 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #990000;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

#navigation li a:hover {
	background-color: #711515;
}

/* Top Navigation Styles */

#divNav {

width: 772px;
margin: 0;
padding: 0;

}

#ulNav {

display:table;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
padding: 0;
width: 772px;

}


#ulNav li {

display:table-cell;
float:left;
height:28px;
text-indent:-3000px;

}

#ulNav li a {

display:block;
height:28px;

}

#ulNav li a:hover {

	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;

}

#liHome a {

background-image: url(images/nav/btn_home.png);
width: 78px;

}

#liOfficers a {

background-image: url(images/nav/btn_officers.png);
width: 91px;

}

#liEmailContacts a {

background-image: url(images/nav/btn_email_contacts.png);
width: 142px;

}

#liObituaryListings a {

background-image: url(images/nav/btn_obituary_listings.png);
width: 144px;

}

#liForms a {

background-image: url(images/nav/btn_forms.png);
width: 75px;

}

#liBylaws a {

background-image: url(images/nav/btn_bylaws.png);
width: 87px;

}

#liFAQ a {

background-image: url(images/nav/btn_faq.png);
width: 69px;

}

#liContact a {

background-image: url(images/nav/btn_contact.png);
width: 85px;

}

/* 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;}