@charset "UTF-8";
/* RC Southwark Main CSS Document */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr, th,td {
	margin: 0;
	padding: 0px;
	font-size: 100%;

		font-family: inherit;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
border-style: none;
	border-color: inherit;
	border-width: 0;
	background-color: #F5F5DC;
	color: #000080;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size:75%;
	margin:0;
	padding:0;
	text-align: center;
}

/*FONT STYLING
=======================*/
p{
	margin: 0 0 10px 0;
	border-style: none;
	border-width: 0;
	font-style: normal;
	text-align: left
}

h1{
font-size:200%;
font-weight:normal;
}

h2{
font-size: 160%;
font-weight: normal;
margin:0 0 5px 0;
padding:0 0 5px 0;
border-style: solid;
border-width: 0 0 1px 0;
border-color: #CCCCFF;
}

h3{
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #CCCCFF;
	font-style: normal;
	text-align: center
}

h4{
font-size: 120%;
font-weight: bold;
margin:0 0 5px 0;
padding: 0 0 5px 0;
border-style: solid;
border-width: 0 0 1px 0;
border-color: #CCCCFF;
}

h5{
font-size: 100%;
font-weight: bold;
margin:0 0 5px 0;
padding: 0;
border-style: none;
text-align: center
}

h6{
font-size: 90%;
font-weight: bold;
margin:0 0 5px 0;
padding: 0;
border-style: none;
}
ul{
margin:0 0 5px 20px;
}
li{
	margin: 0 0 5px 0;
	font-style: normal;
}
a:link {color: #009;}
a:visited {color: #009;}
a:active {color: #F03;}
a:hover {color: #f03;}
#leftbar p {
	text-align: center;
	font-family: tahoma,verdana,arial,sans-serif;
	line-height: 1.3em;
}
#leftbar h2 {
	text-align: center;
	font-weight: bold;
	line-height: 1.3em;
	font-family: "Segoe Print";
}
#rightbar p {
	font-family: tahoma,verdana,arial,sans-serif;
	line-height: 1.3em;
	color: #000080;
}
/*This is so that a containing float will stretch down to include
all of the float which is in it. Not needed in IE but needed in standards compliant 
browsers.*/
div:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} 

/*IMAGE STYLES
======================*/
.img-border {
	border: 1px solid #000080;
}
.img-left {
	float: left;
	border: 1px solid #000080;
	margin: 0 6px 5px 0;
}
.img-right {
	float: right;
	border: 1px solid #000080;
	margin: 0 0 5px 6px;
}
.img-double-border {
	border: 3px double #000080;
}
.img-no-border {
	float: left;
	border: none;
	margin: 0 6px 5px 0;
}
.img-center  {
	border-width: thin;
	border-style: solid;
	float: center;
	border-top-color: 000080;
	border-right-color: 000080;
	border-bottom-color: 000080;
	border-left-color: 000080;
}


/*LAYOUT
======================*/
#container {
	width: 774px;
	margin: 0 auto;
	background-color: #CCCCFF;
	border: 3px solid #003366;
}
#header {
	height: 153px;
}
#contentContainer {
}
#leftbar {
	float: left;
	width: 160px;
	padding: 0 5px 10px 5px;
}
#legenda {
	float:left;
	width:410px;
	background-color: #fff;
	padding: 10px 12px;
	margin: 0 0 0 0px;
	border-style:none;
}

/*div.sidebar {
float:right;
clear:right;
background-color:#e6e6fa;
width:170px;
margin:-10px 0 0 20px;
padding:5px;
border-style:none;
}*/
#rightbar{
	float:right;
	clear:right;
	width:160px;
	margin:0 0 0 0px;
	padding: 0 5px 10px 5px;
}
#footer {
	clear: both;
	padding: 10px;
	font-size: x-small;
	text-align: center;
}




div.pes{
color:#fff;
text-align:center;
margin:0;
padding:5px;
}

div.pes a:link {color: #fff;}
div.pes a:visited {color: #fff;}
div.pes a:active {color: #fff;}
div.pes a:hover {color: #e6e6fa;}

/*The sidebar menu has the links in a list. The list is set to have no bullets. 
The main style is is in the <A> element. By use of coloured background and borders, 
the hover list that changes colour is achieved.*/
div.menu{
margin:0;
padding:0;
}
div.menu ul{
margin:0;
padding:0;
}

div.menu li{
margin:0;
padding:0;
border:0;
text-align:right;
list-style-type: none;
width:140px;
display:inline;
}

div.menu a{
display:block;
width:160px;
color:#339;
font-size:100%;
text-decoration:none;
/*text-indent:-1.1em;*/
text-align:right;
margin:0;
padding:2px 0 2px 0;
border-style: solid;
border-width: 0 0 1px 0;
border-color: #336 #336 #663 #663;
}
/*This sets the behaviour when the mouse goes over a link. By a change of 
border colors, the button appears to be depressed.*/
div.menu a:active {color: #f03;}
div.menu a:hover {color: #339;}
div.menu a:hover {
background-color: #b0c4de;
border-color: #333 #333 #fff #fff;
}