body {
	font-family: helvetica, arial, sans-serif;
	background-color: rgb(57,87,123);
	}

html, body {
  margin: 0;
  padding: 0;
}
	
h4{
	color:#663366;
	font-size:1.1em;
	padding-top:2px;
	padding-left:2px;
	margin:0;
	text-align: center;
}

#shell {
	margin: 0px auto;
	width: 960px;
	}

#header{
	background: transparent url(../images/roomshot2.png);
}

#header h1{
	color: black;
	font-size: 1.6em;
	margin:0;
	display:block;
}

#header h1 a{
	text-decoration:none;
	color:black;
}

#header h1 a:hover{
	text-decoration:none;
	color:black;
}

#header h1 a:visited{
	text-decoration:none;
	color:black;
}

#breadcrumb{
	/*position:relative;*/
	margin:0;
	/*clear:left;*/
	float:left;
	width:50%;
	/*background-color:#39577B;*/
	background-color:#adacd4;
}

#breadcrumb p{
	font-size:70%;
	padding:2px 2px 4px 2px;
	font-style:italic;
	color:white;
	text-align:left;
	margin:0;
}

#breadcrumb a{
	text-decoration:none;
	color:#663366;
	font-weight:bold;
}

#breadcrumb a:hover{
	color:white;
	background-color:#663366;
}

#sitenav{
	float:right;
	width:50%;
	background-color:#adacd4;
}

#sitenav p{
	padding:2px 4px 2px 2px;
	color:white;
	text-align:right;
	font-size:85%;
	margin:0;
	font-weight:bold;
}

#sitenav a, a:hover{
	text-decoration:none;
}

#sitenav a{
	color:white;
}

#sitenav a:hover{
	color:#663366;
}

#content {
	position: relative;
	margin: 0;
	clear: both;
	float:left;
	background-color:white;
	width:960px;
	overflow:auto;
	}
	
#lpanel {
	float:left;
	width: 180px;
	padding:2px 4px 0px 4px;
	}
	
#mpanel {
	margin-top:2px;
	border-left:1px #663366 solid;
	border-right:1px #663366 solid;
	padding-left:6px;
	padding-right:6px;
	float:left;
	width:505px;
	}

#mpanel p,li,blockquote,dt,dd{
	font-size:12px;
}

#mpanel dt{
	font-weight:bold;
}

#mpanel p.namespace{
	line-height:0.7em;
}

#mpanel h2{
	color:#663366;
	font-size:1.2em;
}

#mpanel h3{
	color:#663366;
	font-size:1em;
}

#mpanel h4{
	font-size:0.8em;
}
	
div.img{
  margin:2px;
  height:auto;
  width:auto;
  float:left;
 }
 
div.img img{
	display:inline;
	margin:3px;
}

div.img a:hover img{
	border:1px solid #0000ff;
}

div.desc{
	font-weight:normal;
	width:136px;
	margin:2px;
}

div.capt{
	font-size:.9em;
	color:white;
	font-weight:bold;
	text-align:center;
	width:136px;
	margin:2px;
	height:8em;
}

#rpanel {
	float:left;
	width: 240px;
	padding:2px 4px 0px 4px;
	}
	
#footer {
	font-size: 0.9em;
	position:relative;
	color: #000;
	clear:both;
	background: #adacd4;
	border-top:2px solid #663366;
	/* Code below obtained from
	http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html,
	(bless you, Andy Clarke), to force IE7 to clear floats properly */
	overflow:hidden;
	height: 1%;
	}
	
#footer ul{
	list-style: none;
	margin: 20px 0 10px 10px;
	padding: 0;
	text-align:left;
}

#footer li {
	display:list-item;
	padding-bottom:4px;
}

#footer li a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
}

#footer li a:hover {
	color:#663366;
}
	
.imgbox {
	padding: 3px;
	margin-bottom: 10px;
	background-color: rgb(255,255,255);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 0.7em;
}

.imgbox h2 {
	font-size: 1.3em;
}

.imgbox img {
	display:block;
	border:none;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
}

.leftimgbox{
	padding: 3px;
	margin-bottom: 10px;
	background-color: rgb(255,255,255);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 0.7em;
}

.leftimgbox img{
	display:inline;
	border:none;
	padding:5px;
	margin-left:15px;
}
.boxtext {
	margin-bottom:10px;
	border:#663366 solid 1px;
}

.boxtext p{
	font-size: 0.7em;
	padding-left:3px;
	padding-right:3px;
}
	
.boxtext h1 {
	color: rgba(0,0,0, 0.5);
	line-height: 0.2em;
}
	
.boxtext h2 {
	font-size: 1em;
	color: #FFFFFF;
}

.boxtext h3{
	font-size:0.9em;
	color:white;
	font-weight:bold;
	background-color:#663366;
	line-height:1.2em;
	text-align:center;
	margin-top:0;
}

.boxtext h3 a, .boxtext h3 a:hover, .boxtext h3 a:visited{
	color:white;
	text-decoration:none;
}

.boxtext img {
	display:block;
	border:none;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
}

.finalbox {
	margin-bottom:10px;
	border:#62552f solid 1px;
	background-color:#d9d4cc;
}

.finalbox p{
	font-size: 0.7em;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
	font-weight:bold;
	color:black;
}

.finalbox a{
	background-color:#62552f;
	font-weight:bold;
	color:white;
}


.finalbox .biggertext{
	font-size:1.1em;
}
	
.finalbox h3{
	font-size:0.9em;
	color:white;
	font-weight:bold;
	background-color:#62552f;
	line-height:1.6em;
	text-align:center;
	margin-top:0;
}


.finalbox img {
	display:block;
	border:none;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
}
.othertext {
	margin-bottom:10px;
	border:#adacd4 solid 1px;
}

.othertext p{
	font-size: 0.6em;
	padding-left:3px;
	padding-right:3px;
}
	
.othertext h1 {
	color: rgba(0,0,0, 0.5);
	line-height: 0.2em;
}
	
.othertext h2 {
	font-size: 1em;
	color: #FFFFFF;
}

.othertext h3{
	font-size:0.7em;
	color:white;
	font-weight:bold;
	background-color:#adacd4;
	line-height:1.2em;
	text-align:center;
	margin-top:0;
}

.othertext h3 a, .othertext h3 a:hover, .othertext h3 a:visited{
	color:white;
	text-decoration:none;
}

.mainboxtext {
	padding: 3px;
	margin-bottom:10px;
}

.mainboxtext p{
	font-size: 0.8em;
}
	
.mainboxtext h1 {
	color:#FFFFFF;
	line-height: 0.2em;
}
	
.mainboxtext h2 {
	color: rgb(78,85,94);
	color: #FFFFFF;
	font-size: 1.1em;
}

.mainboxtext img {
	border:none;
	margin-left:10px;
	float:left;
}

.mainboxtext blockquote {
	font-size: 0.8em;
	font-style: italic;
}


.mainboxtext a{
	font-weight: bold;
	text-decoration:none;
}

		
	/* Navigation */

/*#navbar {
	background: transparent url(../images/navback.gif) repeat-x;
	background: rgba(153,153,204,0.8) none;
}
	
#navbar ul {
	list-style: none;
	padding:5px;
	margin:0;
	}
	
#navbar li {
	display: inline;
	border: none;
	border-width: 1px 1px 0 1px;
	margin: 0 0.5em 0 0;
	font-size: 0.9em;
	}
	
#navbar li a {
	padding: 0 1em;
	font-weight:bold;
	text-decoration:none;
	color: white;
	}
*/

.exit { /* External links */
	background:transparent url(http://www.ceco.org.uk/webimages/ico-exit.gif) no-repeat center right;
	list-style:none;
	display:inline;
	padding-right:16px;
}
li.exit {
	clear:both;
}
.exit a  {
	color:#654694;
}
	
#header li a:hover {
	color: gray;
	font-weight:bold;
	background-color:#FFFFFF;
	}
	
#navbar #selected {
	padding-bottom: 1px; 
	background: #551A8B;
	color:white;
	font-weight:bold;
	}
	
	/* General typology */
	
.commented {
	font-size: 85%;
	font-style: italic;
	color:#adacd4;
	text-align:right;
}

.commented a{
	color:#8180BD;
	text-decoration:none;
}

.otherref{
	font-size:75%;
	font-style: italic;
}

.more {
	font-size: .7em;
	font-weight:bold;
	}
	
.more a {
	text-decoration:none;
	color: red;
	}

.img-caption {
	font-size: 1em;
	text-align: center;
}

.bigquote{
	font-size:0.85em;
	font-style:italic;
	font-weight:bold;
	color:#606;
}

.keepright{
	float:left;
}

.moreright a{
	text-align:right;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	color:#FFFFFF;
}

.floatright{
	float:right;
	margin:0 0 10px 0;
	background-color:#adacd4;
	padding:3px;
	border: 1px solid #663366;
}

div.floatright img{
	border:1px groove #663366;
}

.highlight{
	width:480px;
	border:2px solid #663366;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	/*-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;*/
	color:#663366;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}

.highlight h4{
	background-color:#663366;
	margin-top:0;
	line-height:1.3em;
	color:white;
	padding-bottom:4px;
}

.highlight p{
	padding:0px 6px 2px 6px;
}

.highlight a{
	text-decoration:none;
	color:#663366;
	font-weight:bold;
}

.highlight a:hover{
	color:white;
	background-color:#663366;
}

.highlight img{
	margin-left:40px;
}

#infopatch{
	width:960px;
	height:210px;
	position:relative;
	display:block;
	clear:both;
	border-bottom: 1px solid white;
}

div.infopatch.colA{
	font-size:11px;
	color:black;
	width:300px;
	height:200px;
	border-right: 1px solid white;
	margin: 6px 0px 35px 13px;
	position:relative;
	float:left;
	display:block;
	z-index:100;
}

div.infopatch.colB{
	font-size:11px;
	color:black;
	width:300px;
	height:200px;
	border-right: 1px solid white;
	margin: 6px 0px 35px 13px;
	position:relative;
	float:left;
	display:block;
	z-index:100;
}

div.infopatch.colC{
	font-size:11px;
	color:black;
	width:300px;
	height:200px;
	margin: 6px 0px 35px 13px;
	position:relative;
	float:left;
	display:block;
}

#infopatch h4{
	color:#663366;
}

.signature{
	font-style:italic;
	color:#999;
	text-align:left;
}

td{
	font-size:0.8em;
}
.newsimg{
	float:right;
	padding: 4px 0px 4px 4px;
}
.recent{
	color:red;
	font-size:75%;
	font-style:italic;
}