/* Lyons Fire Cascading Style Sheet v1.0 */
/* Created by Chris Cope 9-30-3 */

/* basic elements */

body {
	font: 10pt/12pt arial;
	color: #FFFF00;
	background: #000000 url(images/left-side.gif) repeat-y top left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
        }
p {
	margin-top: 0px;
        }
a:link {
	font-weight: bold;
	text-decoration: none;
	color: #b9ba0a;
	}
a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	}
a:hover, a:active {
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;
	}
h1 {
        font-size: 200%;
        }
h2 {
        font-size: 150%;
        }
h3 {
        font-size: 120%;
        }
/* divs */
#top-bar {
        background: #000000 url(images/top-bar85.gif) top left repeat-x;
        height: 85px;
	margin-left: 69px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 50px;
        }
#logo {
	background: transparent url(images/lion-plain-med.gif) no-repeat top left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: absolute;
	width: 165px;
	height: 155px;
	top: 0px;
	left: 0px;
	}
#name {
	background: transparent;
	position: absolute;
	height: 70px;
	top: 0px;
	left: 170px;
	text-align: left;
	padding-top: 25px;
	font-weight: 400;
	font-size: 200%;
	}
#location {
	background: transparent;
	position: absolute;
	height: 70px;
	top: 0px;
	right: 50px;
	text-align: right;
	padding-top: 25px;
	color: #FF0000;
	font-weight: 100;
	font-size: 150%;
	font-style: italic;
	}
#listbox {
	background: url(images/listbox.gif) repeat-y;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 130px;
	position: absolute;
	top: 200px;
	left: 20px;
	}
#listbox li {
	background: url(images/underline.gif) no-repeat bottom center;
	display: block;
	padding-bottom: 5px;
	margin-top: 5px;
	list-style-type: none;
	}	
#listbox ul {
	display: block;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	}	

#main {
	position: absolute;
	top: 100px;
	left: 200px;
	text-align: left;
	padding-right: 20%;
	}		

#address {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5;
	padding-bottom: 5%;
	background: #666666;
        color: #FFFFFF;
        width: 25%;
        height: 10%;
	margin-bottom: 5%;
}
#phone {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5;
	padding-bottom: 5%;
	background: #666666;
        color: #FFFFFF;
        width: 40%;
        height: 10%;
	position: absolute;
	top: 0px;
	right: 100px;
}
#intro {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5;
	padding-bottom: 5%;
        width: 80%;
}
#services {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5;
	padding-bottom: 5%;
        width: 80%;
}
#officers {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5;
	padding-bottom: 5%;
        width: 80%;
}
#vehicles {
	margin-bottom: 100px;
}