/* CSS Document */


/* Build of the site*/
/*---------------------------------------------------------------------------------------------------*/


/*This is the normal main body for the page. Overall font size is 1em. Background image created thin. Position is to go top of page repeats X. Background colour is incase screen is extra extra long*/
BODY{
background-image:url('images/background.gif');
background-position:top;
background-repeat:repeat-x;
background-color:#b3d5ff;
margin: 0 0 0 0;
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

/*This is the normal bosy (paragragh) of text, normal text is set to a percent of the font size in body*/
p{
/*color:#00FF00;*/
margin : 0 0 1em 0;
padding : 0 0 0 0;
}

/*a=this defines how links appear*/
a{
	text-decoration:none;
	color: #2c80ba;
}

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


H1{
	font-size : 150%;
	color : #2c80ba;
	padding : 0 0 3px 38px;
	margin : 0 0 5px 0;
	font-weight : bold;	
	font-family : tahoma, helvetica, sans-serif;
	background-image : url(images/h1.gif);
	background-position : 0 1px;
	background-repeat : no-repeat;
	border-bottom : 1px dotted black;
	text-transform : uppercase;
	/* height : 23px;	*/  /* try this on if probs in IE6 */
}

H2{
	font-size : 120%;
	color : #333;
	padding : 0 0 0 0;
	margin : 1em 0 1em 0;
	font-weight : bold;	
	font-family : tahoma, helvetica, sans-serif;
	text-transform : uppercase;
	/* height : 23px;	*/  /* try this on if probs in IE6 */
	display : block;
	clear : both;
	
	
}

H3{
	font-size : 120%;
	color : #333;
	padding : 17px 0 0 0;
	margin : 1em 0 1em 0;
	font-weight : bold;	
	font-family : tahoma, helvetica, sans-serif;
	width : 478px;
	text-transform : uppercase;
	/* height : 23px;	*/  /* try this on if probs in IE6 */
	display : block;
	
	border-top : 5px solid #f6b906;
	clear : both;	
	
}


HR{
	border : 1px solid #000;
	background-color : #f6b906;
	height : 5px;
	margin : 1em 0 1em 0;
	width : 487px;
}


/* MAIN SITE AREA*/
/*---------------------------------------------------------------------------------------------------*/


/*This is the main site area for the page, 750px. Background colour =#85A2B4 is the same as the flash logo*/
#sitearea{
width: 750px;
margin: 5px auto 0 auto;
background-color: #b2d0d8;

background-image:url('images/sitearea-background.gif');
background-position:0 0;
background-repeat:repeat-y;
}

/*Top box left: ADD A BACKGROUND IMAGE INCASE FLASH IS NOT INSTALLED*/
#boxleft{
width: 120px;
height: 120px;
background-color:#FFFFFF;
margin: 0 auto 0 auto; /*Top, right, bottom, left*/
float:left;

}


/*Top box right: ADD A BACKGROUND IMAGE INCASE FLASH IS NOT INSTALLED*/
#boxright{
width: 120px;
height: 120px;
margin: 0 auto 0 auto; /*Top, right, bottom, left*/
float:right;
}

/*This is for the flash banner for the page, the image is then inserted in dreamweaver: ADD A BACKGROUND IMAGE INCASE FLASH IS NOT INSTALLED*/
#flashphotobanner{
width: 500px;
height: 120px;
background-color:blue;
margin: 0 auto 0 auto; /*Top, right, bottom, left*/
}



/*This pushes the 3 main columns down by 10px and acts as a border from the scrolling background image on sitearea */
#topGap{
width : 750px;
height : 10px;
background-color : #b2d0d8;	
}



/*This is the main text box for the page, all text can then be added/edited in the normal view*/
#maintext{
/*background-color:#999999;*/
width: 483px;
margin:10px 0 0 13px;
float: left;
text-align : justify;
font-size:80%;
}

#maintext IMG{
	float : right;
	display : inline;
	border : 2px solid #333;
	margin : 0 0 13px 13px;
}


#maintext TABLE{
	font-size: 10px;
	text-align:left;
}




#menu{
	width : 120px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	float : left;
	display : inline;
}


#menu UL{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	font-size : 12px;	
}



#menu UL LI{
	list-style : none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	color : #fff;
	list-style-image : none;
	display : block;
	background-image : none;	
}


#menu UL LI A{
	color : #fff;
	text-decoration : none;
	display : block;
	padding : 6px 0 6px 12px;
	margin : 0;
	width : 108px;
	border-bottom : 1px solid #fff;
	font-weight : bold;
	background-color : #86B3E1;	
}


#menu UL LI A:hover{
	color : #fff;
	text-decoration : none;
	display : block;
	background-color : #72A1D1;	
}




#menu1 UL LI UL{
	margin : 0 0 0 ;
	padding : 0 0 0 0;
}

.menu UL LI UL LI{
	list-style : none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	color : #fff;
	list-style-image : none;
	display : block;
	background-image : none;		
}


#menu UL LI UL LI A{
	color : #0e1e35;
	text-decoration : none;
	display : block;
	padding : 6px 0 6px 20px;
	margin : 0;
	width : 100px;
	border-bottom : 1px solid #fff;
	font-weight : normal;
	background-color : #ebeb92;
	font-size : 10px;		
}


#menu UL LI UL LI A:hover{
	color : #000;
	text-decoration : none;
	display : block;
	background-color : #f5f5ba;	
}
































/*Ball Colour for splash logo =  #ad9604*/

/*SPONSORS*/
/*---------------------------------------------------------------------------------------------------*/


/* main links for the page, float is its position*/
#menurighthandcolumn{
background-color:white;
width: 120px;
margin:0 auto 0 auto;
float: right;
}

#sponsors{
clear:both;
Width: 750px;
height: 50px;
margin: 10px 0px 0px 0px;
padding: 0 0px 0px 0px;
border-top : 10px solid #b2d0d8;
}


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