﻿body 
{
	margin:0;
	padding:0;
}
p {
	margin: 5px 0px 1.0em;
	padding: 0px;
}
h1 {
	font-size: 100%;
	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: 28px;
			left: 20px;
		}
		#callNow
		{
			position: absolute;
			top: 38px;
			right: 20px;
		}
	
/* NAV BAR */
	#navBar
	{
		width: 910px;
		background: url("../NewLayoutImages/navBar.jpg") no-repeat;
		height: 34px;
		text-align: right;
		
	}
		.navLinks
		{
			float: left;
			padding: 5px 15px 0 15px;
			font-family: Arial;
			color: #999999;
			font-size: 12px;
			font-weight: bold;
			text-align: left;
		}

	#nav
	{
		
		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;
		}

/* SPACER */
    #spacerBar
    {
        height: 40px;
    }
    .innerSpacerBarLeft
    {
        padding-top: 5px;
        padding-left: 10px;
        font-size: 15px;
        font-family: Arial;
		color: #666666;
		font-weight: bold;
		float: left;
    }
    .innerSpacerBarRight
    {
        padding-top: 5px;
        padding-right: 10px;
        font-size: 15px;
        font-family: Arial;
		color: #666666;
		font-weight: bold;
		float: right;
    }
    a.innerSpacerBarRightLink
    {
        text-decoration: none;
        color: #666;
    }
    a.innerSpacerBarRightLink:hover
    {
        text-decoration: none;
        color: #EE1C25;
    }

/* MAIN CONTENT */
	#mainContent
	{
		width: 910px;
		margin-bottom: 5px;
		margin-top: 3px;
		text-align: center;
		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;
				}
				
				.hantsWeb
				{
					width: 184px;
				}
				
				.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: 720px;
	padding-left: 10px;
	text-align: left;
	margin-bottom: 10px;
	float: left;
}
#bottomLinksRight
{
	padding-top: 5px;
	width: 160px;
	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;
	}
	.iHampshire
	{
		float: left;
	}