/* Main style sheet for Eastern Fire */
/* URL: www.eastern-fire.co.uk */
/* Created: 29-01-2010 */
/* Last edited: 03-02-2010 */

/* page structure and styling */

	html, body {
		height:95%;
		background-color: #DBE0EA;
		padding: 0px;
		margin: 0px;
	}

	#centeredcontent {
		width: 940px;
		height: 95%;
		position: absolute;
		left: 50%;
		margin-left: -470px; 
		margin-top: 0px;
		border: 0px; 
		padding: 0px;
		background-color: #FFFFFF;
		display: block;
		z-index: 1;
		padding: 0px;
	}
	
	/* head section */
	
	#headWrapper {
		width: 940px;
		height: 300px;
		position: absolute;
		display: block;
		margin-top: 0px;
		margin-left: 0px;
		background-image: url(images/eastern-fire-header.jpg);
		background-repeat: repeat-y;
		background-position: left top;
		padding: 0px;
	}
	
	#headWrapper #headLogo {
		width: 373px;
		height: 190px;
		position: absolute;
		display: block;
		margin-left: 24px;
		margin-top: 24px;
		background-image: url(images/eastern-fire-logo.png);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#headWrapper #headLogo h1, h2 {
		display: none;
	}
	
	#headWrapper h3 {
		width: 550px;
		height: 64px;
		position: absolute;
		display: block;
		margin-left: 24px;
		margin-top: 225px;
		text-align: left;
		line-height: 64px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 60px;
		color: #000000;
		font-weight: bold;
		letter-spacing: 8px;
	}
	
	#headWrapper #dateBox {
		width: 180px;
		height: 25px;
		margin-top: 15px;
		margin-left: 741px;
		position: absolute;
		display: block;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 18px; 
		color: #FFFFFF; 
		text-decoration: none;
		text-align: right;
		line-height: 25px;
	}
	
	#headWrapper #adminMenu {
		width: 185px;
		height: 20px;
		position: absolute;
		display: block;
		right: 25px;
		margin-top: 45px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000;
		text-align: right;
		z-index: 25;
	}

	#headWrapper #pageTop {
		width: 970px;
		height: 15px;
		position: absolute;
		display: block;
		margin-top: 0px;
		margin-left: 0px;
	}
	
	#headWrapper #headMenu {
		width: 940px;
		height: 35px;
		position: absolute;
		display: block;
		margin-left: 0px;
		margin-top: 300px;
		background-color: #103275;
		text-align: left;
		text-indent: 25px;
		line-height: 28px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #FFFFFF;
		background-image: url(images/head-shadow.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	#headWrapper #headMenu em {
		font-style: normal;
		text-decoration: underline;
	}
	
	#headWrapper #headMenu a {
		text-decoration: none;
		color: #FFFFFF;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#headWrapper #headMenu a:hover {
		color: #FF8915;
		text-decoration: underline; 
	}
	
	/* content styles */
	
	#contentWrapper {
		width: 940px;
		height: auto;
		min-height: 786px;
		position: absolute;
		display: block;
		margin-top: 300px;
		margin-left: 0px;
		padding: 0px;
		background-color: #FFFFFF;
		background-image: url(images/eastern-fire-bk.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	#contentWrapper #textWrapper {
		width: 450px;
		height: auto;
		position: relative;
		display: block;
		margin-top: 70px;
		margin-left: 25px;
		float: left;
		padding-bottom: 45px;
	}
	
	#contentWrapper #textWrapper h1 {
		width: 900px;
		position: absolute;
		/* display: block; */
		margin-left: 0px;
		margin-top: 0px;
		font-size: 70px;
		color: #103275;
		z-index: 10;
	}
	
	#contentWrapper #textWrapper .texthr {
		width: 567px;
		height: 1px;
		text-align: center;
  		background: #FF4B2C url(images/hr.gif) no-repeat scroll center;
		margin-bottom: 5px;
	}
	
	#contentWrapper #textWrapper .texthr hr {
  		display: none;
	}
	
	.leftText {
		width: 265px;
		height: 25px;
		position: relative;
		display: block;
		margin-left: 28px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #9A9A9A;
		float: left;
		padding-bottom: 15px;
	}
	
	.rightText {
		width: 265px;
		height: 25px;
		position: relative;
		display: block;
		/*margin-left: 287px;*/
		text-align: right;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000000;
		float: right;
		padding-bottom: 15px;
	}
	
	.rightText a {
		color: #000000;
		text-decoration: underline;
	}
	.rightText a:hover {
		color: #FF4B2C;
		text-decoration: underline;
	}
	
	.article {
		position: relative;
		display: block;
		margin-top: 110px;
		z-index: 15;
	}
	
	.article h2 {
		font-family: Arial, Helvetica, sans-serif;
		color: #103275;
		font-size: 16px;
		font-weight: bold;
	}
	
	.article h3 {
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 14px;
		font-weight: bold;
	}
	
	.article p {
		margin-left: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		text-align: justify;
		line-height: 30px;
	}
	
	#contentWrapper #sideWrapper {
		width: 355px;
		height: 800px;
		position: relative;
		display: block;
		margin-top: 180px;
		margin-right: 25px;
		float: right;
		text-align: right;
	}
	
	#contentWrapper #sideWrapper h1 {
		position: relative;
		display: block;
		font-size: 24px;
		color: #182664;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#contentWrapper #sideWrapper h2 {
		position: relative;
		display: block;
		width: 350px;
		height: 30px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 18px;
		color: #FFFFFF;
		line-height: 30px;
		margin-bottom: 0px;
		padding-right: 5px;
		background-image: url(images/product_heading.png);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#contentWrapper #sideWrapper #productLink {
		list-style-type: none;
	}
	
	#contentWrapper #sideWrapper ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#contentWrapper #sideWrapper li {
		width: 350px;
		height: 30px;
		position: relative;
		list-style-type: none;
		line-height: 30px;
		text-align: right;
		padding-right: 5px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 14px; 
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		margin-left: 0px;
	}
	
	#contentWrapper #sideWrapper p {
		margin-top: 40px;
	}
	
	#contentWrapper #sideWrapper a {
		width: 350px;
		height: 30px;
		display: block;
		text-decoration: none;
		color: #000000;
		padding-right: 5px;
	}
	#contentWrapper #sideWrapper a:hover {
		color: #FFFFFF;
		text-decoration: underline;
		background-image: url(images/product_highlight.png);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#contentWrapper #sideWrapper #fireLogo {
		width: 355px;
		height: 65px;
		position: relative;
		display: block;
		top: 60px;
		margin-right: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: right;
		line-height: 22px;
	}
	
	#contentWrapper #sideWrapper #fireLogo a {
		color: #000000;
		background-image: none;
	}
	
	.picRight {
		float: right;
		padding-left: 10px;
	}
	
	.picLeft {
		float: left;
		padding-right: 10px;
	}
	
	/* end of content section */
	/* footer section */
	
	#footerWrapper {
		width: 940px;
		height: 60px;
		position: absolute;
		display: block;
		left: 0px;
		bottom: -60px;
		background-color: #FFFFFF;
	}
	
	#baseMenu {
		width: 940px;
		height: 30px;
		position: absolute;
		display: block;
		left: 0px;
		top: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #FFFFFF;
		padding: 0px;
		background-color: #103275;
		line-height: 30px;
		text-align: center;
	}
	
	#baseMenu ul {
		width: 940px;
		height: 30px;
		margin-top: 0px;
		margin-left: 0px;
		padding: 0px;
		list-style-type:none;
		position: relative;
	}
	
	#baseMenu li {
		list-style-type:none;
		height: 30px;
		line-height: 30px;
		position: relative;
		display: inline;
		float: left;
		margin: 0;
		border: 0;
		padding: 0;
	}
	
	#baseMenu strong {
		color: #FF4B2C;
	}
	
	#baseMenu a {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#baseMenu a:hover {
		color: #FF8915;
		text-decoration: underline;
	}
	
	.spacer {
		width: 100px;
	}
	
	#footerWrapper #burnbank {
		width: 916px;
		height: 35px;
		position: absolute;
		display: block;
		margin-left: 0px;
		margin-top: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		text-align: right;
		background-color: #DBE0EA;
		line-height: 35px;
		padding-right: 24px;
		
	}
	
	#footerWrapper #burnbank a {
		color: #000000;
		text-decoration: none;
	}
	#footerWrapper #burnbank a:hover {
		color: #FF8915;
		text-decoration: underline;
	}
	
	/* general styles */
	/* end of general styles */

	/* accessibility styles */
	#accessBox {
		width: 180px;
		height: 35px;
		margin-top: 30px;
		margin-left: 30px;
		position: absolute;
		display: block;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000000; 
		text-decoration: none;
		text-align: left;
		line-height: 35px;
		z-index: 999;
	}
	
	#accessBox a:link {
		color: #000000;
		text-decoration: none;
	}
	
	#accessBox a:visited {
		color: #000000;
		text-decoration: none;
	}
	
	#accessBox a:hover {
		color: #FF8915;
		text-decoration: underline;
	}
	
	#accessFull {
		width: 120px;
		height: auto;
		margin-top: -220px;
		margin-left: 30px;
		background-color: #FFFFFF;
		display: none;
		position: absolute;
		z-index: 100;
		border: 1px;
		border-style: solid;
		border-color: #103275;
	}
	
	#accessFull ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	
	#accessFull li {
		float:left;
		position:relative;
	}
	
	#accessFull p {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-indent: 5px;
		padding: 0px;
		margin: 3px;
		clear: both;
	}
	
	a.closeLink:link {
		color: #000000;
		text-decoration: none;
	}
	
	a.closeLink:visited {
		color: #000000;
		text-decoration: none;
	}
	
	a.closeLink:hover {
		color: #FF8915;
		text-decoration: underline;
	}
	
	.font12 {
		font-size: 12px;
	}
	.font14 {
		font-size: 14px;
	}
	.font18 {
		font-size: 18px;
	}
	
	.fontNormal {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.fontLarge {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.fontXLarge {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif; 
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conNormal {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conHigh {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #000000;
		border: 1px;
		border-style: solid;
		border-color: #FFFF00;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif; 
		color: #FFFF00; 
		margin: 5px;
		text-decoration: none;
	}
	
	a.conHigh:link {
		color: #FFFF00;
	}
	
	a.conHigh:visited {
		color: #FFFF00;
	}
	
	.yellowHiCon {
		color: #FFFF00;
	}
	
	.conCream {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFF9D2;
		border: 1px;
		border-style: solid;
		border-color: #010066;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #010066; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conBlue {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #EFF8FB;
		border: 1px;
		border-style: solid;
		border-color: #010066;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #010066; 
		margin: 5px;
		text-decoration: none;
	}