body 
{
	background-color:#00399B;
	margin:0;
	padding:0;

	font-family:Georgia;
	
}
h1
{
	background:transparent;
	width:592px;
	height:29px;
	padding-left:7px;
	border-bottom:1px solid #333;
	font-size:18px;
	line-height:29px;
	font-weight:normal;
	color:#00399B;
	
}
#Header
{
	width:1024px;
	height:150px;
	background-image:url('Images/HSFD_Header.jpg');
}
#MainNavBackGround
{
	
	
	width:185px;
	height:618px;
	background-image:url('Images/HSFD_Nav.jpg');
	
}
#MainContent
{
	position:absolute;
	top:150px;
	left:185px;
	width:839px;
	height:618px;
	background-image:url('Images/HSFD_Content.jpg');
		
}
#ContentContainer
{
	width:654px;
	height:618px;
	
}
#SideBar
{
	position:absolute;
	width:185px;
	top:150px;
	left:839px;
	height:618px;
}
#MainNav
{
    Background-color:white;
    width:185px;
	height:315px;
    opacity:0.67;
    filter:alpha(opacity=67);
}
#MainNav li a
{
display: block;
color: #1d4eff;
width: 9em;
/*padding-top:10px;*/
padding-left:20px;
text-decoration:none;
font-size:15px;
font-weight:bold;

line-height:35px;
width:150px;
}
#MainNav li a:hover
{
color:#e20000;
}


ul#listText
{
	list-style:circle;
}
ul#sliding-navigation
{
	position:relative;
	list-style:none;
	font-size:16px;
	font-family:Georgia;
	
	
}
ul#sliding-navigation li.sliding-element a
{
	display:block;
	width:150px;
	line-height:35px;
	z-index:1;
	
	
}
ul#sliding-navigation li.sliding-element a
{
	color:#FFFF00;
	border: 1px solid @1a1a1a;
	text-decoration:none;
}
ul#sliding-navigation li.sliding-element a
{
	position:relative;
	display:block;
	line-height:35px;
	top:-5px;
	left:-5px;
	
}
ul#sliding-navigation li.sliding-element a:hover
{
	color:#ffff66;	
}
#accordion-container
{
	margin-top:30px;
	margin-left:30px;
	margin-right:30px;
	overflow:hidden;
	height:580px;
}
#accordion-container2
{
	margin-top:30px;
	margin-left:30px;
	margin-right:30px;
	overflow:hidden;
	height:800px;
}
dl#accordion
{
	height:1024px;
	list-style:none;
	font-size:16px;
	font-family:Georgia;
	display:block;
	overflow:hidden;
	
}
.title 
{
	width:600px;
	background: url('Images/HSFD_Accordion_Bar.jpg') repeat;
	color:#ffffff ;
}
.title a
{
	z-index: 10;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;	
	text-decoration:none;
	
	
}
.title a:link
{
	z-index: 10;
	color:#B3E0F1;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;	
	text-decoration:none;
	width:435px;
}
.title a:visited
{
	z-index: 10;
	color:#B3E0F1;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;	
	text-decoration:none;
	width:435px;
}
.title a:hover
{
	z-index: 10;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;	
	text-decoration:none;
	width:435px;
}
.content1
{
	height:45px;
	font-size:14px;
	color:#00399b;
	overflow:hidden;
	background:transparent;
}
.content2
{
	height:525px;
	font-size:12px;
	color:#00399b;
	overflow:hidden;
	background:transparent;
}
.content3
{
	height:120px;
	font-size:14px;
	color:#00399b;
	overflow:hidden;
	background:transparent;
}
.content4
{
	height:475px;
	font-size:12px;
	color:#00399b;
	overflow:hidden;
	background:transparent;
}
.content5
{
	height:575px;
	font-size:12px;
	color:#00399b;
	overflow:hidden;
	background:transparent;
}
.content6
{
	height:475px;
	font-size:12px;
	color:#00399b;
	overflow:scroll;
	background:transparent;
}
.content7
{
	height:450px;
	font-size:12px;
	color:#00399b;
	overflow:hidden;
	background:transparent;
}
.PhotoGalleryContent
{
	height:575px;
	font-size:14px;
	color:#00399b;
	overflow:hidden;
	background:transparent;
}
#PhotoGallery
{
	position:relative;
	top:-100px;
	top:0px;
	left:0px;
}
.photo_container
{
	width:550px;
	height:400px;
	background:transparent;
	overflow:hidden;
	border:1px solid #333;
	margin-top:30px;
	margin-left:30px;
	margin-right:30px;

}
#picture_section
{
	padding:7px,0,7px,7px;
	width:550px;
	height:332px;
	overflow:hidden;
}
	#inside
	{
		width:590px;
		height:332px;	
	}
	#picture_section img
	{
		border:0;
		height:57px;
		width:111px;
		float:left;
		background:transparent;
		margin-bottom:7px;
		margin-right:7px;
		cursor:pointer;
	}
#controls_vert
{
	background:transparent;
	width:600px;
	height:20px;
	border-top:1px solid #333;
	
}	
#controls_horz
{
	background:transparent;
	width:600px;
	height:24px;
	border-top:1px solid #333;
	
}
	#up
	{
		height:10px;
		width:10px;
		margin-right:7px;
		background:url(Images/up.jpg) no-repeat;
		text-indent:-9999px;
		float:left;
		margin:7px;
		margin-bottom:6px;
		cursor:pointer;
	}
	#down
	{
		height:10px;
		width:10px;
		margin-right:7px;
		background:url(Images/down.jpg) no-repeat;
		text-indent:-9999px;
		float:left;
		margin:7px;
		margin-bottom:6px;
		cursor:pointer;
	}
	#left
	{
		height:10px;
		width:10px;
		margin-right:7px;
		background:url(Images/left.jpg) no-repeat;
		text-indent:-9999px;
		float:left;
		margin:7px;
		margin-bottom:6px;
		cursor:pointer;
	}
	#right
	{
		height:10px;
		width:10px;
		margin-right:7px;
		background:url(Images/right.jpg) no-repeat;
		text-indent:-9999px;
		float:left;
		margin:7px;
		margin-bottom:6px;
		cursor:pointer;
	}
#display_picture_container
{
		position:absolute;
		top:0px;
		left:0px;
		width:700px;
		height:400px;
		padding-top:16px;
		
}
#display_picture
{
	position:absolute;
	top:61px;
	left:31px;
	width:596px;
	height:330px;
	opacity:0.8; filter:alpha(opacity=80);
	text-align:center;
	font-size:11px;
	padding-top:16px;
	
}
#display_picture_img
{
	position:absolute;
	top:108px;
	left:65px;
	height:272px;
	width:300px;
	cursor:pointer;	
	border:1px solid black;
}

* { margin:0; padding:0; outline:none;}

.hide{display:none;}

div#up.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
div#down.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
div#right.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
div#left.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }

#FromTheCheifImg
{
	position:absolute;
	border:1px solid black;
	left:366px;
}
#FromTheCheifTxt
{
	width:435px;
}
#LinkFooter
{
	color:White;
	font-size:10px;
	font-family:Georgia;
	font-weight:bold;
	width:1025px;
}
.Home
{
	background-image: url('NavAssets/HSFD_Nav_Home_Norm.png');
	height:35px;
	width:185px;
	
}
.active:hover
{
 color:#e20000;
}
.Home a
{
	display:none;	
}
.Home:hover
{
	background-image: url('NavAssets/HSFD_Nav_Home_Over.png');
	
}
.FireRelated
{
	background-image: url('NavAssets/HSFD_Nav_FirePrev_Norm.png');
	height:35px;
	width:185px;
}
.FireRelated:hover
{
	background-image: url('NavAssets/HSFD_Nav_FirePrev_Over.png');
}

.DeptInfo
{
	background-image: url('NavAssets/HSFD_Nav_DeptInfo_Norm.png');
	height:35px;
	width:185px;
}
.DeptInfo:hover
{
	background-image: url('NavAssets/HSFD_Nav_DeptInfo_Over.png');
}
.Station
{
	background-image: url('NavAssets/HSFD_Nav_Station_Norm.png');
	height:35px;
	width:185px;
}
.Station:hover
{
	background-image: url('NavAssets/HSFD_Nav_Station_over.png');
}
.CommBoard
{
	background-image: url('NavAssets/HSFD_Nav_CommBoard_Norm.png');
	height:35px;
	width:185px;
}
.CommBoard:hover
{
	background-image: url('NavAssets/HSFD_Nav_CommBoard_Over.png');
}
.CommEvents
{
	background-image: url('NavAssets/HSFD_Nav_CommEvents_Norm.png');
	height:35px;
	width:185px;
}
.CommEvents:hover
{
	background-image: url('NavAssets/HSFD_Nav_CommEvents_Over.png');
}
.Vol
{
	background-image: url('NavAssets/HSFD_Nav_Volunteers_Norm.png');
	height:35px;
	width:185px;
	
}
.Vol:hover
{
	background-image: url('NavAssets/HSFD_Nav_Volunteers_Over.png');
	
	
}
.Media
{
	background-image: url('NavAssets/HSFD_Nav_Media_Norm.png');
	height:35px;
	width:185px;
}
.Media:hover
{
	background-image: url('NavAssets/HSFD_Nav_Media_Over.png');

}
.Employee
{
	background-image: url('NavAssets/HSFD_Nav_EmpLogin_Norm.png');
	height:35px;
	width:185px;
}
.Employee:hover
{
	background-image: url('NavAssets/HSFD_Nav_EmpLogin_Over.png');
}

#content
{
	background-color:Transparent;
	overflow:auto;	
	font-size:12px;
	color:#00399b;
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	height:580px;
	
}
#content li
{
	list-style:none;
}
p
{
	padding:0px,20px,0px,20px;
}

b
{
	font-weight:bold;
}