/* 
Andy Holland - http://www.andyholland.org.uk/ 
*/

* { margin:0; padding:0;	}


body {
	font-family: Helvetica, Verdana, Arial, sans-serif; color: #454545; 
	font-size: 62.5%;
	line-height: 1.5
	}
	
html * { margin: 0;padding: 0; }


p {font-size:1.2em; line-height: 140%; margin-top:1em; margin-bottom:1em}
a { text-decoration: underline;color: #996600; }
a:visited{color: #0066cc; text-decoration: underline;}
a:hover { color: #0066CC; text-decoration: none; }
img { border: none; vertical-align: top;}

li,h1,h2,h3, h4{font-family: Helvetica, Verdana, Arial, sans-serif;}

ul,ol{list-style-type: none;}


/* ------------- Layout Styles -------------------------- */	


#wrapper {
	width: 700px;
	margin: 0 auto;
	text-align:left;
	border: 1px solid #CCC; 
}

#main {
 	width: 100%; 
 }

#mainSubText {
	float:right;
	padding:2em 1.5em 1em 0pt;
	width:440px;
   height: 100%; 
}

#indexContent { 
	float: left; 
	width: 410px;
	padding:1.5em 2em 2em 2.5em;
   height: 100%;
   margin:0;
 }

#eventBox {  
	float: right; 
	width: 200px; 
	height: 100%; 
	margin-top: 2em; 
	margin-right:1em;
	margin-left:0;
}

#subMenu { 
	float:left;
	height:100%;
	margin:2.5em 0 1em 1em;
	padding:0.8em;
	width:189px; 
	}

#footer { 
	clear: both;
	width:96%; 
	height: 4em;
}


	
/* ------------- Top Navigation Aid -------------------------- */
#navAid {  
	width: 100%; 
	padding: 0.5em 0 0.5em 2em;  
	font-size: 1.2em; 
	color:#369; 
}

/* ------------- Branding -------------------------- */
#header {
	border-top:6px solid #B4C52F;
}

 #header h1{
 	height: 44px;
 	width:255px;
 	margin:0.5em 0 0 1.1em;
 	padding:0.6em 0 0 1.1em;
	background-image: url(../images/wowlogo.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;	
 }
 

 #header h2{
	background-repeat: no-repeat;
 	position:absolute;
 	top: 70px;
 	margin:0;
 	padding:0;
 	margin-left:4em;
 	margin-bottom: 1em;
 	padding-bottom: 1em;
 	font-style: italic;
 	font-size:1.2em; 
 	line-height: 155%;
 	text-transform:capitalize;
 	font-weight:inherit;
 }

#header img{
	margin:0;
	padding:0;
	margin-top: 1em;
	padding-top:1em;
;

}

#headTitle{
	width:100%;
	margin:0;
	padding: 0;
}
/* --------the banner for mobiles -to be hidden------------*/

#mobileBanner{
	display:none;
}

/* ------------- Skip Navigation -------------------------- */


.skip { 
	text-indent: -9000px;
	line-height: 0;
	padding:0;
	margin:0;
	
}

/* ------------- Top Main Navigation -------------------------- */


#mainNavcontainer { 
	background: #036;
	height: 2.7em; 
	font-size: 1.2em;
	font-weight:bold;
	text-transform: capitalize;
}

#rubbish{
	background-image: url(../images/topindex.jpg);
	background-repeat: no-repeat;
	height:11.4em;
}

#mainNav li { 
	float: left; 
	padding: 0.4em 0 0.4em 2.0em; 
	display: block;
}

#mainNav li a, #mainNav li span,#mainNav li a:link { 
	color: #FFF; 
	text-decoration: none; 
	padding: 0.3em 0.5em 0.3em 0.5em; 
	display: block; 
}

#mainNav li a:hover{
	background-color: #B4C52F;  
}


/* ------------- Main content for Home page -------------------------- */

 
#indexContent p { 
	padding-bottom: 0.5em; 
	line-height: 1.6em; 
}

#indexContent h2 {
	font-weight:bolder;
	font-size: 2.2em; 
	color:#036; 
	padding-top: 0.4em;
	padding-bottom: 0.5em;
	text-transform:capitalize;
	}
	
#indexContent h3{
	text-transform: capitalize;
	font-weight:bolder;
	font-size: 1.6em; 
	padding-top: 0.4em;
	padding-bottom: 0.5em;
	}

#indexContent ul{
	font-size: 1.4em;
	list-style:disc;
}

#indexContent ul li{
	margin-left: 2em;
	margin-bottom:1em;
}

/* ------------- Styles for the Event menu on main page -------------------------- */
#eventBox {  
	background-color: #D1E7F2;
}	

#eventBox ul ul {
	border-bottom: solid black 1px;
}

#eventBox li {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 145%;
	margin:0.4em;
}

#eventBox li em{
	font-style: italic;
}

#eventBox h3 { 
	color: #FFF; 
	background-color:#036;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.3em 0.5em 0.3em 0.5em; 
	 }
	 
#eventBox h4 {
	font-size: 1.3em;
	color: #036;
	text-transform: none; 
	padding: 0;
}


*/
/* ------------- Main content for Sub pages -------------------------- */


#mainSubText p{
	padding-bottom:1em;
	padding: 1em 0.5em 0 0;
}

#mainSubText h2 {
	font-size: 2.1em;
	font-weight: normal; 
	color:#036; 
	padding-top:0;
	text-transform:capitalize;
	margin-top:0;
	
}

#mainSubText h3 {
	margin: 0.7em 0 0.5em 0; 
	font-size: 1.4em;
	text-transform: none; 
	color: #036; 
	background-color: #D1E7F2;
	padding: 0.8em 0 0.4em 0.4em;
	
}

#mainSubText h3 h3{
	display:inline;
}

#mainSubText h4 {
	font-size: 1.3em;
	color: #036;
	margin-top: 0;
	display:inline;
}

#mainSubText h5 {
	font-size: 1.3em;
	text-transform: none; 
	color: #996600;
	margin-top: 0.5em;
	margin-bottom: 0;
}

#mainSubText h6 {
	font-size: 1.1em;
	text-transform:capitalize; 
	color: #454545;
	margin-top: 0.1em;
	display:inline;
	font-style: normal;
}


#mainSubText ul{
	margin-top: .5em;
	margin-bottom: 2em;
	font-size: 1.2em;
}

#mainSubText ol ul{
	list-style-type: disc;
	list-style-image:url(../images/recyclegreen.gif);
	list-style-position: inside;
}



#mainSubText ol ul li{
	margin-bottom: 2em;
	}

/* ------------- Alphabetical links for the directory -------------------------- */


#navigation a{
	display:inline;
	margin-left: .27em;
	font-size: 1.5em;
	font-weight:bolder;
	text-decoration:underline;
	color:blue;
}

/* add an icon to external links*/
#mainSubText a[href^="http:"] {
  background: url(../images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}

/* add the icon to mailto links*/
#mainSubText a[href^="mailto:"] {
  background: url(../images/icon_email.gif) no-repeat right top;
  padding-right: 15px;
}


#subMenu {  
	background-color: #D1E7F2;
}

#subMenu ul{  
	background-color: #D1E7F2;
}

#subMenu h3 {

	border: 0.5em;
	margin: 0.5em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	background-color:#036; 
	font-size: 1.3em;
	color:#fff; 
	text-transform:capitalize;
}

/*
#subMenu h2 {font-size: 1.2em;font-weight: normal; color: #036;text-transform: none; padding: 0;}
*/
#subMenu ul{ 
	font-size: 1.2em;
	color: #036;
	margin: 0.8em, 0.4,0.4em, 0.4;
	padding: 0,1em,0,1em;
}

#subMenu li { 
	margin-top: 0.5em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	font-size:0.9em;
 }
 
#subMenu span {
	font-size: 1em;
	padding: .5em .4em;
	
}

#subMenu a{
	display: block;
	font-size: 1em;
	text-decoration: underline;
	color: #FFF;
	padding: .5em .4em;
}

#subMenu a:link, #subMenu a:visited {
	color: #036;
}

#subMenu a:hover{
	background-color: #B4C52F;
	color: #fff:
	text-decoration:none;
}

/*Style the current location differently */
.active a, .active span{
	display: block;
	background-color: #B4C52F;
	text-decoration: none;
}

/* ------------- Footer -------------------------- */
#footer {  
	background-color: #036; 
	padding: 0.8em 1em 0.8em 2em; 
	border-bottom: #B4C52F 1em solid; 
	font-size:0.9em§; color: #B4C52F;
}

#footer ul {
	list-style:none;
}

#footer li {
	font-size:1.2em;
	display:inline;
	padding: 1 0.8em 1.8em 0;
	margin-bottom:3em;
	line-height: 155%;
}

#footer a{ 
	text-decoration: underline; 
	color: #fff; 
} 
#footer a:hover{
	background-color: #B4C52F; 
	color: #036; 
	text-decoration: underline; 
}
#footer a:visited{
	color: #FFF; 
	text-decoration: underline;
} 

/* ---------form styling -----------*/
form {
  font-size: 1.4em;
  width: 30em;
  margin-bottom:1em;
  }

/* fieldset styling */
fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
  }

/* legend styling */
legend {
  font-weight: bold;
  font-size:larger; 
  }

/* style for  labels */
label {
  display: block;
  }

/* style for required labels */
label .required {
  font-size: .75em;
  color:#036;
  }
  
input {
  width: 200px; 
  }

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc; 
  }

textarea {
  width: 300px;
  height: 100px; 
  }

/*Style for when there is a problem submiting a form */
.error{
	color: red;
	clear:both;
	padding-left:1em;
	font-size : x-small;
	font-weight : normal; 
	}
	
#errors h4{
	display:block;
	border: 0;
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	text-decoration:none;
	margin-bottom:0;
	margin-top:0;
	 }