/* 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('image/new2011bkground.gif');
background-position:top;
background-repeat:no-repeat;
background-color:#fefefb;
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(image/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 : 510px;
	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: 780px;
margin: 15px auto 0 auto;
background-color: #dbdbdb;

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

#banner{
width: 780px;
height: 122px;
background-color:#fff;
margin: 0 auto 0 auto;
}

/*This pushes the 3 main columns down by 10px and acts as a border from the scrolling background image on sitearea */
#topGap{
width : 780px;
height : 0px;
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: 510px;
margin:10px 0 0 15px;
float: left;
text-align : justify;
font-size:80%;
}

#maintext .landscape{
	float : right;
	display : inline;
	border : 2px solid #333;
	margin : 0 0 13px 13px;
	width: 350px;
	height: 200px;
}

#maintext .portrait{
	float : right;
	display : inline;
	border : 2px solid #333;
	margin : 0 0 13px 13px;
	width : 250px;
	height : 380px;
}

#maintext .video{
	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 : #003c7b;	
}

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

#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: 780px;
height: 60px;
margin: 0px 0px 0px 0px;
padding: 0 0px 0px 0px;
border-top : 10px solid #f3301c;
}


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