body,
html {
	background: #FFFFFF;
    margin:0;
    padding:0;
    }

body {
    min-width:1000px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
    }
body h1{
	font-weight:normal;
	}
body h2{
	font-weight:normal;
	}
body h3{
	font-weight:normal;
	}


.accessmenu{
	vertical-align:top;
	padding-left:25px;
	width:40%;
	float:left;
}

#main-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    width: 100%;
padding-left:0px;
border-left:0px;
margin-left:0px;
}

/*ul {
    list-style: none outside none;
padding-left:0px;
border-left:0px;
margin-left:0px;
}
*/

#main-menu ul {
list-style-type:none;
padding:0px;
border:0px;
margin:0px;
}

#main-menu li {
	float:left;
    margin-right:5px;
    position: relative;
	width:148px;
	text-align:center;
}

#main-menu li.node-1 a {
    background-color: #007272;
}

#main-menu li.node-1 a:hover {
    background-color: #00b0b0;
}

#main-menu li.node-2 a {
    background-color: #CC0033;
}

#main-menu li.node-2 a:hover {
    background-color: #ee0066;
}

#main-menu li.node-3 a {
    background-color: #31417D;
}

#main-menu li.node-3 a:hover {
    background-color: #6282b0;
}

#main-menu li.node-4 a {
    background-color: #AA0066;
}

#main-menu li.node-4 a:hover {
    background-color: #CC00bb;
}

#main-menu li.node-5 a {
    background-color: #566B21;
}

#main-menu li.node-5 a:hover {
    background-color: #d0d042;
}

#main-menu li.node-6 a {
    background-color: #535155;
}

#main-menu li.node-6 a:hover {
    background-color: #d0d0d0;
}


/*
#main-menu li a, #main-menu li a:hover {
    background-color: #ffffff;
    background-position: left top;
    background-repeat: no-repeat;
    color: #000000;
    position: relative;
}
*/
#main-menu li a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 0.55em 1em;
	text-decoration:none;
}


/*a {
    color: #0066CC;
    text-decoration: none;
}*/

#menubar{
	position:relative;
	clear:both;
/*	width:960px;*/
	height:10px;
}

#menubar.class1{
	background-color:#007272;
	width:148px;
}

#menubar.class2{
	background-color:#CC0033;
	width:301px;
}

#menubar.class3{
	height:10px;
	background-color:#31417D;
	width:454px;
}

#menubar.class4{
	background-color:#AA0066;
	width:607px;
}

#menubar.class5{
	background-color:#556B21;
	width:760px;
}

#menubar.class6{
	background-color:#535155;
	width:913px;
}


#topmenu a:hover,a:active {
background-color:#7A991A;
}

#submenu {
	position:relative;
	width:180px;
	float:left;
	margin-right:25px;
	margin:0;
	padding:0;
}


#submenu ul {
list-style-type:none;
padding:0px;
border:0px;
margin:0px;
}

#submenu li{
	width:180px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:4px;

}

#this_target{
width:150px;
background-color:#ffffff;
color:#000000;
text-transform:uppercase;
border-right-width:20px
}

#submenu li.class1{
background-color:#007272;
}

#submenu li.class2{
	background-color:#CC0033;
}

#submenu li.class3{
	background-color:#31417D;
}

#submenu li.class4{
	background-color:#AA0066;
}

#submenu li.class5{
	background-color:#556B21;
}

#submenu li.class6{
	background-color:#535155;
}


#submenu a:link,a:visited {
	color:#ffffff;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
}

#submenu a:hover,a:active {
background-color:#ffffff;
color:#000000;
}


/*Section for headings*/
#header {
	position:relative;
	left:42px;
	float:left;
 	width:650px;
	padding-left:25px;
/*	height:105px;*/
/*	clear:both;*/
	}

#accessbutton {
	width:25px;
	}

#headline {
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	width:400px;
	}
#headline h1 {
    padding:5px;
    margin:0;
    }
#leftheadimage {
	padding-top:20px;
 	padding-bottom:20px;
	float:left;
	width:80px;
	}
#rightheadimage {
 	padding:20px;
	float:right;
	clear:right;
	width:80px;
	}
#headline h1 {
	float:left;
	width:400px;
    padding:5px;
    margin:0;
    }
/*Topic 3 is full page width, and goes in a div of its own*/
#fullwidthtopic {
    padding:5px;
	width:980px;
	clear:both;
	}
#fullwidthtopic h3{
	text-align:center;
	}

/*used in update pages to return errors/messages*/
#bar {
	width:980px;
	clear:both;
	}


#mission {
	margin-left:100px;
	margin-right:100px;
	border-style:solid;
    border-width:1px;
	padding-left:10px;
	padding-right:10px;
}

#eventlist { width:275px;
	float:left;
	height:250px;
	overflow:auto;
	margin:10px;
	padding-left:10px;
	padding-bottom:10px;
}

#fontlist { width:275px;
	float:right;
	margin:10px;
	padding-left:10px;
	padding-bottom:10px;
}

#servicelist { width:275px;
	background-color: #E8E8FF;
	float:left;
 	height:250px;
	overflow:auto;
	margin:10px;
	padding-left:10px;
	padding-bottom:10px;
}

#colourlist { width:310px;
	float:left;
	margin:10px;
	padding-left:10px;
	padding-bottom:10px;
}

#eventlist h3 {
	}

#eventlist p {
	background-color: #E8E8FF;
	margin-top: 0;
	margin-bottom: 20px;
	margin-left:10px;
	} 

#diarylist { width:640px;
 	height:500px;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
}

#diarylist h3 {
	}

#diarylist p {
	margin-top: 0;
	margin-bottom: 20px;
	margin-left:10px;
	} 

#showeventlist {
    float:left;
    width:750px;
    }
#showeventupdate {
    float:left;
    width:750px;
	}
#sidebar {
    float:left;
    width:260px;
	padding-left:5px;	
	padding-right:5px;	
    }
.sidebartopic {
    width:260px;	
	clear:both;
	}

#sidebar ul {
    list-style:none;
    }
#sidebar h2, sidebar h3, #sidebar p {
    padding:0 10px;
    }
.sidebarimage {
	width: 275px;
	float: left;
	padding-left: 10px;
	padding-bottom: 0px;
	}
.sidebarcaption {
    width:250px;
	padding-top:0px;
	padding-bottom: 10px;
	font-size:smaller;
	}

#nexteventdetail {
	padding-left:10px;
	}

/*The larger, right-hand section of the page*/
#main {
	padding-left:5px;	
	padding-right:5px;	
    float:right;
    width:675px;
    }
#main ul {
	list-style-type:none;
	}
#main img {
	padding-top:10px;
	}
#main h2, #main h3, #main p {
	padding: 0 10px 0 0;
	}
.mainsubtopic {
    width:700px;	
	clear:both;
	}
#main a:link{
	color:#0000ff;
	text-decoration:underline;
	text-transform: none;
	display:inline;
}

#main a:visited {
	color:#ff0000;
	text-decoration:underline;
	text-transform: none;
	display:inline;
}

#main a:hover,a:active {
background-color:#eeeeff
}	
}



.formbox {
	margin-left:20px;
}

#listbox {
	width:700px;
	height:200px;
	overflow:auto;
	}
#eventpanel {
    width:700px;
	font-size:large;
	text-align:center;
	}
#newslist { width:660px;
	height:300px;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
}
#newslist dt {
	font-weight:bold;
	margin-top: 0.5em;
	}
#newslist p {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	} 

#helppanel {
	margin-left:20px;
	width:600px;
	}

#footer {
    clear:both;
	text-align:center;
     }
#footer p {
    padding:5px;
    margin:0;
    }
#copyright {
	font-size:x-small;
	}
#logo {
	float: right;
	}
#wrap {
    margin:0 auto;
    width:1000px;
    }

/*Keeping the colour info for the accessibility option buttons here
  so they appear correct regardless of chosen scheme*/
.size{
	float:left;
}

.colour{
	float:left;
}

.empty{
	float:left;
	width:15px;
	height:25px;
}

/*This set is for the accessibility page*/

.asite {
	top:0px;
	text-font:bold;
	text-align:center;
	color:black;
	background:white;
	width:150px;
	height:25px;
}
.agb {
	top:0px;
	text-align:center;
	color:green;
	background:black;
	width:150px;
	height:25px;
}
.ayb {
	top:0px;
	text-align:center;
	color:yellow;
	background:black;
	height:25px;
	width:150px;
}
.aybl {
	top:0px;
	text-align:center;
	color:yellow;
	background:blue;
	width:150px;
	height:25px;
}
.abbl {
	top:0px;
	text-align:center;
	color:black;
	background:#e0e0ff;
	width:150px;
	height:25px;
}
.abp {
	top:0px;
	text-align:center;
	color:black;
	background:#ffe0e0;
	width:150px;
	height:25px;
}

.abc {
	top:0px;
	text-align:center;
	color:black;
	background:palegoldenrod;
	width:150px;
	height:25px;
}
.aby {
	top:0px;
	text-align:center;
	color:black;
	background:yellow;
	width:150px;
	height:25px;
}
.ats {
	margin-top:0px;
	padding-top:0px;
	top:0px;
	color:black;
	background:white;
	text-align:center;
	font-size:small;
	width:150px;
	height:25px;
}

.atm {
	top:0px;
	color:black;
	background:white;
	text-align:center;
	font-size:medium;
	width:150px;
	height:35px;
}
.atl {
	top:0px;
	color:black;
	background:white;
	text-align:center;
	font-size:x-large;
	width:150px;
	height:45px;
}

/*This set is for the accessibility menu at the top of every page*/
/*But it doesn't work in IE right now*/

.site {
	top:0px;
	text-font:bold;
	text-align:center;
	color:black;
	background:white;
	width:25px;
	height:25px;
}
.gb {
	top:0px;
	text-align:center;
	color:green;
	background:black;
	width:25px;
	height:25px;
}
.yb {
	top:0px;
	text-align:center;
	color:yellow;
	background:black;
	height:25px;
	width:25px;
}
.ybl {
	top:0px;
	text-align:center;
	color:yellow;
	background:blue;
	width:25px;
	height:25px;
}
.bbl {
	top:0px;
	text-align:center;
	color:black;
	background:#e0e0ff;
	width:25px;
	height:25px;
}
.bp {
	top:0px;
	text-align:center;
	color:black;
	background:#ffe0e0;
	width:25px;
	height:25px;
}

.bc {
	top:0px;
	text-align:center;
	color:black;
	background:palegoldenrod;
	width:25px;
	height:25px;
}
.by {
	top:0px;
	text-align:center;
	color:black;
	background:yellow;
	width:25px;
	height:25px;
}
.ts {
	margin-top:0px;
	padding-top:0px;
	top:0px;
	color:black;
	background:white;
	text-align:center;
	font-size:small;
	width:25px;
	height:25px;
}

.tm {
	top:0px;
	color:black;
	background:white;
	text-align:center;
	font-size:medium;
	width:25px;
	height:25px;
}
.tl {
	top:0px;
	color:black;
	background:white;
	text-align:center;
	font-size:x-large;
	width:25px;
	height:25px;
}


.voicesimageboxleft {
	padding-left:20px;
    width:305px;	
	float: left;
	}
.voicesimageboxright {
	padding-right:20px;
    width:305px;	
	float: right;
	}
.voices {
	font-family:Comic Sans MS;
	font-style:italic;
	font-weight:bold;
	}