/* CSS Document */
BODY {
BACKGROUND: url(../images/back2.jpg) #E4E4E4 top left repeat-x;
margin-top:0px;
}

.maincontainer { width:920px;
border: 0px solid #ffffff;
margin-left:auto; 
margin-right:auto; }

.mainbannerh { width:100%;
height:161px;
border: 0px solid #009900;
background: url(../images/banner9.gif) top left no-repeat;}

.mainbanner { width:100%;
height:161px;
border: 0px solid #009900;
background: url(../images/banner8.jpg) top left no-repeat;}

.logo {}

.topflash { width:414px;
height:109px;
padding-right:60px;
float:right;
}

.toplinks {
padding-top:10px;
padding-right:5px;
border: px solid #009900;
float:right;
font-family: Arial, Verdana;
color: #313131;
width:224px;
text-align:right;
}

.plain {
float:left;
width:100%;
}

.toplinks a
{
	text-decoration:none;
	color: #4C4C4C;
	font-size:11px;
}

.mainnav {}

.maincontentcontainer { 
width:100%; 
background-image: url(../images/mainback.jpg);
}

.maincontent { 
width:890px; 
padding:15px; 
color: #999999;
font-family: Arial, Verdana;
font-size:12px;
}

.maincontenth {
	width:920px;
	padding:0px;
	color: #999999;
	font-family: Arial, Verdana;
	font-size:12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.maincontenth1 {
	float:left;
	width:291px;
	height:388px;
	padding:0px;
	color: #999999;
	font-family: Arial, Verdana;
	font-size:12px;
	border: 4px solid #FFFFFF;
	background-color: #ffffff;
	background-image: url(../home_images/1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.welcome{
	width:110px;
	height:40px;
	background-color:#8c9799;
	text-align:center;
	margin:10px;
	font-family: Arial, Verdana;
	font-size: 22px;
	color: #ffffff;
	padding-top: 5px;
	font-weight:200;}
}

.maincontenthout {
float:left;
width:322px; 
height:0px;
padding:0px;
color: #999999;
font-family: Arial, Verdana;
font-size:12px;
}

.maincontenth2 {
	float:left;
	width:322px;
	height:216px;
	padding:0px;
	color: #999999;
	font-family: Arial, Verdana;
	font-size:12px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #ffffff;
	background-image: url(../home_images/2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.maincontenth2b {
	float:left;
	width:322px;
	height:168px;
	padding:0px;
	color: #999999;
	font-family: Arial, Verdana;
	font-size:12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 4px;
	border-bottom-color: #FFFFFF;
	background-color: #ffffff;
	background-image: url(../home_images/3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.maincontenth3 {
	float:left;
	width:291px;
	height:180px;
	padding:0px;
	color: #999999;
	font-family: Arial, Verdana;
	font-size:12px;
	border: 3px solid #FFFFFF;
	background-color: #ffffff;
	background-image: url(../home_images/4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.maincontenth3b {
	float:right;
	width:291px;
	height:204px;
	padding:0px;
	color: #999999;
	font-family: Arial, Verdana;
	font-size:12px;
	border-right-width: 4px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 4px;
	border-bottom-color: #FFFFFF;
	border-left-width: 4px;
	border-left-color: #FFFFFF;
	background-color: #ffffff;
	background-image: url(../home_images/5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


.categorycontainer{
width:96%;
padding-top:1%;
padding-left:2%;
padding-right:2%;
padding-bottom:0%;
background-color:#f7f7f7;
clear:both;
margin-bottom:5px}

.form{
float:left;
width:50%;}
.formborder {
	border: 1px solid #CCCCCC;
	padding: 4px;
}
.txtcontrols {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	border: 1px solid #CCCCCC;
	width:44%;
	padding-top:1%;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:0%;
	background-color:#EAF1E7;
	margin-bottom:5px;
	margin-left:15px;
	margin-top:10px;}
}


.form2{
float:left;
width:100%;
text-align:justify;
}

.contactcontainer{
float:left;
width:44%;
padding-top:1%;
padding-left:2%;
padding-right:2%;
padding-bottom:0%;
background-color:#FFFFFF;
margin-bottom:5px;
margin-left:15px;
margin-top:10px;}

.loginform{
float:left;
width:44%;
padding-top:1%;
padding-left:2%;
padding-right:2%;
padding-bottom:0%;
background-color:#EAF1E7;
margin-bottom:5px;
margin-left:15px;
margin-top:10px;}

.largeimage{
float:left;
width:380px}

.outercontainer2{
width:100%;
background-color:#f7f7f7;
}

.categorycolourouter{
float:left;
text-align:center;
width:90%;
padding-top:1%;
padding-left:6%;
padding-right:4%;
padding-bottom:3%;
}

.categorycontainer2{
float:left;
width:470px;
padding-top:1%;
padding-left:2%;
padding-right:2%;
padding-bottom:0%;
}

h1{font-family: Arial, Verdana;
	font-size: 14px;
	color: #FFFFFF;
	line-height:20px;
	text-align:left;
	padding-bottom:2px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0px;
	font-weight:bold;	}
	
.h1 a{
	color: #999999;
		font-weight:200;
	}
	
.style2 {font-size: 11px}
.subcattiontext {
	font-size: 11px
}

h2 {
font-family: Arial, Verdana;
	font-size: 20px;
	color: #2e3030;
	text-align:left;
	padding-bottom:2px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 2px;
	border-bottom:#999999 solid 1px;
	font-weight:bold;
	width:100%;	
}

.style3 {font-size: 14px}

h3 {
font-family: Arial, Verdana;
	font-size: 16px;
	color: #999999;
	text-align:justify;
	padding-bottom:2px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 2px;
	font-weight:600;	
}

p{ 
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #2e3030;
}

p a{color: #999999;
text-decoration:underline;}

.bold{ 
font-weight:bold;
}

.bold a{ 
font-weight:bold;
text-decoration:none;
color:#999999;
}

.bold a:hover{ 
font-weight:bold;
text-decoration: underline;
}


.swatchouter{
float:left;
width:181px; 
margin:4px; 
float:left; 
padding:2px; 
border:#CCCCCC solid 0px; 
background-color:;
text-align:center;
}

.swatch{
float:left; 
padding:2px; 
border:#ffffff solid 4px; 
background-color:#ffffff;
}

.swatchtxt{
float:left; 
padding:2px; 
width:181px;
font-family: Arial, Verdana;
font-size: 13px;
color: #2f3233;
text-align: center;
font-weight:500;
}


.swatchoutersml{
float:left;
width:177px;
margin:4px; 
float:left; 
padding:2px; 
border:#f7f7f7 solid 0px; 
background-color: #f7f7f7;
}

.swatchsml{
float:left; 
padding:2px; 
border:#ffffff solid 2px; 
background-color:#ffffff;
width:169px;
}

.swatchtxtsml{
float:left; 
padding:12px; 
font-family: Arial, Verdana;
font-size: 13px;
color: #2f3233;
text-align: center;
font-weight:500;
width:153px;

}

.swatchtxtsml a{
text-decoration:none;
color: #666666;
}

.swatchtxtsml a:hover{
text-decoration:underline;
color: #666666;
}

.botbar{
clear:both;
width:100%;
height:10px;
background-color:;
border-top:2px solid #FFFFFF;
}

.botbar2{
	clear:both;
	width:100%;
	height:10px;
	background-color:#728186;
	border-top:1px solid #728186;
	color: #728186;
}

.botbarh{
clear:both;
width:100%;
height:44px;
background-image: url(../images/amongst.jpg);
color:#FFFFFF;
font-family: Arial, Verdana;
font-size: 18px;
text-align: center;
padding-top:2px;
}

.subdetails{
clear:both;
width:100%;
background-color:#CCCCCC;}

.subdetails1{
margin-top:1px;
float:left;
width:200px;
padding:7px;
background-color:#DFE7E1;
border-right: 0px solid #8C9799;}

.subdetails11{
margin-top:1px;
float:left;
width:214px;
}

.backbut{
margin-top:1px;
float:left;
width:200px;
padding:7px;
background-color:#DFE7E1;
border-right: 0px solid #8C9799;}

.subdetails2{
margin-top:1px;
float:left;
padding:7px;
width:660px;
border-left: 1px solid #DFE7E1;
background-color:#ffffff;}

.subdetails2innerleft{
width:231px;
height:475px;
float:right;
}

.footer {
width:100%;
clear:both;
PADDING-TOP: 6px ;
list-style: none;
color: #ffffff;
font-family: Arial, Verdana;
font-size: 11px;
TEXT-ALIGN: center;
background-image: url(../images/footerback.jpg);
height:22px;
}

.footer a{
color:#ffffff;
text-decoration:none;
padding-left:10px;
}

.footer a:hover{
color:#FFFFFF;
text-decoration: underline;
}

.footerpadding{
	margin-left:0px;
}

.clear{
width:100%;
height:30px;
clear:both;}



/* --------------------- enrolment form css ------------------------------*/

form{
padding: 7px;
color:#859092;}


.contact {
     border:1px solid #cccccc;
	 padding: 3px;
	 background: #F8F8FA;
	 FONT-FAMILY: Verdana, sans-serif;
	 FONT-SIZE: 0.8em; 
	 COLOR: #666666; 
	 display: block;
	 font-weight:normal;
}

.contactenq {
     border:1px solid #cccccc;
	 padding: 3px;
	 background: #F8F8FA;
	 FONT-FAMILY: Verdana, sans-serif;
	 FONT-SIZE: 1.1em; 
	 COLOR:#859092; 
	 display: block;
}

.contactsubmit {
     border:1px solid #999999;
	 padding: 3px;
	 background: #F8F8FA;
	 FONT-FAMILY: Verdana, sans-serif;
	 FONT-SIZE: 1.2em; 
	 COLOR: #999999; 
	 display: block;
	 font-weight:bold;
}

#contact_left_col{
margin-left:60px;
	float:left; 
	width: 40%;
}
#contact_right_col{
	float:right;
	width: 41%;
}
#contact_left_col p{
	clear:both;
	padding: 3px;
}
#contact input{
	float:left;
	width:220px;
}
textarea old{
	float:right;
	width:190px;
	height:100px;	
}
select old{
	float:right;
	width:197px;
}
#contact_right_col img{
	height: 165px;
	width: 226px;
	padding-top: 20px;
}

fieldset{
padding:4px;
border:#859092 solid 1px;
color:#2e3030;
}

.enrolrow{

border:#00FF00 0px solid;
color: #FFFFFFF;
font-weight:bold;
height:30px;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
clear:both}

.enrolrow2{

border:#00FF00 0px solid;
color:#666666;
font-weight:bold;
height:35px;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
clear:both}

.enrolarea{

border:#00FF00 0px solid;
color:#666666;
font-weight:bold;
height:118px;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
clear:both}

.enrolarea{

border:#00FF00 0px solid;
color:#666666;
font-weight:bold;
height:124px;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
clear:both}

.red{
color:#FF0000;
font-size:1em;}

.blackb{
color:#000000;
font-weight:bold;
}

.whtbold{
color:#ffffff;
font-weight:bold;
}

#Layer1 {
	background-color: #99CCCC;
	text-align: left;
	float: left;
}
.txtboxes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	text-align: left;
}
.controlbuttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight:bold;	
	border: 1px solid #999999;
	background-color: #B0BDB1;
	
}
.stafftables {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #999999;
}
.paddedtable {
	padding: 4px;
}


.stafftables ul {
list-style: none;
padding:0;
margin-left:5px;
} 

.stafftables li {
	list-style: none;
	padding:0;
	margin:4px;
	color: #656D6F;
}

.stafftables li a {
border:#B0BDB1 solid 1px;
padding:4px;
color:#656D6F;
font-weight:bold;
text-decoration: none;
line-height:20px;
}

.stafftables li a:hover {
border:#B0BDB1 solid 1px;
padding:4px;
color:#ffffff;
background-color:#B0BDB1;
font-weight:bold;
text-decoration: none;
line-height:20px;
}


.staffareaHEAD{
border:#00FF00 0px solid;
color: #656D6F;
font-weight:bold;
margin-top:6px;
height:22px;
padding-top:4px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
clear:both;
background-color:#E4E4E4}

.bottedbot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.errbox {
	background-color: #FFFFCC;
	border: 1px solid #999999;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
}

.tablebottomborder{ border-bottom:1px solid #B0BDB1}

.tablebottomborder2{ border-bottom:1px solid #B0BDB1;}
.tablebottomborder2 a{ color:#333333;}



.leftborder{ border-left:1px solid #EAF1E7; padding-left:3px;}
.ordertext {
	color: #2e3030;
	font-size:13px;
}
.maincontainer .maincontentcontainer .maincontent .categorycontainer {
	color: #2E3030;
}
.ordertext2 {
	color: #2e3030;
}
#hometext {
	padding: 10px;
	width: 900px;
	background-color: #FFFFFF;
}