body {
}
body 
{
	margin:0;
	padding:0;
}
p {
	margin: 5px 0px 1.0em;
	padding: 0px;
}
h1 {
	font-size: 95%;
	color: #C62216;
	font-family: Arial;
	padding-top: 5px;
	margin-bottom: -2px;
}
h2 {
	font-size: 110%;
	color: #C62216;
}

h3 {
	font-size: 100%;
	color: #5C5670;
}
#wrapper
{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:910px;
	background:#fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-top: 5px;
}

/* TOPBAR */
	#topBar
	{
		width: 910px;		
		background: url("../NewLayoutImages/topBarNew.jpg") no-repeat;
		height: 157px;
	}
		#demifireLogo
		{
			position: absolute;
			top: 32px;
			left: 20px;
		}
		#callNow
		{
			position: absolute;
			top: 13px;
			right: 20px;
		}
	
/* NAV BAR */
	#navBar
	{
		width: 910px;
		background: url("../NewLayoutImages/navBar.jpg") no-repeat;
		height: 34px;
		text-align: right;
	}
		.navLinks
		{
			float: right;
			padding: 5px 15px 0 0;
			font-family: Arial;
			color: #999999;
			font-size: 12px;
			font-weight: bold;
			text-align: left;
		}

	#nav
	{
	    position: absolute;
	    left: 375px;
	    top: 140px;
	    width: 500px;
	    float: right;
	    #position: inherit;
	    #left: 0;
	    #top: 0;	    
		height: 25px;
	}
	.navigationButtons
	{
		font-family: Arial;
		font-size: 12px;
		color: #666;
	}
		
/* BREADCRUMB */
	#breadCrumb
	{
		width: 910px;
		font-family: Arial;
		color: #999999;
		font-size: 11px;
		font-weight: bold;
	}
		.breadCrumbStyle
		{
			padding-top: 3px;
			padding-left: 5px;
			color: #999999;
		}
		.breadCrumbStyle a
		{
			font-family: Arial;
			color: #666666;
			text-decoration: none;
		}
		.breadCrumbStyle a:hover
		{
			font-family: Arial;
			color: #666666;
			text-decoration: underline;
		}

/* MAIN CONTENT */
	#mainContent
	{
		width: 910px;
		margin-bottom: 5px;
		margin-top: 3px;
		text-align: left;
		background: url("../NewLayoutImages/mainContentSideShadow.jpg") repeat-y;
		float: left;
	}
		#mainContentHolder
		{
			width: 890px;
			
			padding: 0 5px 5px 5px;
		}
		#mainContentTextArea
		{
			float: left;
			width: 670px;
		}
		.mainContentTopShadow
		{
			width: 910px;
			background: url("../NewLayoutImages/mainContentTopShadow.jpg") no-repeat;
			height: 6px;
		}
		.mainContentBottom
		{
			width: 910px;
			height: 11px;
			background: url("../NewLayoutImages/mainContentBottom.jpg") no-repeat;
			clear: both;
		}
		#pageContent
		{
			margin-top: 10px;
			padding: 5px;
			text-align: left;
		}
			.pageTitle
			{
				font-family: Arial;
				font-size: 16px;
				color: #C62216;
				font-weight: bold;
				font-variant: small-caps;
			}
			.pageText
			{
				font-family: Arial;
				font-size: 12px;
				padding: 5px 10px 5px 5px;
			}
			.NewsitemTitle 
				{
				
				font-family: Arial;
				font-size: 12px;
				}
				.NewsitemDate
				{
				font-family: Arial;
				font-size: 11px;
				color: #C62216;
				font-weight: bold;
				}
				.OnlineFireTraining
				{
				font-family: Arial;
				font-size: 12px;
				color: #C62216;
				font-weight: bold;
				font-variant: small-caps;
				}
				.OnlineFireTrainingButton
				{
				font-family: Arial;
				font-size: 14px;
				color: #ffffff;
				font-weight: bold;
				padding-bottom: 5px;
				text-align: center;
				padding-right: 5px;
				
				}
				
				.NewsitemDateLarger
				{
				font-family: Arial;
				font-size: 13px;
				color: #999999;
				font-weight: bold;
				}
				
				#Newsnav 
				{
				
				margin-right: 10px;
				float: left;
				width: 180px;
				
				}
				.NewsInner
				{
					width: 174px;
					border-right: 1px solid #ccc;
					
				}
				a.NewsLink
				{
					font-family: Arial;
					color: #999999;
					font-size: 11px;
					text-decoration: none;
				}
				a.NewsLink:hover
				{
					font-family: Arial;
					color: #999999;
					font-size: 11px;
					text-decoration: underline;
				}
				.newsNavInner
				{
					width: 170px;
					padding-bottom: 5px;
					padding-left: 5px;
				}
				.NewsNavTop
				{
					padding-top: 10px;
					text-align: center;
					font-size: 12px;
					color: #666666;
					font-weight: bold;
					width: 180px;
					height: 35px;
					font-family: Arial;
					background: url("../NewLayoutImages/latestNews.jpg") no-repeat;
				}
				a.ourCoursesLinks
				{
					font-family: Arial;
					color: #666666;
					font-size: 12px;
					text-decoration: none;
				}
				a.ourCoursesLinks:hover
				{
					font-family: Arial;
					color: #666666;
					font-size: 12px;
					text-decoration: underline;
				}
				.smoke1
				{
					background: url("../NewLayoutImages/smokes/smoke1.jpg") no-repeat;
					width: 184px;
					height: 437px;
				}
				.smoke2
				{
					background: url("../NewLayoutImages/smokes/smoke2.jpg") no-repeat;
					width: 184px;
					height: 437px;
				}
				.smoke3
				{
					background: url("../NewLayoutImages/smokes/smoke3.jpg") no-repeat;
					width: 184px;
					height: 437px;
				}
				.smoke4
				{
					background: url("../NewLayoutImages/smokes/smoke4.jpg") no-repeat;
					width: 184px;
					height: 437px;
				}
				.smoke5
				{
					background: url("../NewLayoutImages/smokes/smoke5.jpg") no-repeat;
					width: 184px;
					height: 437px;
				}
				.smoke6
				{
					background: url("../NewLayoutImages/smokes/smoke6.jpg") no-repeat;
					width: 184px;
					height: 437px;
				}
				.smoke7
				{
					background: url("../NewLayoutImages/smokes/smoke7.jpg") no-repeat;
					width: 184px;
					height: 437px;
				}
				
				.CommonFormArea
				{
					font-size: 12px;
					font-family: Arial;
					border: 1px solid #666;
					width: 280px;
			        
				}
					div#form
					{
						position: relative;
						text-align: center;
						clear: both;
						width: 910px;
						
					}
					.formsTop
						{
							width: 500px;
							height: 9px;
							background: url(../Images/formsTop.jpg) no-repeat;
						}
					.formsSides
					{
							border-left: 1px solid #D8D8D8;
							border-right: 1px solid #D8D8D8;
							width: 492px;
							background: url(../Images/registerMiddle.jpg) top repeat-x;
							padding-right: 3px;
							padding-left: 3px;			
					}
					.formsBottom
						{
							width: 500px;
							height: 14px;
							background: url(../Images/formsBottom.jpg) no-repeat;
						}
						
						.formText
						{
							font-family: Arial;
							font-size: 12px;
							text-align: left;
						}
						
/* FOOTER */
	#footer
	{
		width: 910px;
		background: url("../NewLayoutImages/footer.jpg") no-repeat;
		height: 60px;
		font-family: Arial;
		color: #999999;
		font-size: 11px;	
		clear: both;	
	}
		.footerContentLeft
		{
			float: left;
			padding: 16px 0 0 20px;
			
		}
		.footerContentRight
		{
			float: right;
			padding: 16px 20px 0 0;
			text-align: right;
		}
	
/* BOTTOM LINKS */
#bottomLinksLeft
{
	padding-top: 3px;
	width: 610px;
	padding-left: 10px;
	text-align: left;
	margin-bottom: 10px;
	float: left;
}
#bottomLinksRight
{
	padding-top: 5px;
	width: 200px;
	padding-right: 10px;
	text-align: right;
	margin-bottom: 10px;
	float: right;
}
	a.linksBottom
	{
		font-family: Arial;
		font-size: 11px;
		color: #666666;
		text-decoration: none;
	}
	a.linksBottom:hover
	{
		font-family: Arial;
		font-size: 11px;
		color: #666666;
		text-decoration: underline;
	}
	
	/*Login Area*/
#loginBox
{
	padding-top: 5px;
	width: 340px;
	float: right;
}
.loginButton
        {
			border: 1px solid #666666;
			font-size: 11px;
        }
.wardenButton
        {
			background-color: #eeeeee;
			border: 1px solid #666666;
			font-size: 11px;
			color: #333333;
			padding: 3px;
			text-decoration: none;
        }
        
.CommonFormArea
        {
	        font-size: 12px;
	        font-family: Arial;
	        width: 280px;
	        background: url(../Images/left.gif) top left no-repeat;
	        
        }
        .CommonMessageContent
        {
	        border-style: none;
	        background: url(../Images/right.gif) top right no-repeat;
	        height: 200px;
        }
        h4.CommonMessageTitle
        {
            color: #666666;
            font-size: 12px;
            border: none;
            padding: 2px 0 2px 2px;
            border-bottom: 1px solid #666666;
        }
        a.forgotPassword
        {
			font-family: Arial;
			color: #666666;
			text-decoration: none;
			font-size: 11px;
        }
        a.forgotPassword:hover
        {
			font-family: Arial;
			color: #666666;
			text-decoration: underline;
			font-size: 11px;
        }
        .loginButton
        {
			border: 1px solid #666666;
			font-size: 11px;
        }
        .redBarLogin
        {
			height:3px;
			background-color: Red;
			width: 280px;
        }
        .errorRed
        {
			font-family: Arial;
			font-size: 12px;
			padding-top: 10px;
			color: Red;
			padding-left: 7px;
        }
/*DOCUMENTS SECTION*/

#documentsSection
{
	margin-top: 10px;
	margin-left: 20px;
	width: 462px;
}
.documentsSides
{
	padding-left: 10px;
	padding-right: 10px;
	background: url("../Images/documentsSides.jpg") repeat-y;
}
.documentsTop
{
	padding-top: 10px;
	padding-left: 10px;
	width: 462px;
	height: 17px;
	background: url("../Images/documentsTop.jpg") no-repeat;
}

.documentsBottom
{
	width: 462px;
	height: 15px;
	background: url("../Images/documentsBottom.jpg") no-repeat;
}
/*END DOCUMENTS SECTION*/