/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	font-family:Verdana, Georgia, "Times New Roman", "Trebuchet MS", Arial;
	
}
h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
	}


/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body {background-color:#CCC;}
#main_wrapper {background-color:#FFF;}
#header {background: url(http://kearneyfirefighters.org/theme/kfa_banner_1.png) center;}
#sidebar1 {background-color:transparent;}
#content {background-color:#transparent;}
#sidebar2 {background-color:transparent;}
#footer {background-color:rgb(255,255,0);}

.red {color:#FF0000;}
.blue {color:#0000FF;}
.green {color:#00FF00;}
.yellow {color:#FFFF00;}

/* TEXT COLORS */
h1 {
	color:rgb(0,0,0);
	}
h2, h3, h4, h5 {
	color:#808073;
	}
h6 {
	color:#000000;
	}
p {
	color:#000;
	}
ul, ol, dl, blockquote, cite {
	color:rgb(0,0,0);
	}
/*#sidebar1 ul, #sidebar1 a {
	color:#FFF;
	}*/
table, form {
	color: rgb(1,1,1);
	}
a {
	color:#808073;
	}
a:hover, #sidebar1 a:hover {
	color:#000;
	}	
#footer p {
	margin:0;
	}

/* FONT SIZES */
body {font-size:1em;} /* DO NOT CHANGE - EFFECTS LAYOUT */

h1 {font-size:1.5em; /* 24pt */
	}
h2 {font-size:1.375em; /* 22pt */
	line-height:1.25;
	padding:.5em 0 0 0;	
	}
h3 {font-size:1.125em; /* 18pt */
	line-height:1.25;
	}
h4 {font-size:1.125em; /* 18pt */
	}
h5 {font-size:1em; /* 16pt */
	}
h6 {font-size:.875em; /* 14pt */
	}
p  {
	font-size:1em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
a {
	
	}
a:hover {
	text-decoration:none;
	}
.explain {font-size:0.8em;}

/* basic list styling - more-styled lists in list.css */
ul, dl, ol {
		margin:0 1em .75em 1em; /* lists without specific classes */
		line-height:1.5;}
li, dd {
		padding:0em 0; /* lists without specific classes */
		margin-left:2em;
		}
#sidebar1 ul, #sidebar1 dl, #sidebar1 ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#sidebar1 li {
	list-style-type:none;
	margin-left:0
	}
#sidebar2 ul, #sidebar2 dl, #sidebar2 ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#sidebar2 li {
	list-style-type:none;
	margin-left:0
	}		
dt {font-weight:bold;}

ul.disc {list-style:disc;}
ol.lower_alpha {list-style-type:lower-alpha;}
ol.upper_alpha {list-style-type:upper-alpha;}
ol.lower_roman {list-style-type:lower-roman;}
ol.upper_roman {list-style-type:upper-roman;}

code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */
	
cite {
	font-size:.85em;
	font-style:italic;
	}
blockquote {
	border-top:2px solid;
	border-bottom:2px solid;
	width:50%;
	margin:1em 0 1em 20%;
	padding:.3em 1em;
	}
blockquote p {
	margin-bottom:.1em;
	}
blockquote p:before { /* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#cccc8f;
}
blockquote p:after {  /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#366;
}
blockquote cite {
	font-size:.85em;
	}
abbr, acronym {
	border-bottom:1px dashed #000;
	cursor:default;
	}
address {
	margin:0 1em .75em 1em;
	}
img {
	border:0;
	}

/* * [ 3.2.4.Forms ] * */
#content_inner form h3 { 
	margin-top:.25em; 
	margin-bottom:.5em;
	}
#content_inner form h2 {
  margin-top: 2em;
  color: rgb(204,0,51);
  }
/* For Specific CSS modify: margins,border */
#content_inner form {
  /*float:left;*/
	width: 24em;
	padding:1em 0.75em 0.5em;
	}
#content_inner form .section_header {
	border-bottom:thin solid #000000;
}
#content_inner div.formsection {
	/*float:left;*/
	width:100%;
	margin:.5em 0;
	padding-bottom:.5em;
	}
#content_inner div.formsection h5 {
	font-style:oblique;
	border-bottom:1px solid #000000;
	margin-bottom:0.5em;
	}
#content_inner input { font-size:.85em; background:rgb(192,192,192); clear:both; }
#content_inner input:focus, #content_inner textarea:focus, #content_inner select:focus {
	border:2px solid #77AAAA;
	}
#content_inner label {
	display:block;
	clear:both;
	font-size:0.9em;
	font-weight:bolder;
	margin:.5em 0 0;
	padding-bottom:0.1em;
	}
#content_inner input[type="submit"] {
	margin:.5em 0;
	}

/* button group controls style for radio buttons and checkboxes */
#content_inner .buttongroup { float:left; }
#content_inner .buttongroup input {
	float:left;
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
	}

/* For Specific CSS modify: width, */
#content_inner .buttongroup label {
	background-color:none;
	float:left;
	width: 24em; 
	margin:0 0 0 .5em; /*creates spacing between checkboxes & between checkboxes and label */
	font-weight: normal; /* resets that inherited value of bold */
	clear:none;
	}
	
/* basic table styling  - more-styled tables in tables.css */
table caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
	}
table {
	margin: .3em 1em 1em 1em;
	border-top:1px solid #069;
	border-collapse:collapse;
	}
table th	{
	padding: .3em .5em .3em .5em;
	}
table td	{
	padding: .3em .5em .3em .5em;
	}

/* Dreamweaver Tables */
#content_inner table.dw_form {
	border-top:none;
	float:none;
	display:block;
	}
#content_inner table.dw_form{
	float:none;
	border-top:none;
	}
#content_inner table.dw_form td {
	padding:3px;
	border-bottom:none;
	}
#content_inner table.dw_form input:focus, #content_inner table.dw_form textarea:focus, #content_inner table.dw_form select:focus {
	border:2px solid #77AAAA;
	}
#content_inner table.dw_form input, #content_inner table.dw_form textarea, #content_inner table.dw_form select {
	background:#DADADA;	
	}

/* Temporary CSS */
.conv_VS
	{
	min-height:175px;
	}


/* Modules / Blocks */
.links, .info, .downloads, .alerts, .login, .menu_block {
	display:block;
	margin:.95em 0;
	padding:.5em;
}
/* Login */
div.login {
  font-size: .90em;
  color:#000000;
	background-color: #CACACA;
	border-top: 2px solid #444444;
	border-bottom: 2px solid #444444;
  }
div.login a, div.login a:hover {
  color: rgb(68,68,68);
  }
/* Menu Block */
div.menu_block h5 {
  color:rgb(128,128,128);
  }
div.menu_block {
	color:#000000;
	background-color: rgb(255,240,80);
	border-top: 2px solid #0000FF;
	border-bottom: 2px solid #0000FF;
	font-size:.8em;
	}
div.block_menu li, div.block_menu dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}
div.menu_block a, div.menu_block a:visited  {
  color: rgb(0,0,255);
	}
div.menu_block a:active {
  color: rgb(255,0,0);
}
div.menu_block a:hover {
  color: rgb(0,255,0);
	}
/* Links */
.links {
	color: #B79000;
	border-top: .188em solid #fde179;
	border-bottom: .188em solid #fde179;
	background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
	}
.links ul, .links ol, .links dl {
	margin:0;
	padding:0;
	}
.links li, .links dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}

/* Downloads */	
.downloads {
	color: #57861A;
	border-top: .188em solid #556B2F;
	border-bottom: .188em solid #556B2F;
	background: #BCED91;
	}
.downloads ul, .downloads ol, .downloads dl {
	margin:0;
	padding:0;
	}
.downloads li, .downloads dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}

/* Alerts */	
.alerts {
	color: #c00;
	border-top: .188em solid #8E2323;
	border-bottom: .188em solid #8E2323;
	background: #CD9B9B;
}
.alerts p {
	color: #C00;
  }
.alerts ul, .alerts ol, .alerts dl {
	margin:0;
	padding:0;
	}
.alerts li, .alerts dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}

/* Info */
.info {
	color: #0055BB;
	border-top: .188em solid #629de3;
	border-bottom: .188em solid #629de3;
	background: #D8E5F8;
	}
.info ul, .info ol, .info dl {
	margin:0;
	padding:0;
	}
.info li, .info dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}
	
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */
.no_float {float:none;}
.clearthefloats {clear:both; }
/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */