/* 	MidwestFire.com Index	*/
 	

/* UPPER BODY ELEMENTS */		


div#page {
	position: relative;
	width: 884px;
	margin: auto;
	margin-top: 10px;
	z-index: 0;
	
}

		/* Index Sliders */

		#slideshow-area, #slideshow-scroller {
 			 width: 884px;
 			 height: 395px;
  			 position: relative;
 			 overflow: hidden;
 			 margin: 0 auto;
 			 
		}

		#slideshow-area {
 			 border: 0px;
 			
		}

		#slideshow-holder {
			  height: 395px;
			  
		}
		
		#slideshow-previous, #slideshow-next {
 			 width: 23px;
 			 height: 43px;
 			 position: absolute;
 			 overflow: hidden;
 			 background: transparent url("../gfx/slide-left.png") no-repeat top;
  			 top: 172px;  			
  			 cursor: pointer;
  			
		}

		#slideshow-next {
 			display: block;
  			background: transparent url("../gfx/slide-right.png") no-repeat top;
  			top: 172px;
  			right: 0;
  			
		}
		#slideshow-previous:hover {
			background-position: bottom;
			}
		#slideshow-next:hover {
			background-position: bottom;
			}

			.slideshow-content {
 				 float: left;
 				 width: 883px;
			}
			.slideshow-content a {
				color: #8f000f;
				text-decoration: none;
				}
			.slideshow-content a:hover {
				color: #f20909;
				}
			.slideshow-content a:visited {
				color: #8f000f;
				}		
				
					/* SLIDER 1 */
					div#slide1 {
						width: 883px;
						height: 395px;
						overflow: hidden;
						margin: 0px;
						background: transparent url("../images/fire-trucks/fire-apparatus-pender-island.png") top no-repeat;
						
						}
						div#slide1 .content {
							margin-top: 45px;
							margin-left: 70px;
							width: 740px;
						
							}
							div#slide1 .content .leftTop {
								width: 620px;
								float: left;
								}
								div#slide1 .content .leftTop h1 {
									display: block;
									padding: 0px;
									margin: 0px;
									font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
									color: #583c3c;
									font-size: 2.2em;
									letter-spacing: -.10em;
								}
								
							div#slide1 .content .leftBottom {
								padding-top: 5px;
								width: 305px;
								float: left;
								font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
								font-size: .95em;
								line-height: 1.3em;
								text-align: justify;
								color: #583c3c; }
							div#slide1 .content .leftBottom span {
									display: block;
									clear: both;
									float: left;
									width: 300px;
									font-size: .9em;
									padding-left: 10px;
									padding-top: 5px;
									padding-bottom: 5px;
									font-style: italic;
									color: #583c3c;
									}
					
					
					/* SLIDER 2 */
					div#slide2 {
						width: 883px;
						height: 395px;
						overflow: hidden;
						background: transparent url("../images/fire-trucks/fire-tanker-manufacturer-valpraiso.png") top no-repeat;
						}
						div#slide2 .content {
							margin-top: 45px;
							margin-left: 70px;
							width: 740px;
							}
							div#slide2 .content .leftTop {
								width: 620px;
								float: left;
								}
								div#slide2 .content .leftTop h2 {
									display: block;
									padding: 0px;
									margin: 0px;
									font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
									color: #583c3c;
									font-size: 2.2em;
									letter-spacing: -.10em;
								}
								
							div#slide2 .content .leftBottom {
								padding-top: 5px;
								width: 330px;
								float: left;
								font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
								font-size: .95em;
								line-height: 1.3em;
								text-align: justify;
								color: #583c3c; }
							div#slide2 .content .leftBottom span {
									display: block;
									clear: both;
									float: left;
									width: 300px;
									font-size: .9em;
									padding-left: 10px;
									padding-top: 5px;
									padding-bottom: 5px;
									font-style: italic;
									color: #583c3c;
									}

						
						
					/* SLIDER 3 */
					div#slide3 {
						width: 883px;
						height: 395px;
						overflow: hidden;						
						background: transparent url("../images/fire-trucks/poly-elliptical-tanker-ptx.png") top no-repeat;
						}
						div#slide3 .content {
							margin-top: 55px;
							margin-left: 70px;
							width: 740px;
							}
							div#slide3 .content .leftTop {
								width: 620px;
								float: left;
								}
								div#slide3 .content .leftTop h2 {
									display: block;
									padding: 0px;
									margin: 0px;
									font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
									color: #583c3c;
									font-size: 2.2em;
									letter-spacing: -.10em;
								}
								
							div#slide3 .content .leftBottom {
								padding-top: 5px;
								width: 280px;
								float: left;
								font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
								font-size: 1em;
								line-height: 1.3em;
								text-align: justify;
								color: #583c3c; }
							div#slide3 .content .leftBottom span {
									display: block;
									clear: both;
									float: left;
									width: 270px;
									font-size: .9em;
									padding-left: 10px;
									padding-top: 5px;
									padding-bottom: 5px;
									font-style: italic;
									color: #583c3c;
									}


					
					/* SLIDER 4 */
					div#slide4 {
						width: 883px;
						height: 395px;
						overflow: hidden;	
						background: transparent url("../images/fire-trucks/pt2-tanker-pumper.png") top no-repeat;
						}
						div#slide4 .content {
							margin-top: 75px;
							margin-left: 70px;
							width: 740px;
							}
							div#slide4 .content .left {
								width: 463px;
								float: left;
								}
								div#slide4 .content .left h2 {
									display: block;
									padding: 0px;
									margin: 0px;
									font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
									color: #583c3c;
									font-size: 2.0em;
									letter-spacing: -.10em;
								}
							div#slide4 .content .right {
								padding-top: 10px;
								width: 265px;
								float: left;
								font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
								font-size: .95em;
								line-height: 1.3em;
								text-align: justify;
								color: #583c3c; }
						
							
							
					/* SLIDER 5 */
					div#slide5 {
						width: 883px;
						height: 395px;
						overflow: hidden;						
						background: transparent url("../images/fire-trucks/pt4-tanker-pumper.png") top no-repeat;
						}
						div#slide5 .content {
							margin-top: 65px;
							margin-left: 80px;
							width: 740px;
							}
							div#slide5 .content .left {
								width: 709px;
								float: left;
								font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
								font-size: .95em;
								line-height: 1.3em;
								text-align: justify;
								color: #583c3c;
								}
								div#slide5 .content .left h2 {
									display: block;
									clear: both;
									text-align: left;
									padding: 0px;
									margin: 0px;
									margin-bottom: 8px;
									font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
									color: #583c3c;
									font-size: 2.2em;
									letter-spacing: -.10em;
								}
					
					
					/* SLIDER 6 */
					div#slide6 {
						width: 883px;
						height: 395px;
						overflow: hidden;						
						background: transparent url("../images/fire-trucks/willard-fire-truck.png") top no-repeat;
						}
						div#slide6 .content {
							margin-top: 45px;
							margin-left: 70px;
							width: 740px;
							}
						div#slide6 .content .leftTop {
								width: 640px;
								float: left;
							
								
								}
								div#slide6 .content .leftTop h2 {
									display: block;
									padding: 0px;
									margin: 0px;
									font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
									color: #583c3c;
									font-size: 1.8em;
									letter-spacing: -.10em;
								}
								
							div#slide6 .content .leftBottom {
								padding-top: 5px;
								width: 300px;
								float: left;
								font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
								font-size: .95em;
								line-height: 1.3em;
								text-align: justify;
								color: #583c3c; }
							div#slide6 .content .leftBottom span {
									display: block;
									clear: both;
									float: left;
									width: 290px;
									font-size: .9em;
									padding-left: 10px;
									padding-top: 5px;
									padding-bottom: 5px;
									font-style: italic;
									color: #583c3c;
									}
									
									
					/* SLIDER 7 */
					div#slide7 {
						width: 883px;
						height: 395px;
						overflow: hidden;
						margin: 0px;
						background: transparent url("../images/fire-trucks/fire-rescue-pumper-frx2.png") top no-repeat;
						position: relative;
						}
					div#slide7 .content {
							margin-top: 55px;
							margin-left: 80px;
							width: 740px;
							}
							div#slide7 .content .left {
								width: 709px;
								float: left;
								font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
								font-size: 1em;
								line-height: 1.3em;
								text-align: justify;
								color: #583c3c;
								}
								div#slide7 .content .left h2 {
									display: block;
									clear: both;
									text-align: left;
									padding: 0px;
									margin: 0px;
									margin-bottom: 8px;
									font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
									color: #583c3c;
									font-size: 2.2em;
									letter-spacing: -.10em;
								}
								div#slide7 .content .left h3 {
									display: block;
									clear: both;
									text-align: left;
									padding: 0px;
									margin: 0px;
									margin-bottom: 8px;
									font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
									color: red;
									font-size: 1.5em;
									letter-spacing: -.10em;
								}
								div#slide7 .content a.fullHref {
									display: block;
								 	position: absolute; 
								 	top: 180px;
								 	left: 80px; 
								 	width: 709px;
								 	height: 160px;
								 	text-indent: -999em;
								 	overflow: hidden;
								}
					
							
						
					
					
						


/* END OF UPPER BODY ELEMENTS */





/* LOWER BODY ELEMENTS */


div#lowerBody {
	width: 884px;
	clear: both;
	margin: auto;
	margin-top: 10px;
	height: 252px;	}
	
	div#lowerBody #left {
		width: 444px;
		height: 250px;
		margin-right: 10px;
		float: left;
		padding: 0px;
		text-align: left;
		background-color: #000;

		}
		
	div#lowerBody #right {
		width: 430px;
		float: left;
		margin: 0px;
		padding: 0px;
		}
		
		div#lowerBody #right ul {
			padding: 0px;
			margin: 0px;
			}
			div#lowerBody #right ul li {
				display: block;
				clear: both;
				width: 429px;
				height: 81px;
				background: #000 url("../gfx/right-ad-bg.jpg") no-repeat top right;
				text-decoration: none;
				border: 0px;
				overflow: hidden;
				cursor: pointer;
				}
				div#lowerBody #right ul li:hover {
					background-position: bottom right;
					}
				div#lowerBody #right ul li#r-a-1 { margin-bottom: 4px; }
				div#lowerBody #right ul li#r-a-2 { margin-bottom: 4px; }
			div#lowerBody #right ul li .left {
				position: relative;
				padding-left: 40px;
				width: 190px;
				float: left;
				font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
				font-size: 1.5em;
				padding-top: 25px;
				margin: 0px;
				padding-bottom: 0px;
				height: 55px;
				color: #a7a7a7;
				}
			div#lowerBody #right ul li .right {
				position: relative;
				padding-top: 14px;
				height: 63px;
				width: 160px;
				float: left;
				font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
				font-size: .9em;
				color: #a7a7a7;
				margin: 0px;
				padding-bottom: 0px;
				text-align: justify;
				}
		div#lowerBody #right #slider {
				position: relative;
	 	 	 	overflow: hidden;
	  		 	height: 81px;
	  		 	width: 429px;
	  		 	
				background: #000 url("../gfx/right-ad-bg.jpg") no-repeat top right;
				margin-bottom: 4px;
			}
			#lowerBody #right #slider ul, #lowerBody #right #slider li {
				margin: 0;
				padding: 0;
				list-style: none;
				}
			div#lowerBody #right #slider li {
				width: 429px;
				height: 81px;
				}
			div#lowerBody #right #slider li p{
				padding-top: 15px;
				position: relative;
				width: 360px;
				height: 60px;
				padding-left: 40px;
				padding-right: 20px;
				font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
				font-size: 19px;
				line-height: 20px;
				color: #a7a7a7;
				text-align: left;
				overflow: hidden;
				clear: both;						
			}
			div#lowerBody #right #slider li:hover {
				background-position: top right;
				cursor: default;
				}
	

							

/* NEWS TICKER */
div#lowerBody #right #scrollup {
  position: relative;
  overflow: hidden;
  border: 0px;
  height: 81px;
  width: 429px;
  background: #000 url("../gfx/right-ad-bg.jpg") no-repeat top right;
  margin-bottom: 6px;
}
div#lowerBody #right #scrollup .headline {
  position: absolute;
  top: 91px;
  padding-top: 14px;
  padding-left: 40px;
  left: 5px;
  height: 67px;
  width:364px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
				font-size: 18px;
				line-height: 20px;
				color: #a7a7a7;
	

}

div#lowerBody #right #scrollup .headline a {
	color: #fff;
	text-decoration: underline;
	}
	div#lowerBody #right #scrollup .headline a:hover {
		color: orange;
		}





/* END LOWER BODY ELEMENTS */


#branding {
	display: block;
	width: 800px;
	margin: auto;
	margin-top: 8px;
	background: transparent;
	clear: both;
	text-align: center;
	}