/* CSS style sheet prepared by sitewriters.co.uk - HTML tags */

html{font-family: Arial, Helvetica, sans-serif; font-size:1em}

body{font-size:0.9em;}

h1{font-size:1.3em; font-weight:bold; color:#C33; background-color:#FFF; margin:0; padding:10px;}
h2{font-size:1.1em; font-weight:bold;}
h3{font-size:0.9em;}
p{padding:5px 10px; margin:0;}

img{border:none;}

a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:underline; color:#000;}
a:active{text-decoration:none; color:#000;}

ul {list-style: none; margin: 0; padding: 0;} 

/* IDs */

#wrapper{
position:relative;
width:760px; margin-left:auto; margin-right:auto;
}

#header{
width:760px; height:100px; margin-left:auto; margin-right:auto;clear:both;}

#frontimageline{
width:760px; margin-left:auto; margin-right:auto;margin-top:20px;}

#frontcontent{
width:760px; height:auto; margin:10px auto 20px auto; clear:both;}

#programmeboxholder{width:760px; height:195px; margin-left:auto; margin-right:auto;  clear:both;}

#toplinks{
float:right;
width:450px; height:50px;
color:#036; background-color:#FFF;
font-size:0.9em;
text-align:right;
padding-top:15px;
}

#date{
float:right;
width:450px; height:35px;
color:#036; background-color:#FFF;
font-size:0.9em;
text-align:right;}

#mainimage{
float:left;
width:500px;
height:240px;
}

#logo{
float:left;
height:100px;
width:300px;
}

#maincontent{
position:absolute; top:347px; left:0;
width:740px; height:auto;
padding:10px;
text-align:left;
}

#innermaincontent{
width:760px; height:auto; margin:10px auto 20px auto; clear:both;}

#innernarrowcontent{
float:left;
width:560px; height:auto;
margin-bottom:25px;
}
#redlist{}

#redlist ul{
list-style:disc; margin:10px 0 10px 40px; }

/*#innernarrowcontent ul{margin-left:30px;}

#innernarrowcontent li{list-style-image:url(/images/bullet.gif);
padding:2px 0;
margin-top:3px;}*/

#innerimagecolumn{float:left; width:200px; height:auto;clear:right;}

#bottombox1{
float:left;
width:182px; height:190px;
border:1px;
border-color:#C33;
border-style:solid;
text-align:center;
padding:5px 0; margin-right:8px;
}

#bottombox2{
float:left;
width:182px; height:190px;
border:1px;
border-color:#C33;
border-style:solid;
text-align:center;
padding:5px 0; margin-right:8px;
}

#bottombox3{
float:left;
width:182px; height:190px;
border:1px;
border-color:#C33;
border-style:solid;
text-align:center;
padding:5px 0; margin-right:8px;
}

#bottombox4{
float:left;
width:182px; height:190px;
border:1px;
border-color:#C33;
border-style:solid;
text-align:center;
padding:5px 0;
}

#footer{
width:760px; margin-left:auto; margin-right:auto; margin-top:20px;
padding:10px 0 0 2px;
font-size:0.9em;
border-top:1px solid #C33;clear:both;
}

#footer p{margin:0; padding:2px 0;}

/* Navigation */

#topnavigation{
position:absolute; top:100px; left:0;
width:760px; height:20px;
color:#FFF; background-color:#036;
font-weight:bold;
font-size:1em;
text-align:left;
}

#right1{
float:right;
width:260px; height:48px;
color:#FFF; background-color:#C33;
text-align:left;
}
#right2{
float:right;
width:260px; height:48px;
color:#FFF; background-color:#8CBC42;
text-align:left;
}
#right3{
float:right;
width:260px; height:48px;
color:#FFF; background-color:#C33;
text-align:left;
}
#right4{
float:right;
width:260px; height:48px;
color:#FFF; background-color:#8CBC42;
text-align:left;
}
#right5{
float:right;
width:260px; height:48px;
color:#FFF; background-color:#C33;
text-align:left;
}

#right1, #right2, #right3, #right4, #right5{color:#FFF; font-weight:bold; font-size:1em;}
#right1 a:link, #right2 a:link, #right3 a:link, #right4 a:link, #right5 a:link{color:#FFF; text-decoration:none;}
#right1 a:visited, #right2 a:visited, #right3 a:visited, #right4 a:visited, #right5 a:visited{color:#FFF; text-decoration:none;}
#right1 a:hover, #right2 a:hover, #right3 a:hover, #right4 a:hover, #right5 a:hover{color:#FFF; text-decoration:underline;}
#right1 a:active, #right2 a:active, #right3 a:active, #right4 a:active, #right5 a:active{color:#FFF; text-decoration:none;}

#rightinnerimage{
float:left;
width:200px; height:auto;
margin: 0 10px 30px 0;}

/* Classes */

.onea{font-size:1em; padding:0 5px;}
.twoa{font-size:1.4em; padding:0 5px;}
.threea{font-size:1.6em; padding:0 5px;}

.bold{font-weight:bold;}
.italic{font-style:italic;}
.bolditalic{font-weight:bold; font-style:italic;}

/* innernavigation */

#leftnav {
	float:right;
	width: 155px;
	margin:0 0px 30px 10px;
}

#toplevel ul {list-style: none; margin: 0; padding: 0;} 
#toplevel li{list-style: none; margin: 0; padding: 0;}

.toplevel {
    width: 140px;
    color: #FFF; background-color:#C33;
    display: block;
    text-align: left;
    font-size: 1em;
    padding: 0.2em 0.5em 0.2em 0.5em;
	text-decoration: none;
}
    
.toplevel li a {
    voice-family: "\"}\"";
    voice-family: inherit;
	color: #FFF; background-color:#036;
    padding: 0.2em 0.5em 0.2em 0.25em;
    text-decoration: none;
    }   
    
.toplevel li a:link, .toplevel li a:visited {
    color: #FFF; background-color:#C33; 
    display: block;
    text-align: left;
    font-weight: bold;
	text-decoration: none;
    }
    
.toplevel li a:hover {
    color:#FFF; background-color:#C33;
    text-align: left;
    font-weight: bold;
	text-decoration: underline;
}
    
.toplevel li a:active {
    color:#FFF; background-color:#C33;
    text-align: left;
    font-weight: bold;
    }


/* submenu */

.submenu {
    width: 140px;
    color: #FFF; background-color:#8CBC42;
    display: block;
    text-align: left;
	padding: 0.2em 0.5em 0.2em 0.45em;
    font-size: 1em;  
}
    
.submenu li a {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.2em 0.5em 0.2em 0;
	margin-left:1em;
    text-decoration: none;
}   
    
.submenu li a:link {
    color: #FFF;
    display: block;
    background-color:#8CBC42;
    text-align: left;
	text-decoration: none;
    }
    
.submenu li a:visited {
    color: #FFF;
    display: block;
    background-color:#8CBC42;
    text-align: left;
	text-decoration: none;
    }   
.submenu li a:active {
    color: #FFF;
    background-color:#8CBC42;
    text-align: left;
	text-decoration: none;
}
        
.submenu li a:hover {
    color: #FFF;
    text-align: left;
    background-color:#8CBC42;
	text-decoration: underline;
}