@charset "utf-8";
/* CSS Document */

/***************** Main **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{font:0.8em Arial, Helvetica, sans-serif; margin:0; padding:0; color:#fff; background-color:#000; text-align:center; min-height:100%;}
#container{margin:0 auto; width:960px; position:relative; text-align:left; background:url(../images/content-repeat.jpg) repeat-y;}/*centers main content*/
#content{width:860px; min-height: 200px; padding:0px 0px 10px 55px;}
.topsentence{font-size:.8em; color:#999; text-align:center; margin:5px 0 4px 0; margin-left:-50px; letter-spacing:.1em;}
.topimage{margin:0px;}
#adminTextcontent{float: left; width:610px; padding:0; color:#333;}
#admincontent{width:840px; margin:0px 0px 10px 55px;}

/***************** Headers *****************/
h1 {font-size: 1.5em; font-weight:bold; text-transform:uppercase; color:#ccc;}
h2 {font-size: 1.3em; }

/***************** Basic Links *****************/
a{outline: none;}
a:link, a:visited{color:#ff9a0a; text-decoration:none;}
a:hover{color:#ccc; text-decoration:underline;}

a.black, a.black:visited{color:#000; text-decoration:underline;}
a.black:hover{color:#000; text-decoration:none;}

/************** Image Formatting **************/
.border{border:1px solid #000;}
.borderfloatright{border:1px solid #000; float:right; margin:5px 0 5px 7px;}

/************** Text Formatting **************/
.smallitalic{font-size:.75em; font-style:italic;}
.orangeitalic{color:#f7941d; font-style:italic; font-size:1.2em; letter-spacing:.2em;}
.smalldarklinks{color:#4b4b4b;}
.smalldarklinks a:link, .smalldarklinks a:visited{font-size:.85em; color:#eae9e9; text-decoration:none; padding:3px; border:1px solid #727272;}
.smalldarklinks a:hover{font-size:.85em; color:#ccc; background-color:#4b4b4b; border:#f69220 1px solid; text-decoration:none; }
.titlecolor{background:#000048; padding:3px 0 3px 7px; width:99%;}

/****************** Lists ******************/
ul li {margin-left:30px;}
#admincontent ul li {margin-left:0px;}

/***************** Top Menu *****************/
div#topmenu {height:auto; padding:0; width:960px; background-color:#000; font-size:12px;}
div#topmenu ul li {float:left; display:block; margin:0; padding:0; list-style:none;}
div#topmenu li, div#topmenu a:link, div#topmenu a:visited, div#topmenu img {background-repeat:no-repeat; border:none; display:block; height:29px; color:#fff; text-decoration:none; text-transform:uppercase; text-align:center; font-weight:bold;}
div#topmenu a{padding-top:8px;}
div#topmenu a:hover, div#topmenu li.active a{color:#ff9a0a; text-decoration:none;}
div#topmenu>ul a {width: auto;}

/* Chiefs */
div#topmenu a.chiefs{background-image: url(../images/nav-chief.jpg); width:91px; background-color:#000;}
div#topmenu a.chiefs:hover{background-image: url(../images/nav-chief-over.jpg); width:91px;}

/* Fire Danger */
div#topmenu a.fire{background-image: url(../images/nav-fire.jpg); width:112px; background-color:#000;}
div#topmenu a.fire:hover{background-image: url(../images/nav-fire-over.jpg); width:112px;}

/* Home */
div#topmenu a.home{background-image: url(../images/nav-home.jpg); width:76px; background-color:#000;}
div#topmenu a.home:hover{background-image: url(../images/nav-home-over.jpg); width:76px;}

/* Contact Us */
div#topmenu a.contact{background-image: url(../images/nav-contact.jpg); width:90px;}
div#topmenu a.contact:hover{background-image: url(../images/nav-contact-over.jpg); width:90px; background-color:#000;}

/* Staff Area */
div#topmenu a.staff{background-image: url(../images/nav-staff.jpg); width:114px;}
div#topmenu a.staff:hover{background-image: url(../images/nav-staff-over.jpg); width:114px; background-color:#000;}

/***************** Main Menu *****************/
div#menu {height:auto; padding:0; position:absolute; top:350px; left:0; z-index:200; width:960px; background-color:#000; font-size:12px;}
div#menu ul li {float:left; display:block; margin:0; padding:0; list-style:none;}
/*div#menu a:hover img {visibility:hidden;}*/
div#menu li, div#menu a:link, div#menu a:visited, div#menu img {background-repeat:no-repeat; border:none; display:block; height:33px; color:#fff; text-decoration:none; text-transform:uppercase; text-align:center; font-weight:bold;}
div#menu a{padding-top:10px;}
div#menu a:hover, div#menu li.active a{color:#ff9a0a; text-decoration:none;}
div#menu>ul a {width: auto;}

/* History */
div#menu a.history{background-image: url(../images/nav-history.jpg); width:96px;}
div#menu a.history:hover{background-image: url(../images/nav-history-over.jpg); width:96px;}

/* Membership Roster */
div#menu a.roster{background-image: url(../images/nav-roster.jpg); width:160px;}
div#menu a.roster:hover{background-image: url(../images/nav-roster-over.jpg); width:160px;}

/* Photo Gallery */
div#menu a.gallery{background-image: url(../images/nav-gallery.jpg); width:121px;}
div#menu a.gallery:hover{background-image: url(../images/nav-gallery-over.jpg); width:121px;}

/* Stations & Apparatus */
div#menu a.stations{background-image: url(../images/nav-stations.jpg); width:174px;}
div#menu a.stations:hover{background-image: url(../images/nav-stations-over.jpg); width:174px;}

/* What's Happening */
div#menu a.happening{background-image: url(../images/nav-happening.jpg); width:145px;}
div#menu a.happening:hover{background-image: url(../images/nav-happening-over.jpg); width:145px;}

/* Donations */
div#menu a.donations{background-image: url(../images/nav-donations.jpg); width:87px;}
div#menu a.donations:hover{background-image: url(../images/nav-donations-over.jpg); width:87px;}

/* Store */
div#menu a.store{background-image: url(../images/nav-store.jpg); width:53px;}
div#menu a.store:hover{background-image: url(../images/nav-store-over.jpg); width:53px;}

/* Application */
div#menu a.application{background-image: url(../images/nav-application.jpg); width:124px;}
div#menu a.application:hover{background-image: url(../images/nav-application-over.jpg); width:124px;}

/************* Community Column *************/
#community{background:url(../images/community-column-repeat.gif) repeat-y; width:149px;}
#commContent{margin:-90px 10px 5px 10px; line-height:1.3em; font-size:1em; background-color:transparent; z-index:200; }
#commContent a:link, #commContent a:visited{color: #FFD1A4; text-decoration:underline;}
#commContent a:hover{color:#fff; text-decoration:none;}

/***************** Footer *****************/
ul#footer {display:block; margin:5px auto; padding:0pt; width:920px;}
ul#footer li {display:inline; float:right; font-size:0.75em; list-style-image:none; list-style-position:outside;
list-style-type:none; padding:0pt 10px 0pt 10px;}
ul#footer li a:link, ul#footer li a:visited{color:#f7941d; text-decoration:none;}
ul#footer li a:hover{color:#BBBBBB; text-decoration:underline;}
ul#footer li.copyright {background-image:none; float:left; padding:0pt;color:#ccc; margin-left:-1px;}

/***************** Credit *****************/
div#credit {clear:both; font-size:0.7em; padding:70px 0pt 20px; text-align:center;}
#credit a:link, #credit a:visited {color:#666; text-decoration:none;}
#credit a:hover {color:#ccc; text-decoration:none;}

/**************** Admin Nav *************/
#nav2 {padding-top: 7px; padding-right: 10px; float: left; width:155px; margin: 0 0 0 20px; text-align: left;}

/* create a nav-header-bckground if you want the background to granulate */
/* Change all the color and background color to match your site */
#nav2 .header {color:#F2E3AC; font-weight:bold; background-image:url(../images/nav-header-bckgrnd.jpg); background-repeat:no-repeat; height:18px; font-size:12px; padding: 1px 0 0 3px;}

#nav2 .title{color:#EEBF7B; font-weight:bold; background-color:#000024; height:20px; padding-top:4px; font-size:11px; text-align:center; letter-spacing:.25em;}

#nav2 ul {list-style: none; margin: 0; padding: 0; border: 1px solid #000;}

#nav2 .header, #nav2 ul, #nav2 li.title {display:block;}

#nav2 li {color:#000; font-weight:bold; border-bottom: 1px solid #000; font-size:11px; padding:3px;}

#nav2 a {text-decoration:none; padding:0; background-color:transparent; position:relative; line-height:2.0em;}

#nav2 li.secondary:hover {color:#000; background-color:#E2BD89; margin:0; border-top:#999 1px solid; border-right:#999 1px solid; border-bottom:#000 1px solid; border-left:#000 0px solid; padding:2px 0 3px 3px;}

#nav2 li a:link, #nav2 li a:visited, #nav2 li a:hover{color:#000; background-color:transparent;}

.rosterName {
	color: #000049;
	font-weight: bold;
	font-size: 17px;
}