/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	background: url("images/main-bg.gif") 0 0 repeat-x #F2F0DC;
	color: #000000;
	font: 14px/18px Georgia, "Times New Roman", Times, serif;
}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:778px; height:141px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
#topPan ul{width:125px; height:22px; position:absolute; top:0px; right:130px;}
#topPan ul li{float:left; width:45px; height:22px;}
#topPan ul li a{width:45px; height:16px; display:block; background:url("images/arrow1.gif") 40px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul li a:hover{background:url("images/arrow1-hover.gif") 40px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}

#topPan ul li.register{float:left; width:65px; height:22px;}
#topPan ul li.register a{width:65px; height:16px; display:block; background:url("images/arrow1.gif") 65px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;}
#topPan ul li.register a:hover{background:url("images/arrow1-hover.gif") 65px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}

#topPan img.logo{width:281px; height:56px; position:absolute; top:53px; left:29px;}

#topPan p.callus{width:119px; height:25px; background:url("images/callus-bg.gif") 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;}
#topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;}

/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan{width:778px; height:228px; position:relative; margin:0 auto;}
#headerleftPan{width:46px; height:228px; float:left; background:url("images/leftfolder.gif") 0 0 no-repeat;}
/*----Header Middle Panel----*/
#headermiddlePan{width:686px; height:228px; float:left;}

/*----Menu Panel----*/
#menuPan{width:686px; height:33px; background:url("images/menu-bg.gif") 0 0 repeat-x; position:relative; margin:0 auto;}
#menuPan ul{width:660px; height:28px; position:absolute; top:2px; left:14px;}
#menuPan ul li{width:110px; height:28px; float:left;}
#menuPan ul li a{width:109px; height:28px; display:block; background:#fff; color:#2F2A28; border-right:1px dashed #969260; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}

#menuPan ul li.home{width:110px; height:28px; background:#2F2A28; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}

#menuPan ul li.contact a{width:110px; height:28px; display:block; background:#fff; color:#2F2A28; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}

/*----/Menu Panel----*/
#headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}
/*---- Header Red Panel----*/
#headerleftredPan{width:478px; height:123px; background:url("images/redpan-bg.jpg") 0 0 repeat-x #FEFDF1; color:#fff; position:absolute; top:32px; left:0px;}
#headerleftredPan h2{width:160px; height:69px; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:29px; left:36px; text-transform:uppercase;}
#headerleftredPan h2 span{font-size:39px; line-height:30px;}

#headerleftredPan p{width:262px; height:74px; display:block; position:absolute; top:24px; left:190px; font-size:14px; line-height:17px;} 
#headerleftredPan p span.largetext{font-size:18px; line-height:20px;} 

#headermiddleredPan{width:161px; height:142px; background:url("images/red-image.jpg") 0 0 no-repeat; position:absolute; top:13px; left:478px;}
/*----Header MORE Panel----*/
#headermorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#headermorePan a{width:39px; height:38px; display:block; background:url("images/headermore-normal.gif") 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;}
#headermorePan a:hover{background:url("images/headermore-hover.gif") 0 0 no-repeat; text-decoration:none;}

/*----/Header MORE Panel----*/
/*----Header Middle Panel----*/
#headerrightPan{width:46px; height:228px; float:left; background:url("images/rightfolder.gif") 0 0 no-repeat;}
/*----HEADER- PANEL----*/

html {
	width: 100%
}

/* Wrapper */
.all {
	text-align: center; 
	margin-left: 70px; 
	width: 85%;
	margin-top: 50px;
}

/* the container */
.box {
	background-color: #FFFFFF;
	margin-left: auto; 
	margin-right: auto; 
	padding: 20px; 
	text-align: left;
	margin-top: 25px; 
	width: 90%;
}

/*holds the tabs at the top*/
.menu {
	background-color: #FFFFFF;
	text-align: right; 
	border-bottom: 1px solid #FFFFFF;
}

/*defines the colours for the tabs, with corner background images*/
.menu a:link, .menu a:active, .menu a:visited {
	background: #EDEEEA url("images/corner.gif") no-repeat right top;
	color: #3D3535;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}

.menu a:hover {
	background: #D6D8CF url("images/corner2.gif") no-repeat right top;
	color: #000000;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}

/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*the main text container*/
.content {
	margin-right: 255px;
	padding: 20px;
}

.content h1 {
	font-size: 110%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #990000;
	margin-bottom: 25px;
	margin-top: 15px;
	text-align: center;
}
	
.content h2 {
	font-size: 110%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 25px;
	margin-top: 15px;
	text-align: center;

}

.content p {
	font-size: 100%;
	margin-bottom: 20px;
	text-align: justify;
}


/*this is the right hand bar, news bar, links bar w/e*/
.newsbar {
	margin-top: 40px;
	width: 245px;
	float: right;
	text-align:justify
}

.newsbar h1 {
	background-color: #990000;
	color: #FFFFFF;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: normal;
	text-align:center;

}

/*this just lets you have a "comment" type area in the main content*/
.p1 {
	padding: 20px;
	background-color: #F7F7F4;
	font-size:90%;
}

/*sets the padding for the newsbar text, not the headings*/
.p2 {
	padding: 20px;
	background-color: #FFFFFF;
	font-size: 90%;
	list-style-image: url("images/b.gif");
	list-style-position: 10px;
}

.p2 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*the footer, with copyright*/
.footer {
clear:both;
	background-color: #D6D8CF;
	padding: 4px;
	font-size: 80%;
	text-align: center;
}

/*sets the link colours and style*/
a:link, a:active, a:visited {
	color: #990000;
}

a:hover {
	color: #990000;
	text-decoration: none;
}