/* Fire Department Internet CSS
Matt Larkin Nov 2011
*/

* { margin:0; padding:0; } /*remove default padding and margings */

/* main layout */

#wrapper {
	margin: 0 auto;
	padding: 20px 0;
	width: 1024px;
	z-index: 100;
	}

#header {margin-bottom: 1em;}
#title {margin: auto; width: 850px; z-index:20;}
#title h1 {display:table-cell; 
	text-align:center;
	vertical-align:middle; 
	color: #FFBD63; 
	font-family: Palatino Linotype, sans-serif; 
	font-size: 2.5em;
	font-weight: 600;}
.logo {display: table-cell;}

#footer {clear:both; text-align:center; padding: 0em; margin: 1em;}
/*#footer p {padding: .2em; margin: 0em; font-size:.9em; color: #FFFFFF;}
*/

#content {margin-bottom: 1em; 	margin-top: 1em; font-family: Verdana, Geneva, sans-serif; clear: both;}
	
#bg_containers {width:100%; margin:0; z-index: -1;}
#bg_containers:hover {width:auto; z-index: 10;}
#bg_containers div {width:100%; min-height: 660px; margin:-1; overflow:hidden;}
#bg_containers .bg1 {background:url(../images/backgrounds/1.jpg) no-repeat; background-position:center}
#bg_containers .bg2 {background:url(../images/backgrounds/2.jpg) no-repeat; background-position:center}
#bg_containers .bg3 {background:url(../images/backgrounds/3.jpg) no-repeat; background-position:center}
#bg_containers .bg4 {background:url(../images/backgrounds/4.jpg) no-repeat; background-position:center}
#bg_containers .bg5 {background:url(../images/backgrounds/5.jpg) no-repeat; background-position:center}
#bg_containers .bg6 {background:url(../images/backgrounds/6.jpg) no-repeat; background-position:center}
#bg_containers .bg7 {background:url(../images/backgrounds/7.jpg) no-repeat; background-position:center}
#bg_containers .bg8 {background:url(../images/backgrounds/8.jpg) no-repeat; background-position:center}
#bg_containers .bg9 {background:url(../images/backgrounds/9.jpg) no-repeat; background-position:center}

/* standard elements */
a {text-decoration:none;}
a img {border:none;}
td {font-size:.9em; padding-right: 1em;}
h1 {font-family:Geneva, sans-serif; font-size: 1.3em; letter-spacing: .2em;}
h1, h2, h3, h4 {margin-top: .5em;}
p {padding-bottom: .5em;}
ol {margin-left: 1.5em;}
dt {font-weight: bold; margin-top: .5em;}
dd {margin-left: .6em;}

/* common classes */
.right {float:right;}
.left {float: left;}
.photo {display: block; margin-left: auto; margin-right: auto; padding-left: 1em;}
.caption {text-align:center; margin-top: 0;}
.picIcon {margin-right: -6px; margin-top: -4px;}
.pop_image {width: 150px; padding: .5em;}
.pop_image:hover {width:auto;}

/* appends image to corner of div; combine with "right" class */
.corner {z-index: 1; margin-top: -10px; margin-right: -20px;}
.faroffset {z-index: 1; margin-top: -20px; margin-right: -50px;}

/*
.links {padding: .5em; width: 34%;}

.links ul {
	list-style:none;
	padding: .3em;
	margin: 0;
	font-size: 1em;
	-webkit-border-bottom-left-radius: 8px;
   -moz-border-bottom-left-radius: 8px;
   border-bottom-left-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
   -moz-border-bottom-right-radius: 8px;
   border-bottom-right-radius: 8px;
	}
.links h2 {margin: 0; font-size: 1.2em; padding: .2em .5em;
	font-weight:normal;
	-webkit-border-top-left-radius: 8px;
   -moz-border-top-left-radius: 8px;
   border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-top-right-radius: 8px;
   border-top-right-radius: 8px;}
*/

.main {padding: 0em 0em .5em 0em;
	-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   }
.main_head {margin: 0; font-size: 1.2em; padding: .2em .5em;
	-webkit-border-top-left-radius: 8px;
   -moz-border-top-left-radius: 8px;
   border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-top-right-radius: 8px;
   border-top-right-radius: 8px;}
.main a {font-weight:bold;}

.main h1 {margin: 0; font-size: 1.2em; padding: .2em .5em;
	font-weight:normal;
	-webkit-border-top-left-radius: 8px;
   -moz-border-top-left-radius: 8px;
   border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-top-right-radius: 8px;
   border-top-right-radius: 8px;}
.main p, .main h2, .main h3, .main h4 {padding: 0 .5em .5em .5em;}
.main table {padding: .5em;}
.main dt {text-indent: .5em; font-weight:bold;}
.main dd {margin-bottom: 1em;}
.main li {margin-left: 20px;}


/* thumbnail gallery */
.gallery {display: block;}
.gallery ul {list-style: none; padding: 0; margin: 0 auto;}
.gallery ul li {display: block; float: left; text-align:center; padding: .2em;}

/* menu */
#menu {width: 820px; margin: auto;}
#menu ul {list-style: none; padding: 0; margin: 0 auto;}
#menu ul li {display: block; float: left;}
#menu:after /* stretches container div to contain floated list */
{
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}


/* menu buttons */
.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-right: 1px groove #000000;
	border-top: 1px solid #FFFFFF;
	padding: .5em .7em;
	min-width: 70px;
	
	/* adds shadowing to box and text */
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
	}

.leftmost {
	-webkit-border-top-left-radius: 8px;
   -moz-border-top-left-radius: 8px;
   border-top-left-radius: 8px;
   
   -webkit-border-bottom-left-radius: 8px;
   -moz-border-bottom-left-radius: 8px;
   border-bottom-left-radius: 8px;
   }

.rightmost {
	-webkit-border-top-right-radius: 8px;
   -moz-border-top-right-radius: 8px;
   border-top-right-radius: 8px;
   
   -webkit-border-bottom-right-radius: 8px;
   -moz-border-bottom-right-radius: 8px;
   border-bottom-right-radius: 8px;
   }

/* Apparatus */
.onboard_equip {width: 100%; margin-top: .5em; clear: left; min-height:190px;}
.equip_list {visibility:hidden; position:absolute;}
.equip_list li {margin-left: 20px;}

/* Stations */
.station_list {
	visibility:hidden;
	position: absolute;
	width: 320px;
}
.station_list a {color: #007db8;}

/*About */
#chiefs img {padding: 0; margin: -2px; width: 155px;}
.chief_bio {visibility:hidden; position:absolute; width: 960px;}
#chief_display {min-height: 400px; }