/* CSS Document */
body { 
background-color:#DEDEDE;
color: #666666;
}
p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
}

/* CSS to format how hyperlinks look on the website  -------------------------------------------- */

a:link, a:visited { 
text-decoration: none; 
color: #666666;
}

a:hover, a:active { 
text-decoration: underline; 	
color: #000;
}

/* CSS code to format the H1 tags on each page --------------------------------------------  

h1 {
	margin: 30px 0 0 0;
	height: 30px;
	color: #666666;
	font-weight: normal;
	}

h2, h3 {
	margin: 20px 0 0 0;
	height: 20px;
	color: #666666;
	font-size: 1.5em;
	}

h3 {
	height: 10px;
	}
*/

/* End of CSS code to format the H1 tags on each page --------------------------------------------  */

/* CSS code to format the splash page of the website ----------------------------------------- */
#content_area_splash {
	width: 760px;
	padding: 5px 5px 5px 20px;
	float: left;
}
.section_option {
	float: left;
	width: 250px;
	margin: 10px 10px 10px 50px;
	padding: 10px;
	border: 1px #ccc solid;
}
.section_option h2 {
	color: #006497;
	font-weight: bold;
	margin-bottom: 2px;
}

/* End of CSS code to format the splash page */

/* CSS code to format the header of the website ----------------------------------------- */
#home_choice {
	width: 800px;
	background-color: #ccc;
}

#home_header{
margin: 0 auto;
width:740px;
height:55px;
background-color:#FFFFFF;
padding-left:20px;
}

#home_logo{
background-image:url(../images/home_logo.gif);
background-repeat:no-repeat;
width:186px;
height:61px;
float:left;
}

#nav_panel{
float:right;
}
#nav_panel li {
list-style-type: none;
display: inline;
height: 55px;
line-height: 55px;
font-size: 1.5em;
vertical-align: middle;
padding: 0 15px 0 15px;
border-right: 1px solid #006699;
}

#nav_panel li a {
text-decoration: none;
padding: 7px 10px;
color: #006699;
}

#nav_panel li a:link, #nav_panel li a:visited {
color: #006699;
}

#nav_panel li a:hover {
color: #000;
text-decoration:underline;
}
#nav_panel .end {
border-right: 0px;
}
/* End of CSS code to format the header of the website ----------------------------------------- */
/* CSS code to format the main image on each page  --------------------------------------------- */

#image_section {
background-color:#066114;
width:100%;
}

#main_image {
margin:0 auto;
width:760px;
height: 240px;
}
/* End of CSS code to format the main image on each page ----------------------------------------- */
/* CSS to format the main blue navigation -------------------------------------------------------- */

#nav_section_2{
background-color:#289F3C;
height:60px;
}

#nav{
margin:0 auto;
background-color:#006699;
width:760px;
height:100%;
}

#nav ul {
margin: 0px;
padding: 0px 10px 0 0;
color: #FFF;
text-align: center;
}

#nav li {
list-style-type: none;
display: inline;
height: 55px;
line-height: 55px;
font-size: 1.5em;
vertical-align: middle;
padding: 0 15px 0 15px;
}

#nav li a {
text-decoration: none;
padding: 7px 10px;
color: #fff;
}

#nav li a:link, #nav li a:visited {
color: #fff;
}

#nav li a:hover {
color: #fff;
background-color: #20447F;
text-decoration:underline;
}
/* End of CSS to format the main blue navigation ----------------------------------*/
/* CSS to style the home content ------------------------------------------------- */

.home_content{
margin:0 auto;
background-color:#FFFFFF;
width:760px;
}
#content_area_left{
width: 480px;
padding: 5px 5px 5px 20px;
text-align:left;
float: left;
}
#content_area_left p {
	color: #000;
}
#content_area_left h1 {
	line-height: 1.4em;
	color: #006699;
}
#content_area_left ul, #content_area_left ol {
	margin: 10px 0 0 20px;
	line-height: 1.5em;
}
#content_area_left li {
	margin-left: 10px;
	color: #000;
}
#content_area_left a:link, #content_area_left a:visited {
	text-decoration: underline;
	color: #000;
}
#content_area_left a:hover { text-decoration: none;}

#content_area_right {
width:230px;
/*margin-left:510px;*/
margin-top: 10px;
float: right;
}

#content_area_right ul { 
	margin: 70px 0 0 0; 
	text-align: left;
}
#content_area_right li {
	font-size: 9pt;
	width: 175px;
	line-height: 1.5em;
	color: #555753;
	display: block; 
	padding: 2px 0px 2px 8px; 
	margin: 3px 7px;
	border: 1px #ccc solid;
	background-color: #cc0;
	/*background: transparent url(../images/arrow.gif) no-repeat 0px 2px;*/
 	list-style-type: none;
}
#content_area_right .assets ul {
	margin-top: 15px;
}
#content_area_right .assets li {
	border-color: #006699;
	background-color: #ACC0CB;
}
#content_area_right input {
	margin: 3px 7px;	
}

#sub_nav_small li {
	border-color: #006699;
	background-color: #ACC0CB;
}
/* End of CSS to style the home content -------------------------------------- */
/* CSS to style the contact us section -------------------------------------- */

#contact_details{
width:300px;
background-color:#F4F4F4;
padding:5px 5px 0px 13px;
float: right;
height: 300px;
}

#contact_details p{
font-size:14px;
font-weight:bold;
color:#999999;
}

#contact_details ul{
list-style:none;
margin-left: 30px;
}

#contact_details li{
padding-bottom:20px;
padding-left:10px;
}
/* End of CSS to style the contact content -------------------------------------- */
/* CSS to style the news section -------------------------------------- */

#news_section{
width:400px;
padding:5px 5px 5px 20px;
line-height:20px;
text-align:left;
float: left;
}
#news_section h2 {
color:#006699;
font-weight: 1em;
margin-bottom: 1px;
}


/* End of CSS to style the news section -------------------------------------- */
/* CSS to format the forms on the website ==========================================================*/
#form {
	width: 500px;
	}
dl  {
	margin: 20px 0 0 20px;
}
dt {
	float: left;
	width: 150px;
	margin: 0 0 15px 0;
	padding-top: 4px;
	color: #555753;
}
dd {
	margin: 0 0 15px 0;
	color: #555753;
}
dd span {
	color: #666;
}
input, textarea {
	border: 1px #ccc solid;
	padding: 2px;
}
.submitbtn {
   margin: 3px 0 2px 0;
   color:#666666;
   font-family: Arial, Helvetica, sans-serif; 
   background-color: #efefef;
   font-weight: normal;
   border:1px solid #aaaaaa;
   }
/* End of CSS to format the forms on the website ==========================================================*/

#main_content_index_page{	
margin: 50px auto;
text-align: left;
width: 800px;
}
	

#bg_image{
background-image:url(../cssimages/index_bg.jpg);
width:800px;
height:530px;
}

#main_text{
margin: 0 auto;
padding-top:80px;
padding-bottom:5px;
width:165px;
}

#main_text p{
color:#FFFFFF;
font-size:24px;
font-weight:bold;
margin: -1px -1px -1px -1px;
}

#main_text hr{
border:none;
height:3px;
background-color:#FFFFFF;
}

#quot_text{
margin: 0 auto;
padding-top:30px;
padding-bottom:5px;
/*width:500px;*/
height:50px;
text-align:center;
}

#quot_text p{
color:#FFFFFF;
font-size:16px;
font-weight:bold;
font-family:"Courier New", Courier, monospace;
}

#pad_area{
margin: 0 auto;
margin-top:5px;
/*width:600px;*/
height:150px;
}

#left_pad_text{
width:150px;
height:200px;
padding-left:210px;
float:left;
}

#left_pad_text a:link, #left_pad_text a:visited {
	color: #fff;
}

#left_pad_text p{
color:#FFFFFF;
}

#right_pad_text{
width:200px;
height:250px;
float:right;
padding-right: 90px;
}

#right_pad_text a:link, #right_pad_text a:visited {
	color: #fff;
}

#rigt_pad_text_1{
margin-left:50px;
}

#right_pad_text p {
color:#FFFFFF;
}

#nav_section_3{
background-color:#289F3C;
width:100%;
height:40px;
}

#nav_area_3{
margin:0 auto;
background-color:#006699;
width:760px;
height:100%;
}

#nav_area_3 div{
float:right;
color:#FFFFFF;
font-size:16px;
padding-top:10px;
padding-left:110px;
padding-right:110px;
height:22px;;
}				
#footer{
background-color:#289F3C;
width:100%;
height:120px;
}

#footer_area{
margin:0 auto;
background-color:#999999;
width:736px;
height:110px;
padding:5px 5px 5px 20px;
	}
	
#footer_area p {
	text-align: center;
}

#content_area_right img {
	width: 180px;
	margin: 5px 8px;
}
/*#content_area_right li {
line-height: 30px;
height: 30px;
vertical-align: middle;
}*/			

#link_image{
background-image:url(../images/links.gif);
background-repeat:no-repeat;
width:232px;
height:195px;
}

#link_image div{
padding-left:40px;
color:#2079A6;
font-size:14px;
font-weight:bold;	
}

#link_image_a{
padding-top:43px;
}

#link_image_b{
padding-top:27px;
}

#link_image_c{
padding-top:24px;
}

#link_image_d{
padding-top:24px;
}



/* class area */
.heading{
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}

.home_heading{
color:#717171;
font-size:16px;
font-weight:bold;
}

.email{
list-style-image:url(../images/mail.gif);
font-size:12px;
}

.contact{
list-style-image:url(../images/phone.gif);
font-size:12px;
}

.footer_text{
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:bold;
}

.nav_sep{
list-style-image:url(../images/nav_sep.gif);
background-repeat:no-repeat;
width:5px;
height:57px;
}
.person {
	float: left;
	text-align: center;
	border: 1px #ccc solid;
	padding: 5px;
	margin: 3px;
	width: 140px;
	height: 220px;
	vertical-align: middle;
}
.programme, .supporters {
	float: left;
	width: 210px;
	margin: 8px;
	padding: 3px;
}
.strapline {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1.2em;
	color: #000;
	text-align: center;
}




/* CSS by Stuart to be moved  -------------------------------------------- */
#content_area_right ul li.subnav_level_2 {
	margin-left: 30px;
	width: 152px;
}