body{

	font-family: Arial,sans-serif;

	color: #333333;

	line-height: 1.166;	

	margin: 0px;

	padding: 0px;

	background: #cccccc url(http://www.watsac.org.uk/watsacphp/images/web_images/bg_grad.jpg) fixed;

}



/******* hyperlink and anchor tag styles *******/



a:link, a:visited{

	color: #005FA9;

	text-decoration: none;

}



a:hover{

	text-decoration: underline;

}



/************** header tag styles **************/



h1{

 font: bold 120% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h2{

 font: bold 114% Arial,sans-serif;

 color: #006699;

 margin: 0px;

 padding: 0px;

}



h3{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

 font: 100% Arial,sans-serif;

 color: #333333;

 margin: 0px;

 padding: 0px;

}



h5{

 font: 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}

hiddenfont {
 
font: 1%  Arial,sans-serif;
 
 color: #000; /* same color as the surrounding text */

 margin: 0px;

 padding: 0px;
}

input.hiddeninput {
 font-size: 1%;
 background-color: #ffffcc;
padding: 0px;
 
}


/*************** list tag styles ***************/



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



/********* form and related tag styles *********/



form {

	margin: 0;

	padding: 0;

}



label{

 font: bold 1em Arial,sans-serif;

 color: #334d55;

}

				

input{

font-family: Arial,sans-serif;

}



/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#pagecell1{

	position:absolute;

	top: 120px;

	left: 2%;

	right: 2%;

	width:95.6%;

	background-color: #ffffff;

}



#tl {

	position:absolute;

	top: -1px;

	left: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 1000;

}



#tr {

	position:absolute;

	top: -1px;

	right: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 1000;

}



#masthead{

	position: absolute;

	top: 0px;

	left: 2%;

	right: 2%;

	width:95.6%;

	

}



#pageNav{

	float: left;

	width:178px;

	padding: 0px;

	background-color: #F5f7f7;

	border-right: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

	font: small Verdana,sans-serif;

}



#content{

	padding: 0px 10px 0px 0px;

	margin:0px 0px 0px 178px;

	border-left: 1px solid #ccd2d2;

}





/***********************************************/

/* Component Divs                              */

/***********************************************/

#siteName{

	margin: 0px;

	padding: 16px 0px 8px 0px;

	color: #ffffff;

	font-weight: normal;

}



/************** utility styles *****************/



#utility{

	font: 75% Verdana,sans-serif;

	position: absolute;

	top: 16px;

	right: 0px;

	color: #919999;

}



#utility a{

	color: #ffffff;

}



#utility a:hover{

	text-decoration: underline;

}



/************** pageName styles ****************/



#pageName{

	padding: 0px 0px 14px 10px;

	margin: 0px;

	border-bottom:1px solid #ccd2d2;

}



#pageName h2{

	font: bold 175% Arial,sans-serif;

	color: #000000;

	margin:0px;

	padding: 0px;

}



#pageName img{

	position: absolute;

	top: 0px;

	right: 6px;

	padding: 0px;

	margin: 0px;

}



/************* globalNav styles ****************/





/*************** search styles *****************/



#search{

	position: absolute;

	top: 5px;

	right: 10px;

	z-index: 101;

}



#search input{

  font-size: 70%;

  margin: 0px  0px 0px 10px;

 }

 

#search a:link, #search a:visited {

	font-size: 80%;

	font-weight: bold;

	

}



#search a:hover{

	margin: 0px;

}





/************* breadCrumb styles ***************/



#breadCrumb{

	padding: 5px 0px 5px 10px;

	font: small Verdana,sans-serif;

	color: #AAAAAA;

}



#breadCrumb a{

	color: #AAAAAA;

}



#breadCrumb a:hover{

	color: #005FA9;

	text-decoration: underline;

}





/************** feature styles *****************/



.feature{

	padding: 0px 0px 10px 10px;

	font-size: 80%;

	min-height: 200px;

	height: 200px;

}

html>body .feature {height: auto;}



.feature h3{

	font: bold 175% Arial,sans-serif;

	color: #000000;

	padding: 30px 0px 5px 0px;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

}

/************** siteInfo styles ****************/



#siteInfo{

	clear: both;

	border-top: 1px solid #cccccc;

	font-size: small;

	color: #cccccc;

	padding: 10px 10px 10px 10px;

	margin-top: 0px;

}



#siteInfo img{

	padding: 4px 4px 4px 0px;

	vertical-align: middle;

}





/************ sectionLinks styles **************/



#sectionLinks{

	margin: 0px;

	padding: 0px;



}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

	border-bottom: 1px solid #cccccc;

}



#sectionLinks a:link, #sectionLinks a:visited {

	display: block;

	border-top: 1px solid #ffffff;

	border-bottom: 1px solid #cccccc;

	background-image: url(http://www.watsac.org.uk/watsacphp/images/web_images/bg_nav.jpg);

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	color: #21536A;

}



#sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #DDEEFF;

	background-image: none;

	font-weight: bold;

	text-decoration: none;

}





/************* relatedLinks styles **************/



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	border-bottom: 1px solid #cccccc;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a{

	display: block; 

}





/**************** advert styles *****************/



#advert{

	padding: 10px;

}



#advert img{

	display: block;

}





/***     This is the grey bar with the menus in it **/





#gnl {

	position: absolute;

	top: 0px;

	left:0px;

}



#gnr {

	position: absolute;

	top: 0px;

	right:0px;

}


#menucontainer{

position: absolute;

z-index: 100;

top: 40 px;
	
height: 50px;

width:100%;



background-image: url(http://www.watsac.org.uk/watsacphp/images/web_images/glbnav_background_50.gif);
		
}


#menucontainer2{

position: absolute;

visibility:hidden;


width:100%;

z-index: 200;

top: 40 px;
	
height: 50px;



background-image: url(http://www.watsac.org.uk/watsacphp/images/web_images/glbnav_background_50.gif);
}


#menucontainer3{

position: absolute;

visibility:hidden;



width:100%;

z-index: 200;

top: 40 px;
	

height: 50px;



background-image: url(http://www.watsac.org.uk/watsacphp/images/web_images/glbnav_background_50.gif);
}

#menucontainer4{

position: absolute;

visibility:hidden;


width:100%;

z-index: 200;

top: 40 px;
	

height: 50px;



background-image: url(http://www.watsac.org.uk/watsacphp/images/web_images/glbnav_background_50.gif);
}


#menucontainer5{

position: absolute;

visibility:hidden;


width:100%;

z-index: 200;

top: 40 px;
	

height: 50px;



background-image: url(http://www.watsac.org.uk/watsacphp/images/web_images/glbnav_background_50.gif);
}

#menucontainer6{

position: absolute;

visibility:hidden;

width:100%;

z-index: 200;

top: 40 px;
	

height: 50px;



background-image: url(http://www.watsac.org.uk/watsacphp/images/web_images/glbnav_background_50.gif);
}




.title{
position:absolute;
top:7px;
text-align: center;
 color: #000; /* same color as the surrounding text */
  text-decoration: none; /* to remove the underline */
}




.menu1 { 
position:absolute;
top: 0px;
left:10px;
width: 500 px;

}


	
.menu2{
position:absolute;
top:0px;
left:90px;
width: 500 px;
	}
	


.menu3{
position:absolute;
top:0px;
left:170px;
width: 500 px;
}



.menu4{
position:absolute;
top:0px;
left:250px;
width: 500 px;
}



.menu5{
position:absolute;
top:0px;
left:330px;
width: 500 px;
}

.menu6{
position:absolute;
top:0px;
left:410px;
width: 500 px;

}


.menu7{
position:absolute;
top:0px;
left:490px;
width: 500 px;

}


.style1 {
font-size: 150%;
color: #FFFFFF;
}	

.stylemenus {
font-size: 80%;
color: #FFFFFF;
}	



.hiddenlink {
  color: #000; /* same color as the surrounding text */
  text-decoration: none; /* to remove the underline */
  /* cursor: text; to make the cursor stay as a text cursor, not the hand */
	}