/* CSS Document */
html { height: 100%; margin-bottom: 1px; 
	 }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 820px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	
}

p, form, h1, h2, h3, h4, h5, h6, table
{
margin: 0;
padding: 0;
}

/*--------| Background images |--------*/

.backcolourone
{
background:url(images/background-1.jpg) top center repeat-y;
background-color: #017575;
}

.backcolourtwo
{
background:url(images/background-2.jpg) top center repeat-y;
background-color: #017575;
}

.backcolourthree
{
background:url(images/background-3.jpg) top center repeat-y;
background-color: #017575;
}

.backcolourfour
{
background:url(images/background-4.jpg) top center repeat-y;
background-color: #017575;
}

.backcolourfive
{
background:url(images/background-5.jpg) top center repeat-y;
background-color: #017575;
}

.backcoloursix
{
background:url(images/background-6.jpg) top center repeat-y;
background-color: #017575;
}

.backcolourseven
{
background:url(images/background-7.jpg) top center repeat-y;
background-color: #017575;
}

.backcoloureight
{
background:url(images/background-8.jpg) top center repeat-y;
background-color: #017575;
}

.backcolournine
{
background:url(images/background-9.jpg) top center repeat-y;
background-color: #017575;
}

.backcolourten
{
background:url(images/background-10.jpg) top center repeat-y;
background-color: #017575;
}

.backcoloureleven
{
background:url(images/background-11.jpg) top center repeat-y;
background-color: #017575;
}


/*--------| Containers |--------*/



#container
{
margin-top:0px;
margin-left: auto;
margin-right: auto;
width: 910px;
height: auto;
min-height:600px;
}


#innercontainer
{
width: 910px;
height:auto;
float: left;
margin:0px;
padding: 0px;
}


#leftsidebox
{
width: 10px;
height:75px;
float: left;
margin:468px 0px 0px 0px;
padding: 0px;
}

#rightcontentbox
{
width: 900px;
height:auto;
float: right;
margin:0px;
background:url(images/lower-colour-bar.jpg) repeat-y top center;
padding: 63px 0px 10px 0px;
}



.sideboxcolourone
{
background-color:#0a6294;
}

.sideboxcolourtwo
{
background-color:#af5725;
}

.sideboxcolourthree
{
background-color:#5592be;
}

.sideboxcolourfour
{
background-color:#b8a800;
}

.sideboxcolourfive
{
background-color:#9b7836;
}

.sideboxcoloursix
{
background-color:#9f1761;
}

.sideboxcolourseven
{
background-color:#625489;
}

.sideboxcoloureight
{
background-color:#6f7a50;
}

.sideboxcolournine
{
background-color:#6277a6;
}

.sideboxcolourten
{
background-color:#4f5d43;
}

.sideboxcoloureleven
{
background-color:#7d4174;
}

#topblackline
{
width: 880px;
height:16px;
float: left;
margin:0px;
padding: 14px 20px 14px 0px;
background:#000000;
}

#topblackline img
{
float:right;
margin:0px;
padding: 0px;
}

#topblackline p
{
width:350px;
text-align:right;
color:#FFFFFF;
float:right;
margin:0px;
padding: 0px 20px 0px 0px;
line-height:16px;
}

#topblackline strong
{
color:#FFFFFF;
margin: 0px 20px 0px 20px;
}


#topblackline span
{
color:#017575;
font-weight:bold;
}

#header
{
width: 900px;
height:auto;
float: left;
margin:0px;
padding: 0px;
}


#nav
{
width: 900px;
height:auto;
float: left;
margin:0px;
background:#ddebeb;
padding: 2px 0px 2px 0px;
}

/*-----------------------------------------------*/

/*-------| Drop down menu |-------*/



#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
float:left;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
border: 1px solid black;
background:url(images/fader-orange.png) repeat;
}

.mainitems a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
}



.boarderlinethree{
border-top:#5592be 13px solid;
}

.boarderlinefive{
border-top:#9b7836 5px solid;
}



.subuls{
display: none;
width:95px;
position: absolute;
}

.subuls li{
width:95px;
padding: 3px 7px 3px 7px;
}

.subuls li a{
text-decoration: underline;
}





#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
padding: 0px;
margin: 0px 0px 0px 0px;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}


.navbuttonone
{
width: 80px;
height: 27px;
float:left;
margin: 0px 0px 0px 2px;
padding: 13px 0px 0px 0px;
}

.navbuttontwo
{
width: 80px;
height: 33px;
float:left;
margin: 0px 0px 0px 2px;
padding: 7px 0px 0px 0px;
}

.navbuttonthree
{
width: 80px;
height: 27px;
float:right;
margin: 0px 0px 0px 0px;
padding: 13px 0px 0px 0px;
}

.navbuttonfour
{
width: 81px;
height:auto;
float:left;
margin: 0px 2px 0px 0px;
padding: 7px 0px 0px 0px;
background:url(images/button-colour-3a.png) repeat;
}

.navbuttonfive
{
width: 81px;
height:auto;
float:left;
margin: 0px 2px 0px 0px;
padding: 7px 0px 0px 0px;
background:url(images/button-colour-5a.png) repeat;
}



.heightnavone
{
height:27px;
}


.heightnavtwo
{
height:33px;
}


.buttoncolourone
{
border-top:#0a6294 solid 10px;
background:#FFFFFF;
}

.buttoncolourone a
{
color:#0a6294;
text-decoration:none;
}

.buttoncolourone:hover
{
background:#0a6294;
}

.buttoncolourone:hover a
{
color:#ffffff;
text-decoration:none;
}


.buttoncolouroneb
{
border-top:#0a6294 solid 10px;
background:#0a6294;
}





.buttoncolourtwo
{
border-top:#af5725 solid 10px;
background:#FFFFFF;
}

.buttoncolourtwo a
{
color:#af5725;
text-decoration:none;
}

.buttoncolourtwo:hover
{
background:#af5725;
}

.buttoncolourtwo:hover a
{
color:#ffffff;
text-decoration:none;
}

.buttoncolourtwob
{
border-top:#af5725 solid 10px;
background:#af5725;
}






.buttoncolourthree
{
border-top:#5592be solid 10px;
background:#FFFFFF;
}

.buttoncolourthree a
{
color:#5592be;
text-decoration:none;
}

.buttoncolourthree:hover
{
background:#5592be;
}

.buttoncolourthree:hover a
{
color:#ffffff;
text-decoration:none;
}

.buttoncolourthreeb
{
border-top:#5592be solid 10px;
background:#5592be;
}

.buttoncolourthreec:hover
{
background:#5592be;
}







.buttoncolourfour
{
border-top:#b8a800 solid 10px;
background:#FFFFFF;
}

.buttoncolourfour a
{
color:#b8a800;
text-decoration:none;
}

.buttoncolourfour:hover
{
background:#b8a800;
}

.buttoncolourfour:hover a
{
color:#ffffff;
text-decoration:none;
}

.buttoncolourfourb
{
border-top:#b8a800 solid 10px;
background:#b8a800;
}






.buttoncolourfive
{
border-top:#9b7836 solid 10px;
background:#FFFFFF;
}

.buttoncolourfive a
{
color:#9b7836;
text-decoration:none;
}

.buttoncolourfive:hover
{
background:#9b7836;
}

.buttoncolourfive:hover a
{
color:#ffffff;
text-decoration:none;
}

.buttoncolourfiveb
{
border-top:#9b7836 solid 10px;
background:#9b7836;
}

.buttoncolourfivec:hover
{
background:#9b7836;
}






.buttoncoloursix
{
border-top:#9f1761 solid 10px;
background:#FFFFFF;
}

.buttoncoloursix a
{
color:#9f1761;
text-decoration:none;
}

.buttoncoloursix:hover
{
background:#9f1761;
}

.buttoncoloursix:hover a
{
color:#ffffff;
text-decoration:none;
}

.buttoncoloursixb
{
border-top:#9f1761 solid 10px;
background:#9f1761;
}








.buttoncolourseven
{
border-top:#625489 solid 10px;
background:#FFFFFF;
}

.buttoncolourseven a
{
color:#625489;
text-decoration:none;
}

.buttoncolourseven:hover
{
background:#625489;
}

.buttoncolourseven:hover a
{
color:#ffffff;
text-decoration:none;
}

.buttoncoloursevenb
{
border-top:#625489 solid 10px;
background:#625489;
}







.buttoncoloureight
{
border-top:#6f7a50 solid 10px;
background:#FFFFFF;
}

.buttoncoloureight a
{
color:#6f7a50;
text-decoration:none;
}

.buttoncoloureight:hover
{
background:#6f7a50;
}

.buttoncoloureight:hover a
{
color:#ffffff;
text-decoration:none;
}

.buttoncoloureightb
{
border-top:#6f7a50 solid 10px;
background:#6f7a50;
}








.buttoncolournine
{
border-top:#6277a6 solid 10px;
background:#FFFFFF;
}

.buttoncolournine a
{
color:#6277a6;
text-decoration:none;
}

.buttoncolournine:hover
{
background:#6277a6;
}

.buttoncolournine:hover a
{
color:#ffffff;
text-decoration:none;
}

.buttoncolournineb
{
border-top:#6277a6 solid 10px;
background:#6277a6;
}






.buttoncolourten
{
border-top:#4f5d43 solid 10px;
background:#FFFFFF;
}

.buttoncolourten a
{
color:#4f5d43;
text-decoration:none;
}

.buttoncolourten:hover
{
background:#4f5d43;
}

.buttoncolourten:hover a
{
color:#ffffff;
text-decoration:none;
}

.buttoncolourtenb
{
border-top:#4f5d43 solid 10px;
background:#4f5d43;
}






.buttoncoloureleven
{
border-top:#7d4174 solid 10px;
background:#FFFFFF;
}

.buttoncoloureleven a
{
color:#7d4174;
text-decoration:none;
}

.buttoncoloureleven:hover
{
background:#7d4174;
}

.buttoncoloureleven:hover a
{
color:#ffffff;
text-decoration:none;
}

.buttoncolourelevenb
{
border-top:#7d4174 solid 10px;
background:#7d4174;
}






.whitebuttontext a
{
color:#FFFFFF;
}

.navbuttonone p
{
text-align:center;
}

.navbuttontwo p
{
text-align:center;
}

.navbuttonthree p
{
text-align:center;
}

.navbuttonfour p
{
text-align:left;
}

.navbuttonfive p
{
text-align:left;
}



#nav li
{
float:left;
}





/*-------------------------------------*/



#contentholder
{
width: 790px;
height:auto;
min-height: 350px;
float: left;
margin:0px;
padding: 66px 55px 55px 55px;
}


#kidcontentholder
{
width: 900px;
height:auto;
float: left;
margin:0px;
padding: 0px;
background:url(images/content-back-image-3.jpg) 0px 0px repeat-y;
}


.contentbackgroundone
{
background:url(images/content-back-image.jpg) 0px -55px no-repeat #ddebeb;
}

.contentbackgroundtwo
{
background:url(images/content-back-image-2.jpg) 0px -55px no-repeat #ddebeb;
}

.contentbackgroundthree
{
background:url(images/bottom-image-kid.png) bottom no-repeat;
}

.contentbackgroundfour
{
background:url(images/content-back-image-4.jpg) 0px -55px no-repeat #ddebeb;
}



#contentholder h1
{
font-size:3.2em;
line-height:1.05em;
font-weight:lighter;
color:#017575;
margin: 0px 0px 20px 0px;
}

#contentholder h2
{
font-size:24px;
line-height:29px;
font-weight:lighter;
text-align:right;
color:#017575;
margin: 0px 0px 20px 0px;
}

#contentholder h3
{
font-size:14px;
line-height:29px;
font-weight:lighter;
text-align:right;
color:#017575;
margin: 0px 0px 20px 0px;
}

#contentholder h4
{
width:365px;
height:25px;
font-size:14px;
line-height:24px;
font-weight:lighter;
text-align:left;
color:#ffffff;
background:#017575;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 10px;
}

#contentholder p
{
line-height:18px;
font-size:12px;
font-weight:lighter;
color:#333333;
margin: 0px 0px 8px 0px;
}

#contentholder strong
{
color:#017575;
font-weight:bold;
}


#contentholder a
{
color:#017575;
text-decoration:underline;
}


#contentholder ol
{
color:#333333;
line-height:18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
}

#contentholder ul
{
color:#333333;
line-height:18px;
list-style:square;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
}

#contentholder li
{
color:#333333;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 15px;
}



.leftcontent
{
width: 385px;
height:auto;
float: left;
margin:0px;
}

.leftcontent img
{
float: right;
margin:0px;
}

.leftcontentone
{
width: 385px;
height:auto;
float: left;
margin:0px;
padding: 0px 0px 20px 0px;
}

.leftcontenttwo
{
width: 190px;
height:auto;
float: right;
margin:0px;
padding: 0px 0px 20px 20px;
}

.leftcontentthree
{
width: 175px;
height:auto;
float: left;
margin:0px;
padding: 0px 0px 0px 0px;
}


.leftcontentfour
{
width: 385px;
height:auto;
float: left;
margin:0px;
padding: 220px 0px 0px 0px;
}



.rightcontent
{
width: 375px;
height:auto;
float: right;
margin:0px;
}

.rightsplitleft
{
width: 165px;
height:auto;
float: left;
margin:0px;
padding: 25px 0px 0px 0px;
}

.rightsplitright
{
width: 165px;
height:auto;
float: right;
margin:0px;
padding: 25px 0px 0px 0px;
}




#bottomblackline
{
width: 872px;
height:11px;
float: left;
margin:0px;
padding: 14px;
background:#000000;
}


#bottomblackline p
{
text-align:center;
color:#FFFFFF;
font-size:11px;
}

#bottomblackline strong
{
margin: 0px 5px 0px 5px;
color:#4f5d43;
}



#footer
{
width: 872px;
height:11px;
float: left;
margin:0px;
padding: 30px 14px 30px 14px;
}


#footer p
{
text-align:center;
color:#FFFFFF;
font-size:11px;
}

#footer a
{
text-align:center;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}

#footer strong
{
margin: 0px 5px 0px 5px;
color:#4f5d43;
}






/*---------------- NAV --------------------------------------*/

#topnav
{
width: 900px;
height:auto;
float: left;
color: #FFFFFF;
font-size: 18px;
line-height: 30px;
background-color:#ddebeb;
}

#topnav a
{
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
}

#topnav a:hover
{
color:#017575;
}



/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
	

	/* QuickMenu 0 */

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
	
		color:#FFFFFF;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		margin: 0px;
		line-height:14px;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{
		width: 110px;
		height: auto;
		background-color:#88bcba;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:5px 10px 5px 10px;
		color:#ffffff;
		font-family:Arial;
		font-size:12px;
		font-weight: bold;
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		color:#ffffff;
		background-color: #017575;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:#007D94;
	}


	/*"""""""" Box Animation Styles""""""""*/	
	#qm0 .qmbox	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" (sub) Rounded Items""""""""*/	
	#qm0 div .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (sub) Rounded Items Content""""""""*/	
	#qm0 div .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}

/* -------------------------------------- */



.alineright
{
text-align:right;
}





/*Text inputs*/
.textinputone, .textinputHoveredone {
	width:183px;
	height:15px;
	background-image:url(images/name.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:none;
	float:right;
	padding:4px 4px 4px 44px;
	margin-bottom:10px;
}
.textinputHoveredone {
	
}


/*Text inputs*/
.textinputtwo, .textinputHoveredtwo {
	width:183px;
	height:15px;
	background-image:url(images/email.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:none;
	float:right;
	padding:4px 4px 4px 44px;
	margin-bottom:10px;
}
.textinputHoveredtwo {
	
}



/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	color:#ffffff;
	font-weight:100;
	float:right;
	text-align:center;
	padding:2px 5px;
	border:#999999 solid 1px;
	background-color:#017575;
	cursor:pointer;
}
.buttonSubmitHovered {
	
}


.formcontent
{
width: 235px;
height:auto;
float: right;
margin:0px;
}