/* CSS for Left hand main navigation */

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

img{border:none;}

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

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

h1{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; margin:2px 0 4px 10px; color:#005091; background-color:#FFF;}
h2{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; margin:15px 0 4px 10px; color:#005091; background-color:#FFF;}
h3{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; padding:0; margin:3px 0 6px 10px;}


/* ID's */

#wrapper{
position:relative;
margin:10px auto 20px auto; 
padding:0; height:100%; width:760px;
}

#header{
width:760px; height:120px;
border:solid 1px #005901;
background-color:#FFCC00;
}

#breadcrumbs{
position:absolute; top:127px; left:0;
font-size:0.9em;
width:570px; height:15px; 
padding-bottom:10px;
}

#logo{
position:absolute; top:15px; left:25px;
height:90px;
width:90px;
}

#date{
position:absolute; top:90px; right:0;
width:180px; height:20px;
padding-right:10px;
color:#005901;
font-size:0.85em;
text-align:right;
}

#toptext{position:absolute; top:35px; left:110px;
width:650px; height:auto;
padding-bottom:10px;
font-size:1.7em;
font-weight:bold;
text-align:center;
}

#backtonormal{display:none;}

#sizes{
position:absolute; top:130px; right:0;
}

#sizesimages{
position:absolute; top:98px; right:0;
width:150px; height:30px;
text-align:right;
color:#245158;
}

#newsbox{
float:right;
color:#000; background-color:#EBEBEB;
width:222px; height:auto;
border-top:solid 5px #245158;
margin:10px 0 0 5px;
}

#newsbox p{
padding:3px;
}

#content{
position:absolute; top:150px; left:180px;
width:580px; height:auto;
padding-bottom:20px;
}

.contentbox{
float:left;
width:100%; height:auto;
background-image:url(images/divider.gif);
background-position:top;
background-repeat:no-repeat;
padding:15px 0 20px 0;
}

.contentbox p {
padding:3px 0 3px 10px;
margin-top:3px; margin-bottom:5px;
}

.contentbox ul{margin-left:30px;}

.contentbox li{
list-style-image:url(/images/list.gif);
padding:2px 0;}

.imageright{
width:auto;
height:auto;
margin: 10px 0;
padding:0 0 0 10px;
float:right;
}

.imageleft{
width:auto; height:auto;
margin: 10px 0;
padding:0 10px 10px 10px;
float:left;
}

.frontbox{width:180px; height:160px;
float:left;margin-left:10px;}

#footer{
width:100%;
text-align:center;
font-size:0.8em;
clear:both;
padding:20px 0 0 0;
border-top:1px;
border-top-color:#000;
border-top-style:dotted;
}

.leftcolumn{width:250px; height:auto;float:left;margin-left:10px;}

.rightcolumn{width:250px; height:auto;float:left;margin-left:10px;}

/* Classes */

.onea{font-size:1em; padding:0 5px;}
.twoa{font-size:1.2em; 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;}
.boldblue{font-size:1.1em; color:#52829E; background-color:#FFF; font-weight:bold;}

.left{text-align:left;}
.centre{text-align:center;}

.alert{width:auto; height:auto; padding:5px; margin-top:10px; border: solid 1px #000; background-color:#EBEBEB; color:#000; font-weight:bold; text-align:center;}

.hotnews{color:#990000; background-color:#FFFFFF; font-size:1.2em; font-weight:bold;}
.hotnews a:link{color:#990000; background-color:#FFFFFF; text-decoration:underline; font-weight:bold;}
.hotnews a:visited{color:#990000; background-color:#FFFFFF; text-decoration:underline; font-weight:bold;}
.hotnews a:hover{color:#005091; background-color:#FFFFFF; text-decoration:none; font-weight:bold;}
.hotnews a:active{color:#990000; background-color:#FFFFFF; text-decoration:underline; font-weight:bold;}

/* Navigation */

#leftnavtop{
position:absolute; top:130px; left:0px;
width:165px; height:20px;
background-image:url(images/leftnavtop.gif);
}

#leftnav {
	position:absolute; top:150px; left:0px;
	width: 165px;
	border-width:1px;
	border-style: solid;
	border-color: #245158;
}

.home {
    width: 165px;
    color: #FFF;
	background-color:#005091;

    display: block;
    text-align: left;
    font-size: 0.9em;
    line-height: 24px;
	text-decoration: none;
	margin:0 0 10px 0;
}
    
.home li a {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.05em 0.5em 0.05em 0.25em;
    text-decoration: none;
    }   
    
.home li a:link, .home li a:visited {
    color: #FFF; 
    display: block;
    background-color:#005091;
    text-align: left;
    font-weight: bold;
	text-decoration: none;
    }
    
.home li a:hover {
    color:#000;
    background-color:#FFCC00;
    text-align: left;
    font-weight: bold;
	text-decoration: none;
}
    
.home li a:active {
    color: #fff;
    background-color:#CADBED;
    text-align: left;
    font-weight: bold;
    }

.toplevel {
    width: 165px;
    color: #FFF;
	background-color:#005091;

    display: block;
    text-align: left;
    font-size: 0.9em;
    line-height: 24px;
	text-decoration: none;
	margin:10px 0;
}
    
.toplevel li a {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.05em 0.5em 0.05em 0.25em;
    text-decoration: none;
    }   
    
.toplevel li a:link, .toplevel li a:visited {
    color: #FFF; 
    display: block;
    background-color:#005091;
    text-align: left;
    font-weight: bold;
	text-decoration: none;
    }
    
.toplevel li a:hover {
    color:#000;
    background-color:#FFCC00;
    text-align: left;
    font-weight: bold;
	text-decoration: none;
}
    
.toplevel li a:active {
    color: #fff;
    background-color:#CADBED;
    text-align: left;
    font-weight: bold;
    }

.submenu {
    width: 165px;
    color: #000000;
    display: block;
    text-align: left;
    font-size: 0.9em;  
}
    
.submenu li a {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.1em 0.5em 0.2em 0.5em;
    text-decoration: none;
}   
    
.submenu li a:link {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.1em 0.5em 0.2em 0.5em;
    color: #000000;
    display: block;
    background-color: #FFFFFF;
    text-align: left;
	text-decoration: none;
    }
    
.submenu li a:visited {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.1em 0.5em 0.2em 0.5em;
    color: #000000;
    display: block;
    background-color: #FFFFFF;
    text-align: left;
	text-decoration: none;
    }   
        
.submenu li a:hover {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.1em 0.5em 0.2em 0.5em;
    color: #005901;
    text-align: left;
    background-color:#FFCC00;
	text-decoration: none;
}