html,body {
	margin:0;
	padding:0;
	background-color: #999999;
}

#wrapper {
	width: 998px;
	margin: 15px auto 0 auto;
	padding: 0px;
}


.main, a,h1,h2,h3,h4,h5,div,input{
text-transform: none;
text-decoration:none;
font-size:16px;
font-family:  Arial, Helvetica, sans-serif;
color:#ccc;
}

a{ text-decoration:underline}

a:hover{ text-decoration:underline;}
a.pagetitles:hover {text-decoration:underline;}


img { border:0;}

h1,h2,h3,p,div{
margin: 0;
padding:0;
font-weight: normal;
}

ul,li{
margin: 0;
padding:0;
list-style:none;
}

form {margin: 0; padding:0; } 
 

#top {
position: relative;
height: 330px;
}


.banners{
	position:absolute;
	left:0;
	z-index: 0;
	height: 290px;
	width: 998px;
	top: 40px;
} 

#strapLine{
	position:absolute;
	top:195px;
	left:294px;
	width:661px;
	z-index: 5;
	font-style: italic;
	font-size:38px;
	color:#fff;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: left;
	font-family: Calibri,Arial, Helvetica, sans-serif
}
 

#contentWrapper{
	clear: both;
	margin:0px auto;
	text-align:left;
	position: relative;
	width:998px;
	background-image: url(images/cWrapperBg.png);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 13px;
}

#contentWrapper #dropShadow { 
background-image: url(images/dropShadow.png);
background-position: left top;
background-repeat: no-repeat;
height:20px;
width:998px;
display:block;
position:absolute;		
left:0; top:0;
z-index:5
}


#contentRight{
margin:25px auto;
float: right;
text-align:left;
width: 670px;
margin-right: 35px;
color:#CCCCCC
}


#contentRight p{ 
margin:0 0; padding:5px 0px
}

#contentRight td {padding:5px}

#contentRight table {
text-align: left;  
margin-right:12px;margin-left:12px;
margin-bottom:12px; 
}

#contentRight td {border:0px solid #f1f1f1;}

#contentRight ul{ 	margin: 0; padding:10px 15px; }

#contentRight li{
margin:0;  padding:3px; 
list-style:  inside;
list-style-type:square;

}


.preLoad{ display:none}


 

#site{ text-align:right; padding:5px;}
#site a {
	color: #999999;
	font-size:10px;
}




.button1{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 0;
background-color: #272425;
margin:0;
padding:5px;
height:22px;
color: #CCCCCC;
font-weight: bold;
} 


/* forms for login and register etc - check all forms for change effects*/

.formWrapper { /* div*/
text-align:left;
margin:0;
padding:0;
margin-top: 6px;  

}

.formWrapper form, .loginWrapper form { /* form */
padding:5px;
margin:0px;
background-color: #FFFFFF;
text-align:left;
margin-left: 6px;
font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #333333;

}

.rows {
height:30px; margin:3px; clear:both
}



.formWrapper .headers , .loginWrapper .headers{
line-height:30px;
border-bottom:6px solid;
font-size: 13px;
font-weight: bold;
margin-bottom: 6px;
border-color: #999999;
text-transform: uppercase;
}

.labels{
clear: both;
color: #333333; 
font-weight:bold;
text-transform: uppercase;
display: block;
float: left;
width: 170px;	font-size: 10px;
line-height: 21px;	margin-right: 10px;margin-left:4px;
} 

.inputs{
width: 260px;
border: 2px solid #e3e3e3;
padding:1px;
height:17px;
background:#fff;
background-color: #FFFFFF;color:#333
}

.inputsErr{ border-color:#ff0000}
.inputsOver { border-color:#ccc; background:#f1f1f1} 


.inputsDD {
width: 266px;
border: 2px solid #e3e3e3;
margin-bottom:2px;
padding:2px;
background:#fff;
background-color: #FFFFFF;
color:#333333;
font-size: 12px;
}

.darkGray { color:#33333}

.inputsDDErr  {
border: 2px solid #ff0000;
background-color: #FF0000;
color: #333333;
} 
.inputsDDOver {
border: 2px solid #e3e3e3; 
background-color: #fff;
color: #333;
} 



.formWrapper .lastRow {
clear: both;
margin-bottom: 10px; line-height:55px;
text-align:right;
height: 55px;
margin-top: 10px; border-top:2px solid #ccc;
}





#news {
margin:0px auto;
}


#news  ul{ 	margin: 0; padding:0px; list-style:none }

#news ul li{
	margin:0 0 10px 0;
	padding: 6px;
	display:block;
	clear:both;
	border-bottom:2px solid ;
	border-bottom-color:#666666
}



#news  .newsHead,  a.newsHead { font-weight:bold; font-size:15px; color:#e1e1e1; padding:0 0 4px 0; display:block; text-decoration:none}
#news a.newsHead:hover { text-decoration:underline}

#news  .newsThumb,
#news  a.newsThumb:link,
#news  a.newsThumb:active,
#news  a.newsThumb:visited{
	float:left; margin:0 20px 0 0 ;
	display:block;
	width:100px; padding:6px;
	border:1px solid;	border-color:#666666; text-align:left;
}

#news ul li.showMore{ border-bottom:0px; }
#news ul li.showMore a{
	display:block;
	padding:5px 0;
	text-align:center;
	font-weight: bold;
	text-decoration: none;
}



#news  .newsThumb img { width:100px;} 

#news ,
#news a,
#news p,
#news ul li,
#news ul li a,
#news ul li p{
font-size:13px; 
color:#f1f1f1}

#news  a.readMore:link,
#news  a.readMore:visited,
#news  a.readMore:hover ,
#news  a.backNews:link,
#news  a.backNews:visited,
#news  a.backNews:hover {
display:block; 
clear:both;
color:#fff;
padding:3px 4px;
font-weight:bold;
display:block; 
clear:both;
color:#fff;
font-size:12px;
font-weight:bold}



 


/*######## universal ########### */
.floatLeft{ float:left}
.floatRight{ float:right}
.clearFloat{ clear:both;}
.TAR{ text-align:right}
.TAC{ text-align:center}
.TAL{ text-align:left}

.centred , .centered{margin:0 auto}

.m3{margin:3px}
.m5{margin:5px}
.m10{margin:10px}

.mT3{margin-top:3px}
.mT5{margin-top:5px}
.mT10{margin-top:10px}
.mT15{margin-top:15px}
.mT20{margin-top:20px}
.mT25{margin-top:25px}
.mT30{margin-top:30px}

.mB3{margin-bottom:3px}
.mB5{margin-bottom:5px}
.mB10{margin-bottom:10px}
.mB25{margin-bottom:25px}

.mL3{margin-left:3px}
.mL5{margin-left:5px}
.mL10{margin-left:10px}
.mL15{margin-left:15px}
.mL20{margin-left:20px}
.mL50{margin-left:50px}
.mL75{margin-left:75px}
.mL100{margin-left:100px}

.mR3{margin-right:3px}
.mR5{margin-right:5px}
.mR10{margin-right:10px}
.mR15{margin-right:15px}
.mR20{margin-right:20px}
.mR25{margin-right:25px}
.mR30{margin-right:30px}
.mR50{margin-right:50px}


.p3{padding:3px}
.p5{padding:5px}
.p10{padding:10px}

.pT3{padding-top:3px}
.pT5{padding-top:5px}
.pT10{padding-top:10px}

.pB3{padding-bottom:3px}
.pB5{padding-bottom:5px}
.pB10{padding-bottom:10px}

.pL3{padding-left:3px}
.pL5{padding-left:5px}
.pL10{padding-left:10px}
.pL15{padding-left:15px}
.pL20{padding-left:20px}

.pR3{padding-right:3px}
.pR5{padding-right:5px}
.pR10{padding-right:10px}
.pR15{padding-right:15px}
.pR20{padding-right:20px}
.b0{border:none; border:0px;}




.bfs{border:1px solid  #D6D6D6;}
.bfd{border:1px dotted #D6D6D6;}
.bfdd{border:1px dashed #D6D6D6;}

.bfdd{border:1px dashed #D6D6D6;}
.bbd{ border-bottom : 1px dotted #D6D6D6;}
.bbs{ border-bottom : 1px solid #D6D6D6;}
.bbdd{ border-bottom : 1px dashed #D6D6D6;}

.bts{ border-top : 1px solid #D6D6D6;}
.btd{ border-top : 1px dotted #D6D6D6;}
.btdd{ border-top : 1px dashed #D6D6D6;}


.bbr{border:1px solid #ff0000;}
.bfr{border:1px dotted #ff0000;}
.bfrdd{border:1px dashed #ff0000;}

.w10{ width:10px}
.w20{ width:20px}
.w25{ width:25px}
.w50{ width:50px}
.w75{ width:75px}
.w100{ width:100px}
.w150{ width:150px}
.w175{ width:175px}
.w200{ width:200px}
.w250{ width:250px}
.w275{ width:275px}
.w300{ width:300px}
.w325{ width:325px}
.w350{ width:350px}
.w400{ width:400px}
.w425{ width:425px}
.w450{ width:450px}
.w500{ width:500px}
.w525{ width:525px}
.w550{ width:550px}
.w600{ width:600px}
.w625{ width:625px}
.w650{ width:650px}
.w675{ width:675px}
.w700{ width:700px}
.w725{ width:725px}
.w750{ width:750px}
.w800{ width:800px}
.w850{ width:850px}
.w900{ width:900px}
.w950{ width:950px}


.h0{ height:0px}
.h1{ height:1px}
.h5{ height:5px}
.h10{ height:10px}
.h15{ height:15px}
.h20{ height:20px}
.h25{ height:25px}
.h50{ height:50px}
.h75{ height:75px}
.h100{ height:100px}
.h150{ height:150px}
.h200{ height:200px}
.h250{ height:250px}

.bgcCCC  {background-color:#999999}
.bgcWHITE  {background-color:#fff}
.bgcF1  {background-color:#f1f1f1}
.bgcF7 {background-color:#f7f7f7}
.bgcBLACK  {background-color:#000}
.bgcRED  {background-color:RED}
.bgc999  {background-color:#999}

.block { display:block}

/*######## eo forms ########### */ 

