body {
	margin: 0px;
	padding: 0px;
	background: #161616;
	color:#7C7972;
	font: 14px/120%  "Trebuchet MS", Verdana, Tahoma, Arial;
	text-align: center;
	}

/* Reset margin and padding for all elements */

* {margin: 0; padding: 0;}
p{margin:0 10px 10px}

#wrapper{ height:100%; overflow:hidden; padding:20px 0;}
#content
{
	/*margin: 0 5px;*/
	margin: 0 50px;
	background-color:#CCCCCC;
	min-width: 904px;
	max-width: 1160px;
}

#leftspace
{
	float:left;
	width:5px;
	margin-left:-100%;
}

#rightspace
{
	float:left;
	width:5px;
	margin-left:-5px;
}

#superheader{
	float:left;
	width:100%;
	height:60px;
	color:#FFFFFF;
	background: url(../images/bg_super_header.jpg) top left repeat-x;
	}

#liquid_header{
	float: left;
	width: 100%;
	height:160px;
	background: url(../images/bg_expanded_header.jpg) top left repeat-x;
	text-align:center;
	margin: auto;
}

#fixed_header
{
	/*width: 990px;*/
	min-width: 904px;
	max-width: 1160px;
	height:160px;
	background: url(../images/bg_header.jpg) top center no-repeat;
	margin: auto;
	text-indent:-9000px;
}

#right_top_corner{
	display:block;
	float:right;
	width: 30px;
	height:30px;
	background: url(../images/header_right_corner.gif) top left no-repeat;
}
#left_top_corner{
	display:block;
	float:left;
	width: 30px;
	height:30px;
	background: url(../images/header_left_corner.gif) top left no-repeat;
}

#icohome, #icohome a{
	display:block;
	float:right;
	height:60px;
	width:50px;
	border:none;
	background: url(../images/ico_home.jpg) top left no-repeat;
	text-indent:-9000px;
}

#icocontact, #icocontact a{
display:block;
float:right;
height:60px;
width:90px;
background: url(../images/ico_contact.jpg) top left no-repeat;
text-indent:-9000px;}

#icositemap, #icositemap a{
display:block;
float:right;
height:60px;
width:61px;
background: url(../images/ico_sitemap.jpg) top left no-repeat;
text-indent:-9000px;}


/* navigation  */

.navMenu{
	margin-left:23px;
	margin-top: 23px;
}

.nav{
	font-family:arial; 
	font-size: 12pt; 
	color: #547059; 
	font-weight: bold; 
	text-decoration:none; 
	width:180px;
	position:relative;
}

.nav:hover{
	color: orange;
}


/***Changed for firefox. hr elements are not customizable in firefox
    this keeps the same style but in a way that will work cross-browser***/
.navDivider{
	/*color: orange; 
	width: 180px; 
	height: 1px;*/
	border-bottom: solid 1px orange;
	width:180px;
}

.nav2{
	font-family:arial; 
	font-size: 12pt; 
	color: #547059; 
	font-weight: bold; 
	text-decoration:none; width:180px;
}

.2nav:hover{
	color: #547059;
}

.2navDivider{
	color: #547059; width: 180px; height: 1px;
}
/***This allows the drop menu to appear depending on the main item menu.
    This way the numbers do not have to hardcoded for each induvidual item***/
.MenuItem
{
    width:180px;
    position:relative;
    padding:10px 0px 10px 0px;
    background-color:white;
}

.DropMenu {
	display: none;
	position: absolute;
	background-color: white;
	padding:0px 10px 0px 10px;
	border: 1px solid orange;
	left: 180px;
	top:-1px;
	z-index: 9999;
}

/***Commented out because they were not needed anymore
    I did not want to delete incase they were needed later***/

/*#AboutMenu {
	visibility: hidden;
	
	position: relative;
	background-color: white;
	padding: 5px;
	border: 1px solid orange;
	left: 254px;
	top: 268px;
	z-index: 100;
	
}

#NewsMenu {
	visibility: hidden;
	display: block;
	position: absolute;
	background-color: white;
	padding: 5px;
	border: 1px solid orange;
	left: 300px;
	top: 332px;
}

#RecruitMenu {
	visibility: hidden;
	display: block;
	position: absolute;
	background-color: white;
	padding: 5px;
	border: 1px solid orange;
	left: 300px;
	top: 364px;
}

#StationsMenu {
	visibility: hidden;
	display: block;
	position: absolute;
	background-color: white;
	padding: 5px;
	border: 1px solid orange;
	left: 300px;
	top: 428px;
}

#OperationsMenu {
	visibility: hidden;
	display: block;
	position: absolute;
	background-color: white;
	padding: 5px;
	border: 1px solid orange;
	left: 300px;
	top: 460px;
}
*/

/* end navigation */	
#donationwrapper{ display:block; float:left; margin-top:24px;}
#donation, #donation a{display:block; float:left; height:122px; width:225px; text-align:center;
	background: url(../images/banner_support.jpg) top center no-repeat; text-indent:-9000px;}
	
	
#main
{
	float: left;
	width: 100%;
	overflow:hidden;
	/*min-width: 990px;*/
	min-width: 904px;
	max-width: 1160px;
	background-color:#FFFFFF;
	min-height: 570px;
	margin-top:-4px;
}

#main_wrapper
{
height:100%;
overflow:hidden;
min-height: 570px;
}
#main_right_column
{	
	margin: 0px 10px 0px 225px;
	background: url(../images/bg_main_left.jpg) top left repeat-y;

}

#main_left_column{float:left; width:225px;text-align:left; position:absolute;}

#main_header{
	height:18px;
	background: #ffffff url(../images/bg_main_top.jpg) top left repeat-x;
	text-align:left;
	}
#main_header_corner{
	height:18px;
	width:11px;
	background: url(../images/bg_main_top_corner.jpg) top left no-repeat;
	}
#main_content{
	background: url(../images/bg_main_left.jpg) top left repeat-y ;
	text-align:left;
	padding:0px 0px 0px 15px;
	
}

#main_content_padding
{
    padding:20px;

}


/***Commented out code to make it work in all browsers, was not needed***/
#wrapper1
{
    /*float:left;
    width:100%;*/
}
#mission
{
	margin-right:240px;
	
	
}
#mission_title, #mission_title a{
	display: block;
	width: 245px;
	height: 27px;
	border: none;
	background: url(../images/title_mission.gif) no-repeat;
	text-indent:-9000px;
	}
#beahero, #beahero a{
	/*float:left;*/
	border: solid 1px black;
	float:right;	
	width:187px;
	/*margin-left:-200px;*/
	
	height: 134px;
	border: none;
	background: url(../images/be_a_hero.jpg) right no-repeat;
	text-indent:-9000px;
	}
#flashapp
{
    clear:left; 
    width:100%;      
    margin:auto;
    text-align:center;
}

div#wrapper3{float:right; width:100%; margin-left:-385px; text-align:left}
#bannerwrapper{margin-left:25px}
#banner, #banner a{
	clear:left;
	display:block;
	float:left;
	background-color:#FF0000;
	width: 345px;
	height: 129px;
	border: none;
	background: url(../images/banner_job.jpg) top left no-repeat;
	text-indent:-9000px;}
	
#events{
margin-left: 385px;
text-align:left;
margin-right:25px;
}

#events_title, #events_title a{
	display: block;
	width: 170px;
	height: 18px;
	border: none;
	background: url(../images/upcoming_title.gif) no-repeat;
	text-indent:-9000px;
	}
.readmore, .readmore a{
display:block;
text-align:right;
margin:0 0 0 0;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#B5893F;}

.readmoreContext, .readmoreContext a{
display:inline;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#B5893F;}


#main_footer{
	display:block;
	clear:both;
	float:none;
	height:18px;
	background: url(../images/bg_main_bottom.jpg) top left repeat-x;
	text-align:left;
}
#main_footer_corner{
	height:18px;
	width:11px;
	background: #ffffff url(../images/bg_main_bottom_corner.jpg) top left no-repeat;
}
#liquid_footer{
	float: left;
	width: 100%;
	height:145px;
	background: url(../images/bg_expanded_footer.jpg) top left repeat-x;
	text-align:center;
	}
#fixed_footer
{
	width: 890px;
	/*min-width: 904px;*/
	/*max-width: 1160px;*/
	height:145px;
	background: url(../images/bg_footer.jpg) top left no-repeat;
	margin: 0 auto;
}
#footer_text_wrapper{margin-left:250px; padding-top:30px; width: 600px;}	
#footer_text{
	display:block;
	float:left;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	}
#footer_text a{
	color:#FFFFFF;
	text-decoration:none}
#subfooter{
	height:30px;
	font-size:12px;
	text-align:center;
	overflow:hidden;
	clear:both;}
	
.title
{
    font-size:15pt;
    line-height:17pt;
    font-weight:bold;
    color:#547059;
    border-bottom: solid 1px orange;
    text-align:center;
    padding-top:10px;
    padding-bottom:5px;
    float:right;
    width:100%;
}

.buffer
{
    position:relative;
    height:350px;
}

.bodyText
{
	padding: 20px;
}

.bodyText h3
{
    font-size:14pt;
    font-weight:bold;
    color:#547059;
    border-bottom: solid 1px orange;
    text-align:left;
}

.bodyText h4
{
    font-size:12pt;
    font-weight:bold;
    color:#547059;
    border-bottom: solid 1px orange;
    text-align:left;
    width:50%;
}

.bodyText ol
{
    padding:15px 0px 15px 50px;
}

.auxCol
{
    float:left;
    width:130px;
}
	
/***Sitemap CSS***/

.Col
{
    width:45%;
    float:left;
    padding:15px;
}

.Col h2
{
    font-family:Arial;
    font-size:12pt;
    color:#547059;
    font-weight:bold;   
    text-decoration:none;
    line-height:14pt;
    border-bottom:solid 1px orange;
    margin:5px 0px 5px 0px;
}
.Col a
{
    font-family:Arial;
    font-size:12pt;
    color:#547059;
    font-weight:bold;   
    text-decoration:none;
    line-height:14pt;
}

.Col a:hover
{
    color:Orange;
}



.IndentCol
{
    margin-left:15px;
}

.IndentCol a
{
    font-family:Arial;
    font-size:10pt;
    color:#7C7972;
    text-decoration:none;
    border:none;
    font-weight:normal;
    line-height:12pt;
}

/*** Apparatus CSS ***/

.Row
{
    float:left;
    width:100%;
   /* position:relative; */
}

.Row h2
{
    font-family:Arial;
    font-size:12pt;
    color:#547059;
    font-weight:bold;   
    text-decoration:none;
    line-height:14pt;
    border-bottom:dashed 1px #7C7972;
    margin:5px 0px 5px 0px;
}

.Station
{
    width:100%;
    float:left;
    padding-top:15px;
   
}

.Station h3
{
    font-size:14pt;
    font-weight:bold;
    color:#547059;
    border-bottom: solid 1px orange;
    text-align:center;
}

.innerCol
{
    width:48%;
    float:left;
    padding-right:5px;
}

.yearCol
{
    width:32%;
    float:left;
    padding-right:3%;
}

.nameCol
{
    width:65%;
    float:left;
}

.appHdr
{
    font-size: 12pt;
    font-weight: bold;
}

.appFieldNameFmt1
{
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    width: 40%;
}

.appFieldNameFmt2
{
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    width: 50%;
}

.appFieldNameFmt3
{
    font-size: 9pt;
    font-style: italic;
}

.minHeight
{
    min-height:600px;
}

.pageLinks
{
    text-align:center;
    padding-bottom:15px;
    
}

.pageLinks a
{
    color:#7C7972;
    font-size:12pt;
    padding-left:10px;
    padding-right:10px;
    
}
.pageLinks a:hover
{
    color:Orange;
}

.pageLinks a:visited
{
    color:#7C7972;
}

.indent
{
    padding:10px 0px 10px 20px;
}

/*** stations css ***/

.RowStation
{
    float:left;
    width:100%;
    /*position:relative;*/
    padding-bottom:20px;
    
}

.RowStation a
{
    color:#547059;
}
.logoCol
{
    width:28%;
    float:left;
}
.imageCol
{
    width:40%;
    float:left;
}
.imageCol img{ margin-top:10px; float:right;}
#truckimg{
	display:block;
	margin:10px auto;
	}
.addCol
{
    width:25%;
    float:left;
    text-align:center;
}
/* Some changes in css*/
.DropmenuLong ,.DropmenuLong .MenuItem ,.DropmenuLong  .navDivider{ width:240px !important;}
.eventlink{ color:#547059; height:100%; overflow:hidden; padding-bottom:10px; display:block; }
.eventlink:hover{ color:orange;}
#ctl00_ContentPlaceHolder1_Login1_UserName,#ctl00_ContentPlaceHolder1_Login1_Password{ width:142px;}
#ctl00_ContentPlaceHolder1_Login1_LoginButton{ margin-right:12px;}

.joinLinks{
	font-family:arial; 
	font-size: 10pt; 
	color: #547059; 
	font-weight: bold; 
	text-decoration:none; width:180px;
}

.joinLinks:hover{
	color: #547059;
	text-decoration: underline;
}

.membershipBox
{
    float: right;
    padding: 8px;
}