/* website by Emma Rudling www.ruddygoodwebsites.co.uk */

body {
	background-color: #FBBC55;
	background-image:url(imagesdwru/background.png);
	background-position:top;
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
}


html { 
min-height : 100%; 
margin-bottom : 1px; 
}
/* colours: 
#FFFF82 pale yellow 
#FBC725 logo yellow?
#FFDD00 strong yellow
#FFFFFF white
#000000 black
#0000CC dark blue border
#0000FF dark blue
#FF0000 Red
#800080 PinkC 
#0070B8 Blue
#CC9900 Pale brown
#eeeeff pale blue background
F6EF84
FFF9AE
AB9578 - sandy brown on olop
2A6EBB - blue on banner
 */

  
  /*boxes and spaces */
#wrapper {
	width: 950px;
	background-color: #FFF;
	height: auto;
	background-position:center;
	margin: 0px auto;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
}

#wrapper2 {
	width: 948px;
	background-color: #fff;
	overflow:hidden;
	margin: 0px auto;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
}

#banner {
	width:950px;
	background-image:url(imagesdwru/banner9.jpg);
/*	background-color:#fBC725;*/
	background-position:center;
	height: 124px;
	background-repeat: no-repeat;

}	

#headingwelcome {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16pt;
	font-style:normal;
	font-weight: bold;
	text-align: center;
	width: 950px;
}
#maincontents {
	width:98%;
	min-height:400px;
	background-color:#FFF;
	color: #000000;
	text-align:justify;
	line-height: 150%;
	padding-left:10px;
  }
#maincontents2 {
	float : left;
	width : 79%;
	min-height:400px;
/*	height : 950px;
*/	line-height: 150%;
	font-size : 12px;
	background-color : #ffffff;
}

#maincontents2 li {
	line-height:200%;
}

#maincontents3 { 
float : left; 
width : 18%;
min-height:400px; 
padding: 0 2% 0 0 ;
background-color : #ffffff; 
} 

#maincontents3 li {
	display:block;
	height:26px;
	text-indent:0px;
	text-decoration : none;
	list-style:none;
	padding : 5px 0px;
	margin:0;
	border-bottom : 1px solid #cc9900;
	font-size : 11px;
}

#maincontents3 ul {
margin-top :5px; 
} 

#maincontents3 ul li:hover {
	background-color : #ffff82 !important;
}

#maincontents3 a, a:link, a:visited {
	text-decoration:none;
}
#maincontents3 ul li a:hover {
	text-decoration:underline;
	color:#000;
	background-color:#ffff82;
}

#maincontents4 {
	float : left;
	width : 79%;
	min-height:400px;
/*	height : 950px;
*/	line-height: 150%;
	font-size : 12px;
	background-color : #ffffff;
}

#maincontents4 li {
	line-height:200%;
}
#mainsign { 
float : left; 
width : 18%;
min-height:500px;
/*height : 950px; 
*/padding: 0 2% 0 0 ;
background-color : #ffffff; 
} 


#mainsign li {
	display:block;
	height:40px;
	text-indent:0px;
	text-decoration : none;
	list-style:none;
	padding : 5px 0px;
	margin:0;
	border-bottom : 1px solid #cc9900;
	font-size : 11px;
}

#mainsign ul {
margin-top :5px; 
} 

#mainsign ul li:hover {
	background-color : #ffff82 !important;
}

#mainsign a, a:link, a:visited {
	text-decoration:none;
}
#mainsign ul li a:hover {
	text-decoration:underline;
	color:#000;
	background-color:#ffff82;
}

#fullfloat {
	width:100%;
	float:left;
	}
#right {
	width:210px;
	float:right;
	}

.trainingpicb {
	float:right;
	padding: 5px 0px 5px 10px;
}

.trainingpic {
	padding:10px;
}
	
#left	{
	float:left;
	width:200px;
	}
#staffdiv 	{
	width:100%;
/*	height:350px;
*/	float:left;

}
.staffimage	{
	float:left;
	padding: 10px;
	height:330px;
	}
	
.staffname {
	font-size:18pt;
	font-weight:bold;
	line-height:120%;
}

#families {
	width:auto;
	float: left;
	height:auto;
}



#anchor {
	text-decoration:none;
}

#bluearrows li {
	font-size:12px;
	line-height:150%;
list-style-image:url(imagesdwru/arrow.jpg);
}

#contactpage {
	line-height:100%;
	float:left;
	width: 50%;
}



#footer {
	text-align: center;font-size:10pt;
	font-style: italic;
	width: 950px;
	margin-left:auto;
	margin-right:auto;
	background-position: bottom;

  }
  
#space1 {
  text-align: center;
  font-style: italic;
  background-color: #2a6ebb;
  width: 100%;
  height: 3px;
  margin-bottom:10px;
  }
  
  
#space2 {
  text-align: center;
  font-style: italic;
  background-color: #EEEEff;
  width: 950px;
  height: 3px;
  }
  
#space3 {
  text-align: center;
  font-style: italic;
  width:950px;
  margin-left:auto;
  margin-right:auto;
  background-color: #2a6ebb;
  height: 5px;	
  }
 
#formtable2 {
	width: 600px;
	text-align: left;
	border: 0;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #000000;
	}
#formtable {
	width: 600px;
	text-align: left;
	border: 0;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:auto;
	color: #000000;
	}
	
#whichA {
	width:650px;
	border:thick #FF0000 ridge;
	}
	
#whichB {
	width:650px;
	border:thick #0000FF ridge;
	}
	
#whichC {
	width:650px;
	border:thick #800080 ridge;
	}  
  
#whichC2 {
	width:730px;
	border:thick #800080 ridge;
	padding-left:10px;
	}   
#whichA, #whichB, #whichC li{
	list-style-position:inside;
}

.dot {
	list-style:circle;
	line-height:200%;
}

.al { text-align:left;}

.ar { text-align:right;}

.ac { text-align:center;}

#ac {
	text-align:center;
}

#timetable {
	text-align:left;
	margin:0 auto;
}

#timetablelvl {
	text-align:left;
}
/***********************************************/
/* nav bar                                */
/***********************************************/


#nav { 
margin:0; 
padding:0; 
float:left; 
width:auto; 		
margin: 0px auto;
}

#nav li { 
display:inline;
text-indent:0px;
padding:0; 
margin:0; 
} 
 

#nav a:link,
#nav a:visited { 
color:#000;  
padding:8px 8px 10px 8px;
width: 84px;/*79 with 10tabs was 84 with only 9 tabs*/
float:left; 
text-align:center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
} 

#nav a:hover { 
color:#000;
text-decoration:none;
background-color:#FFFF82;
/*background:url(imagesdwru/hover.jpg) #FFF4AA repeat;*/
height:22px;
} 

#nav a:active { 
color:#cc9900; 
text-decoration:underline;
} 

#navbar{
width:950px;
height:40px;
background-image:url(imagesdwru/950by36b.jpg);
background-repeat:no-repeat;
}


#listpage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
 
  /*  text appearance */
  
  
.heading {
	font-family:Arial, Helvetica, sans-serif;font-size:12pt;
	font-style: normal;
	font-weight: bold;
	text-align:center;
}

.headingleft {
	text-align:left;
	font-size:12pt;
	font-weight:bold;
}

.tabletext p {
	font-size:8pt;
	text-align:left;
}

.tabletext h3 {
	font-size:10pt;
	text-align:center;
}

.trainingtext p{
	font-size:10px;
	vertical-align:top;
}

.backup {
	font-size:9pt;
	font-style:italic;
	float:right;
}

h1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-style: normal;
	font-weight: bold;
	
}

h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: bold;
	text-align:left;
	line-height:110%;
}

h3	{font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-style: normal;
	font-weight: bold;
	text-align:center;
	}
	
h4	{font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	}

h5	{
	font-size:8pt;
	line-height:100%;
	text-align:center;
	}
h6	{
	font-size:9pt;
	text-align:center;
	}
	
.downfont {
	font-size:20px;
	text-align:left;
	text-decoration:none;
}

.downfont a{
	text-decoration:none;
}

.footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style:italic;
	text-align:center;
	}
	
.ejar {
	font-family:Gigi;
	font-size:12px;
}
p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
}

p span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:justify;
}
.wac li{
	list-style:lower-alpha;
}
ul li	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	}

li	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	}

ul{
	font-family: Arial, Helvetica, sans-serif;font-size:10pt;
	list-style:square;
}

ul ul{
 	list-style:disc;
}

ul ul ul{
 	list-style:circle;
}

ul ul ul{
 list-style:square;
}

.wideline {
	line-height:200%;
}

.RedA {color: #FF0000;font-size:16pt;
	font-weight:bold}

.BlueB {color: #0000FF;
	font-size:16pt;
	font-weight:bold}
	
.BlueBC {color: #0000FF;
	text-align:center;
	font-size:16pt;
	font-weight:bold}
	
.PinkC {color: #800080;
	font-size:16pt;
	font-weight:bold}
	
.Yellow{color:#FFFF82;
	margin-right:10px;
	}
	
.blue{color:#0000ff;
}

.red {color:#FF0000;
}
.rednew {
	color:#900;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

#maincontents .rednew a {	color:#900;	font-size:14px;	font-weight:bold;	font-style:italic;}
#maincontents .rednew a:hover {background-color:#FFFFFF;}
.pink {color:#800080;}

.whitewriting {
	color: #FFFFFF;
	font-weight: bold;
}

#bluekids {
	color:#00F;
	text-align:center;
	font-size:18px;
	font-family:"Comic Sans MS", cursive;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}

.styleLvl1 {
		font-weight: bold;
		background-color:#ccffcc;
}
.styleLvl2 {
background-color: #99CCFF;
}
.styleLvl3 {
background-color: #FFFF99;
}

.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align: left;
	line-height: normal;
}

.newstabletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: bold;
	color: #0000CC;
	background-color: ;
	border-top-color: #0000CC;
	border-right-color: #0000CC;
	border-bottom-color: #0000CC;
	border-left-color: #0000CC;
	vertical-align: middle;
	font-style: normal;
	text-align: justify;
	
}

#opentimes {
	background-color:#FFFF82;
	float:left;
	width:auto;
	}
	
#opentimes ul li {	
	list-style:none;
	text-align:right;
	margin-right:10px;
	}
	
.marg100 {
	margin-left:130px;
}
.opentimestable  {
	font-family: Arial, Helvetica, sans-serif;font-size:10pt;
	text-align: left;
	margin-left: 50px;
	line-height:100%;
	}
	
.venues p, .venues a{
	line-height:100%;
	text-align:left;
	text-decoration:none;
}

.venues a:link{
	text-decoration:none;
}
.venues a:visited{
	text-decoration:none;
}
.enquiryform {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	background-color: #eeeeff;
	width: 150px;
}

.enquiryform2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	background-color: #eeeeff;
	width: 600px;
}
.enquiryform3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	background-color: #eeeeff;
	width: 250px;
	vertical-align:top;
	text-align:left;
		}
.enquiryform4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	background-color: #eeeeff;
	width: 250px;
	height:75px;
	
	}
.enquiryform5 {
	font-family: Arial, Helvetica, sans-serif;font-size:12pt;
	background-color: #eeeeff;
	width: 300px;
}

.training li	{
	list-style-image:url(imagesdwru/yellowsmall.GIF);
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	}

/* hyperlink looks */

#maincontents4 .lvl1 a:hover { background-color: #ccffcc;}
#maincontents4 .lvl2 a:hover { background-color: #99CCFF;}
#maincontents4 .lvl3 a:hover { background-color: #FFFF99;}

#timetable .lvl1 a:hover { background-color: #ccffcc;}
#timetable .lvl2 a:hover { background-color: #99CCFF;}
#timetable .lvl3 a:hover { background-color: #FFFF99;}
a:link {
	text-decoration:underline;
	color:#000000;
}
a:visited {
	text-decoration: underline;
		color: #000000;
}
a:hover {
	text-decoration: underline;
	color:#000000;
	background-color: #ffff82;
		}
		
a:active {
	text-decoration: underline;
	color:#000000;
}
#signcontent a:hover
{
	color: #000000;	
	text-decoration: none;
}

#signcontent a.active 
{
	color: #000000;
	text-decoration: none;
}

#signcontent a.active:hover
{
	color: #000000;
	text-decoration: none;
	background-color:
}

#signcontent a.selected, #signcontent a.selected:hover
{
	color: #000000;
	text-decoration: none;
}

/*forms information 		*/

#trainingwrapper {
	width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	background-position:center;
	height: auto;
}

	
#trainingform1 p {
	font-family: Arial, Helvetica, sans-serif;font-size:12pt;
	vertical-align: top;
	text-align:right;

	}

div.c1 {text-align: center}

.atoz {
display:block;
height:25px;
}

.atoz ul, .atoz ul li{
float:left;
display:block;
border:0px;
margin:0px;
padding:0 5px;
list-style:none;
height:25px;
line-height:25px; } 


.atoz ul li a{
color:#009;
font-family : Arial, Helvetica, sans-serif; 
text-align:center;
text-decoration:none;
display:block; } 

.backtop {
	font-size:12px;
	font-style:italic;	
	margin-top:5px;
	float:right;
	}
#atoztable  {
	margin:0 auto;
	height:auto;
	border: 0;
	padding: 1px;
	text-align:left;
	}
	
#atoztable td{
	vertical-align:text-top;
}
#atoztable th {
	background-color:#cc9900;
}
span.c2 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #330000; text-decoration: none;}
a.c1 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #555555; text-decoration: none;}

#update {
	background:#BE9300 url(imagesdwru/blueheader2.jpg) no-repeat;
	width:350px;
}

.updatehdr {
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#updatein {
	background-color:#FFF;
	color:#000;
	margin-left:2px;
	margin-right:2px;
}

#updatein a{
	text-decoration:none;
}
.eventbox {
	position:relative; 
	margin-right:20px;
	width:500px;
}

.boxhead { position:relative; background: #000000; }
.boxheader { position:relative; padding:7px; font-size:14px; color:#FFFFFF; }
.boxbody {
	position:relative;
	background: scroll #222222;
	margin-bottom: 10px;
}
.boxbodytext { position:relative; padding:7px; height:auto;}

.div-divider { position:relative; height:1px; border-top:1px dotted #666666; margin-top:5px; margin-bottom:5px; } 

.newswrapper {
	padding-bottom:5px; 
	border-bottom: 	1px dotted #666666; 
	margin-bottom:5px; 
	color:#FFF;
	height:38px;
}

.newswrapperinner{
	height:30px;
	position:relative; 
	float:right; 
	width:460px; 
	text-align:left;
	color:#FFFF00;
	}
.newswrapper a{
	color:#FFFF00;
	text-decoration:none;
}

.newswrapper a:hover {
	color:#ffff00;
	background-color:#222222;
	text-decoration:underline;
}

.newswrapper img{
	text-align:center;
}
#flash {
	height:750px;}