/* 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.8em;}

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 0;}
h2{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; padding-left:25px;}
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{
background-image:url(images/headerbackgroundsquarev100.gif);
width:760px; height:120px;
}

#headers{
background-image:url(images/headerbackgroundsquare.gif);
width:760px; height:120px;
}

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

#logo{
position:absolute; top:25px; left:35px;
height:100px;
width:100px;
}

#topnavigation{
position:absolute; top:65px; right:10px;
width:700px; height:20px;
font-size:1.1em; 
color:#FFF;
text-align:right;
}
#topnavigation a:link{color:#FFF; background-color:#50819D; text-decoration:none;}
#topnavigation a:visited{color:#FFF; background-color:#50819D; text-decoration:none;}
#topnavigation a:hover{color:#FFF; background-color:#50819D; text-decoration:underline;}
#topnavigation a:active{color:#FFF; background-color:#50819D; text-decoration:none;}

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

#backtonormal{display:none;}

#sizes{
position:absolute; top:95px; right:0;
padding-right:10px;
}

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

#rcj{
position:absolute; top:92px; left:5px;
width:400px;
padding-right:10px;
font-size: 1.3em; font-weight:bold;
}

#community{
position:absolute; top:95px; left:5px;
width:320px;
color:#52829E;
font-weight:bold;
font-style:italic;
padding-right:10px;
font-size: 1.3em; 
}

#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:45px;}

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

.imageright{
width:auto; height:auto;
margin:10px 0 10px 10px;
float:right; text-align:center;
}
.imageright100{
width:105px;
height:auto;
margin: 10px 0;
padding:0 0 0 5px;
float:right;
text-align:center;
}

.imageright160{
width:165px;
height:auto;
margin: 10px 0;
padding:0 0 0 5px;
float:right;
text-align:center;
}

.imageright250{
width:255px;
height:auto;
margin: 10px 0;
padding:0 0 0 5px;
float:right;
text-align:center;
}

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

.imageleft160{
width:165px;
height:auto;
margin: 10px 0;
padding:0 5px 10px 0;
float:left;
text-align:center;
}

.imageleft220{
width:225px;
height:auto;
margin: 10px 0;
padding:0 5px 10px 0;
float:left;
text-align:center;
}

.centreimage{width:350px; height:auto; text-align:center;}

#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;
}

/* All search stuff in here */

#search{
position:absolute; top:150px; right:0;
width:250px; height:25px;
margin:0; padding:0;
float:right;
text-align:right;
}

.searchbutton{
color:#000;
}

.searchinput{
color:#FFF; background-color:#52829E;
margin-right:10px;}

/* Search stuff ends here */

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

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

/* 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;}
.redattention{color:#C00;}
.redattention a:link{color:#C00;}
.redattention a:visited{color:#C00;}
.redattention a:hover{color:#C00;}
.redattention a:active{color:#C00;}

.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;}

.londonwalk {
font-size:1.2em; font-weight:bold; text-align:center; color:#B05B6E; background-color:#FFF;
width:90%; height:auto; padding:5px; margin-left:auto; margin-right:auto; margin-top:35px;
border: 1px solid #B05B6E;}

.londonwalk a:link{color:#B05B6E; background-color:#FFF; text-decoration:none}
.londonwalk a:visited{color:#B05B6E; background-color:#FFF; text-decoration:none}
.londonwalk a:hover{color:#B05B6E; background-color:#FFF; text-decoration:none}
.londonwalk a:active{color:#B05B6E; background-color:#FFF; text-decoration:none}

.redbox {
font-size:1.1em; text-align:left; color:#333; background-color:#FFF;
width:300px; height:auto; padding:10px 10px; margin:15px 10px;
border: 2px solid #C00;}

.redbox a:link{color:#333; background-color:#FFF; text-decoration:underline;}
.redbox a:visited{color:#333; background-color:#FFF; text-decoration:underline;}
.redbox a:hover{color:#C00; background-color:#FFF; text-decoration:none}
.redbox a:active{color:#333; background-color:#FFF; text-decoration:underline;}

/* 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;
}

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

    display: block;
    text-align: left;
    font-size: 95%;
    line-height: 24px;
	text-decoration: none;
}
    
.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:#245158;
    text-align: left;
    font-weight: bold;
	text-decoration: none;
    }
    
.toplevel li a:hover {
    color:#000;
    background-color:#EBEBEB;
    text-align: left;
    font-weight: bold;
	text-decoration: none;
}
    
.toplevel li a:active {
    color: #fff;
    background-color:#FFFFFF;
    text-align: left;
    font-weight: bold;
    }

.submenu {
    width: 165px;
    color: #000000;
    display: block;
    text-align: left;
    font-size: 87%;  
}
    
.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: #FFF;
    text-align: left;
    background-color:#50819D;
	text-decoration: none;
}

.submenu2 {
    width: 165px;
    color: #C00;
    display: block;
    text-align: left;
    font-size: 87%;  
}
    
.submenu2 li a {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.1em 0.5em 0.2em 0.5em;
    text-decoration: none;
}   
    
.submenu2 li a:link {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.1em 0.5em 0.2em 0.5em;
    color: #C00;
    display: block;
    background-color: #FFFFFF;
    text-align: left;
	text-decoration: none;
    }
    
.submenu2 li a:visited {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.1em 0.5em 0.2em 0.5em;
    color: #C00;
    display: block;
    background-color: #FFFFFF;
    text-align: left;
	text-decoration: none;
    }   
        
.submenu2 li a:hover {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0.1em 0.5em 0.2em 0.5em;
    color: #FFF;
    text-align: left;
    background-color:#50819D;
	text-decoration: none;
}