/* Start of CMSMS style sheet 'Metrotile New - Stylesheet' */
body {
margin:0;
padding:0;
background:#EFEFEF;
font-family:Geneva, Arial, Helvetica, sans-serif;
line-height:1.7em;
font-size:12px;
color:#333333;
}


#wrapper {
width:800px;
padding:30px;
margin:0 auto;
background:#FFFFFF;
}

#header {
width:800px;
border-bottom:1px solid #CCCCCC;
margin-bottom:15px;
clear:both;
overflow:hidden;
}

#logo {
float:left;
width:200px;
}

#futureproof {
float:right;
width:300px;
}

#menu {
float:right;
width:530px;
padding-top:10px;
padding-bottom:10px;
}

#container {
clear:both;
margin-top:20px;
overflow:hidden;
}

#leftcol {
width:180px;
float:left;
padding-right:20px;
}

#middlecol {
width:380px;
float:left;
padding:0px 10px 0px 10px;
}

#default-col {
width:560px;
float:left;
padding:0px 10px 0px 10px;
}

#big-col {
width:780px;
padding:10px;
}

#rightcol {
width:180px;
float:left;
text-align:right;
padding-left:20px;
}


#video-leftcol {
width:350px;
float:left;
padding-right:20px;
}

#video-rightcol {
width:400px;
float:left;
padding:0px 10px 0px 10px;
}

#video {
}

#video-info {
clear:both;
}

#video-links {
width:180px;
padding:10px 10px 10px 0px;
float:left;
}

#video-pdf {
width:180px;
padding:10px 10px 10px 0px;
float:left;
}



#search, #news, #pdf {
border-bottom:1px solid #CCC;
padding-bottom:5px;
clear:both;
}

#search input {
margin:0.5em 0px 0.5em 0px;
height:20px;
}

#footer {
clear:both;
}

#footer-logos {
text-align:center;
padding-top:20px;
}

#footer-text {
font-size:10px;
text-align:center;
border-top:1px solid #CCCCCC;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 auto;
	list-style: none;
	z-index:10;
position:absolute;
	font-size:12px;
	font-family: geneva;
	color:#000;
line-height:1;
}

#nav a {
	display: block;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
	height:20px;

}

#nav li { /* all list items */
	float: left;
	width: 7.2em;	
	 /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background:#FFF;
	width: 13em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    font-size:12px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav a:hover, #nav li a:hover { background-image:url(images/menu-blue.jpg); color:#006633; height:20px;}
#nav li a { text-align:center; }
#nav li li a { width: 16.4em; font-size:10px; text-align:left; padding-left:0.7em; }
#nav li li a:hover { width: 16.3em; }

.green_header_size14 {
color:#005E56;
font-size:14px;
}

.green_header_size16 {
color:#005E56;
font-size:16px;
padding-top:5px;
margin:0;
}

.green_header_size18 {
color:#005E56;
font-size:18px;
line-height:1.8em;
}

a:link {
	color: #999;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #999;
}
a:hover {
	text-decoration: underline;
	color: #005E56;
}
a:active {
	text-decoration: underline;
	color: #999;
}

/* Accordian */

#basic-accordian{
	padding:5px;
	width:180px;
	z-index:2;
}

.accordion_headings{
	padding:5px;
	background:#7F7F7F;
	color:#FFF;
	border-bottom:1px solid #FFF;
	cursor:pointer;
padding-right:15px;
}

.accordion_headings:hover{
	background:#006c67;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#006c67;
}

#banner {
z-index:1;
position:relative;
}

#advert input {
border:1px solid #CCC;
width:80%;
}

#advert textarea {
border:1px solid #CCC;
margin-bottom:5px;
}


/* End of 'Metrotile New - Stylesheet' */