/* 
London's Burning style sheet for all screen layouts

red wall: d52530
panel: a60040
dark red: 8f0035 (quite close the prev colour)
title yellow: edb838
 */
body
{
	background-color: #FFFFFF;
	color: #333333;
	margin: 0 0 10px 0;
	padding: 0;
}

body, td, td table td, td table td p, table ul
{
	font: small/1.3 Arial, Verdana, Helvetica, sans-serif;
}

img {
	border : 0;
}

a 
{
	color: #8f0035;
	text-decoration: none;
}
#content a 
{
	text-decoration: none;
}


a:hover,
#content a:hover
{
	text-decoration: underline;
}

form
{
	margin: 0;
}
em
{
/*	color: #990000;
	font-style: normal;*/
}

p
{
	padding: 0;
	margin: 0 0 0.5em 0;
}

select, input
{
	color: #000000;
}


ul
{
	list-style-type: square;

	padding: 0 0 3px 0;
	margin: 0 0 0 10px;
}


li
{
	font-size: 85%;
	margin: 0 0 3px 5px;
	padding: 0;
}

li a
{
	color: #333333;
}

h1
{
	color: #8f0035;
	font-size: 135%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h2
{
	font-weight: bold;
	color: #8f0035;
	font-size: 110%;
	margin: 0;
	padding: 0;
}


h3
{
	color: #8f0035;
	font-size: 100%;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

h4
{
	color: #333333;
	font-size: 100%; 
	font-weight: bold;
	margin: 0;
}

h5
{
	color: #333333;
	margin: 0;
}

table
{
	margin-bottom: 10px;
}

td
{
	font-size: 80%;
	padding: 0 2px 2px 0;
	vertical-align: top;
}

th
{
	text-align: left;
}

td img
{
	padding-top: 2px;
}

img
{
	border: 0;
}

/* main classes */

.portal
{
	float: left; 
	width: 725px;
}

.ButtonGo
{
	position: relative;
	top: 3px;
}


.container
{

	text-align: left;
	width: 760px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;	
}
.header
{
	height: 30px;
	clear: both;
}

.language
{
	color: #660000;
	width: 515px;
	font-size: 12px;
	float: left;
	text-align: right;
	clear: left;
}

.language input
{
	position: relative;
	top: 3px;
}

.search
{
	color: #660000;
	font-size: 10px;
	text-align: right;
}

.search-input
{
	border: 1px solid #660000;
	height: 15px;
	width: 115px;
}

.logo
{
	clear: left;
	float: left;
	height: 25px;
	width: 150px;
}


.image
{
/*	clear: both;*/
	padding-top: 10px;
}



/* stuff added by MST */
.image span a
{
	border: 0;
	margin: 0;
	padding:0;
}

.image span
{
	margin: 0;
	padding:0;
}

/* end of stuff added by MST */


.image-info
{
	background-color: #DEDBDE;
	clear: both;
	font-size: 85%;
	padding: 2px 5px 2px 5px;
	text-align: right;
	width:715px;
}

.image-info a
{
	font-size: 100%;
}


/* no calendar styles*/

.options
{
	padding: 5px 0 5px 0;
}

.email
{
	background-image: url(../images/email.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #986667;
	font-size: 80%;
	height: 9px;
	padding: 2px 0 2px 15px;
}

.options .email
{
	margin-left: 525px;
}

.print
{
	background-image: url(../images/print.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #986667;
	font-size: 80%;
	height: 13px;
	margin-left: 10px;
	padding: 2px 0 2px 15px;
}

ul.optionLinks li a
{
	color: #986667;
}

.contents
{
	clear: both;
	padding: 5px 0 10px 0;
}

table.contents td
{
	padding: 0;
	margin: 0;
}

.about
{
	color: #7B7B7B;
	font-size: 80%;
	text-align: center;
}

.compliance
{
	color: #7B7B7B;
	font-size: 80%;	
	text-align: center;
}

/* other */

.article
{
	background-image: url(/museumoflondon/images/microsites/reassessing/images/dot.gif);
	height:100%;
	background-repeat: repeat-y;
	background-position: 515px;/*reduced from 550 in MOLStyles since container is similarly narrower*/
/*	clear: both; this was causing problems with a big space below the */
	margin: 10px 0 10px 0;
}

.article p
{
	margin-bottom: 1.5em;
	padding-right: 10px;	
}

.article .date 
{
	margin: 10px 0;
}

.article h2
{
	font-size: 110%;
}

.article h3
{
	font-size: 100%;
	font-weight: bold;
}

.article h4
{
	font-size: 100%;
	font-weight: normal;
	text-decoration:underline;
}

.article blockquote p
{
	margin-bottom: 0;
}


.intro
{
	font-size: 105%;
	margin-bottom: 10px;
}

.box-left
{
	background-color: #F3F3F3;
	float: left;
	font-size: 80%;
	margin: 3px 10px 0 0;
	width: auto;
}

.box-right
{
	background-color: #F3F3F3;
	float: right;
	font-size: 80%;
	margin: 3px 5px 0 10px;
}

/* stuff added by MST */
.box-align-left
{
	text-align:left;
	width:100%;
/*	clear:all*/
}


.box-align-right
{
	text-align:right;
	width:100%;
/*	clear:all*/
}


.box-align-centre
{
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
    POSITION: relative;
    TEXT-ALIGN: center;
/*	clear:all*/
}


/* end of stuff added by MST */

.banner
{
	padding-top: 5px;
}

.banner-text
{
	color: #666666;
	font-size: 80%;
}

.box img
{
	display: block;
	border: 0;
}

.box p, 
.box h1, 
.box h2, 
.box h3, 
.box h4
{
	padding: 4px;
	margin-bottom: 0;
}

.box
{
	background-color: #DEDBCE;
}

.box div
{
	height:100%
}

table.box
{
	font-size: 85%;
}

.gray,
.gray a
{
	color: #666666;
}


.hide
{
	display: none;
}

.hidden
{
	display: none;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.overline
{
	border-top: 1px solid #D5D5D5;
	padding-top: 3px;
}

.section
{
	clear: both;
	margin-bottom: 10px;
}

.small
{
	font-size: 80%;
}

.underline
{
	border-bottom: 1px solid #D5D5D5;
}


.list {
	border-top: #c1e0c0 1px solid; 
	width: 725px; 
	border-bottom: #c1e0c0 1px solid; 
	background-color: #f9fbf8; 
	empty-cells: show;
}
.list th,
.list td {
	padding: 4px;
}

.list th {
	font-size: 90%; 
	border-bottom: #c1e0c0 2px solid; 
	white-space: nowrap;
}
.list td {
	font-size: 85%; 
	color: #333333; 
	border-bottom: #c1e0c0 1px solid;
}
.list td.red {
	background-color: #ee1b2c
}
.list td.blue {
	background-color: #003398
}

span.red {
	color: #ee1b2c
}

span.blue {
	color: #003398
}
.list td a {
	font-size: 100%
}

.MCMSCaption {
	border-right: 1px black solid; 
	border-top: 1px black solid; 
	border-left: 1px black solid; 
	border-bottom: 1px black solid; 
	background-color: yellow;
}

error {
	display: none
}
.search-button {
	border: none;
	position: relative; 
	top: 3px; 

}

/* this needs setting to MOL style - currently Portal style */
.blockquoteStyle
{
	background-color: #DEDBCE;
	margin: 10px 10px 10px 0;
	padding: 7px;
}

a.highlight
{
	color: #669900;
}

h1.boxed
{
	background-color: #EFEFEF;
	color: #333300;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 3px;
}

h1.underlined
{
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	font-size: 180%;
	margin: 0 0 5px 0;
}


/* Visual Funk css start */

/*Layout */
#container {
	width : 725px;
	margin : 10px auto 10px auto;
	padding : 0;
}

#main-with-nav {
	margin-left:117px;
	margin-right:-1px;/*a hack to stop this shifting under the LH nav in IE6*/
}

#main {
	width:300px;
	margin-left:117px;
	padding : 0 ;
}
#main[class=details] {/*this is to overcome the fact that the details template and the search_alt TP both use main and rightColumn IDs but need them set differently.... I would have changed the HTML but other sites depend on them so this is easier*/
	width:400px;
	margin-left:117px;
	padding : 0 ;
}

#mainAddinf {
	width:400px;
	margin-left:117px;
	margin-right:-1px;/*a hack to stop this shifting under the LH nav in IE6*/
	padding : 0 ;

}

#main-two-columns {
	width:600px;
	margin-left:117px;
	margin-right:-1px;/*a hack to stop this shifting under the LH nav in IE6*/
	padding : 0 ;
	border : 1px solid red;
}

#main_frontpage {
	width:510px;
	margin-left:0;
	padding : 10px 0 0 0;
}

#rightColumn {
	position : relative;
	width:300px;
	float : right;
	margin : 0 0 0 0;
	margin-right:-1px;/*a hack to stop this shifting under the LH nav in IE6*/
}
#rightColumn[class=details] {/*this is to overcome the fact that the details template and the search_alt TP both use main and rightColumn IDs but need them set differently.... I would have changed the HTML but other sites depend on them so this is easier*/
	position : relative;
	width:200px;
	float : right;
	margin : 0 0 0 0;
	margin-right:-1px;/*a hack to stop this shifting under the LH nav in IE6*/
}

#rightColumnAddinf {
	position : relative;
	width:200px;
	float : right;
	margin : 0 0 0 0;
}
#objectRightColumn {
	position : relative;
	width:360px;
	float : right;
	margin : 0 0 0 0;
}

#top img{
	margin : 0;
}

/* Breadcrumbs */

#breadcrumbs {
	background: white url(../images/house.gif) 0 50% no-repeat;
	padding : 0 0 0 15px;
	font-size: 90%;
	color : #990000;
}

#breadcrumbs a,
#breadcrumbs a:link {
	text-decoration :none;
	color : #666;
}
#breadcrumbs .active {
	font-weight: bold;
	color : #990000;
}

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

#breadcrumbs a:visited {
	text-decoration : none;
/*	color : #990000;*/
}
/* end breadcrumbs */

#logo{
	margin: 0 -26px 0 0;
	position : relative;
/*	top: -93px;*/
	left:-34px;
	float: left;
}

/* The top menu */
#menu {
	background-color : #F3F3F3;
	border : 1px solid #CDCDCD;
	padding : 5px;
	margin : 10px 0 10px 0;
}

#menu a:link, 
#menu a:hover, 
#menu a:visited {
	text-decoration : none;
	padding-right : 10px;
}

#menu a:link, 
#menu a:visited {
	color : #666;
}

#menu a:hover {
	color : black;
}
/* end top menu */



/*
left column nav
many of these are probably redundant
.treenav styles now removed, but would be required for some transformations of left nav
*/
.left-nav-container {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.left-nav-container H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3a3520
}
.left-nav-container .treenav A {
	FONT-SIZE: 11px; COLOR: #313131
}

#leftColumn {
	float:left;
	display:inline;
	width:107px;
	margin-left: 0;
	margin-right : 10px;
/* Hides from IE-mac \*/
	height: auto !important;
   	height: 1%;
/* End hide from IE-mac */
}

#leftColumn ul {
	margin:0;
	padding:0;
}

#navigation {
	line-height: 100%
}

#navigation a.active {
	font-weight: bold; 
	color: #990000
}

#navigation .current a {
	COLOR: #660000; 
	TEXT-DECORATION: none
}
li.navLevel1,
li.navLevel2,
li.navLevel3, 
li.navLevel4  {
	list-style-type: none
}

li.navLevel1 a:link {
	font-weight: bold
}
li.navLevel1 a:visited {
	font-weight: bold
}

li.navLevel1 a:link {
	COLOR: #666666
}

li.navLevel1 a:visited {
	COLOR: #666666
}

LI.navLevel1 {
	MARGIN-TOP: 5px; FONT-SIZE: 100%; MARGIN-LEFT: 0px
}
LI.navLevel2 {
	FONT-SIZE: 100%; MARGIN-LEFT: 10px
}
LI.navLevel2Active A {
	FONT-SIZE: 100%; MARGIN-LEFT: 10px; COLOR: #a01111; TEXT-DECORATION: underline
}
LI.navLevel2Active A:visited {
	FONT-SIZE: 100%; MARGIN-LEFT: 10px; COLOR: #a01111; TEXT-DECORATION: underline
}
LI.navLevel2 A:link {
	COLOR: #333333
}
LI.navLevel2 A:visited {
	COLOR: #333333
}
LI.navLevel3 {
	FONT-SIZE: 95%; MARGIN-LEFT: 15px
}
LI.navLevel3Active {
	
}
LI.navLevel3 A:link {
	COLOR: #333333
}
LI.navLevel3 A:visited {
	COLOR: #333333
}
LI.navLevel4 {
	FONT-SIZE: 95%; MARGIN-LEFT: 20px
}
LI.navLevel4 {
	COLOR: #666666
}
LI.navLevel4 A:link {
	COLOR: #666
}
LI.navLevel4 A:visited {
	COLOR: #666
}
LI.navLevel1 A:hover {
	COLOR: #000; TEXT-DECORATION: underline
}
LI.navLevel2 A:hover {
	COLOR: #000; TEXT-DECORATION: underline
}
LI.navLevel3 A:hover {
	COLOR: #000; TEXT-DECORATION: underline
}
LI.navLevel4 A:hover {
	COLOR: #000; TEXT-DECORATION: underline
}


/*end left column nav*/



/* The help features */
.help {
	position : relative;
	width : 180px;
	margin :  -29px -180px 0 0;
	padding :0;
	float:right;
	background-color: #F2F2F2;
}

.help h1{
	border : 1px solid #DDDDDD;
	font-size: 95%;
	color : #990000;
	padding : 2px 2px 2px 15px;
	margin : 0;
	background: white url(/museumoflondon/images/microsites/reassessing/helpHover.gif) top left no-repeat;
}

.help a:link,.help a:visited{
	color : #660000;
	text-decoration: none;
}

.help p{
	padding : 5px 10px 0 10px;
	font-size: 90%;
}

#help01, 
#help02, 
#help03,
#help04,
#help05,
#help06,
#help07,
#help08,
#help09,
#help10,
#help11,
#help12,
#help13,
#help14,
#help15,
#help16,
#help17,
#help18,
#help19,
#help20,
#help21
{
	visibility : hidden;
}

/* The search form */

.search { height:30px; margin:-42px 20px 0px 0px; color:#000000; }

#search p{
	margin-top : 10px;
	margin :0 0 10px 0;
}
input{
	border : 1px solid #A5ACB2;
}


#search h3, #searchSidebar h3{

	padding : 2px 2px 2px 5px;
	margin: 0;
	background: #a8aea7;
	color: #f3f3f3;
	font-size : 95%;
	font-family: Arial, Helvetica, sans-serif;
}

#searchSidebar h1{
	color: #333333;
	margin-top : 10px;
}

.radio, .checkbox{
	border:0;
}

.clearButton{
	background-color: #9F7777;
	color :white;
	border :0;
}

.searchButton{
	background-color: #EC1C2E;
	color :white;
	border :  0;
}

/* end search form */


.itemname {
	width : 140px;
	display: block;
	float : left;
}


p.indent{
	padding-left:140px;
}

.small{
	font-size : 80%;
}


.discreet {
	color : #666666;
}
label.discreet{	/*based on H2 styles, but different colour*/
	display:block;
	font-weight: bold;
	font-size: 110%;
	margin: 0;
	padding: 0;
}

.borderTop{
	border-top : 1px solid #dddddd;
}


.boxes {
	margin-top : 10px;
	padding-left : 120px;
}

.box-1, .box-2, .box-3{
	width:200px;
	top : 100px;
	display: block;
	float:left;
}

.result-item{
	clear:both;
	margin-top:20px;
}

.result-item p{
	margin :0;
}

.odd{
	background-color: transparent;
}

.result-col-1{
	float:left;
	padding: 0;	
	display:inline;
	width:auto;
	margin-left: 0;
	margin-top: 4px;
	border:1px solid #666666;
/* Hides from IE-mac \*/
	height: auto !important;
   	height: 1%;
/* End hide from IE-mac */
}

.result-col-2{
	position : relative;
	margin-left : 130px;
	width:260px;
	padding: 0;
	
}

.result-col-2-head{
	position : relative;
	margin-left : 120px;
	border-left : 1px solid #D7D7D7;	
	padding: 2px 10px 1px 6px;
}

/*Digital resources */

.digital-resources{
	width : 600px;
}

.digital-resources h2{
	color : #333333;
	font-size : 100%;
	float:left;
	padding: 3px 10px 0px 0;	
	display:inline;
	width:107px;
	margin-left: 0;
/* Hides from IE-mac \*/
	height: auto !important;
   	height: 1%;
/* End hide from IE-mac */
}

.digital-resources p{
	position : relative;
	margin-left : 121px;
	padding: 3px 10px 12px 0;
}

.digital-resources ul{
  	list-style-position:inside;
	position : relative;
	margin-left : 141px;
	padding: 3px 10px 12px 0;
	color : #660000;
}

.inline-image{
	width : 140px;
	float:left; 
	background-color : #F3F3F3;
	margin : 5px 5px 5px 0;
}

.inline-image p{
 	padding : 5px;
}
/* Related objects */

.related-objects{
	width : 612px;
	margin-left : 117px;
}

.navigate-related-objects{
	background-color : #E7E7E7;
	border : 1px solid #CCCCCC;
	text-align:center;
	margin : 10px 0 10px 0;
}

.related-object-item{
	width : 25%;
	float : left;
}

.related-object-item-info{
	background-color : #C2C2C2;
	padding : 6px;
	font-size : 90%
}

div.spacer {
  clear: both;
}

.theForm
{
	float:left;
	text-align:left;
	margin-right:20px;
	display:block;
	height:100%
}

.theFormText
{
	font-weight:bold;
	height:100%
}
#main-with-nav{
	width:606px;
	margin-left:117px;
	padding : 0 ;
	border:0
}
#main-no-right-nav{

}
/*	styles for the generic microsite homepage_alt TP*/

	.frontMain { width:516px; float:left; font-size:0.9em; }
	.frontMain a { color:#990000; text-decoration:none; }
	.frontMain a:hover,.frontBox a:hover,.frontBox2 a:hover { text-decoration:underline; }
	.frontRight { width:209px; float:left; font-size:0.9em; }
/*frontBox relates to the listing of postings and channels shown on the home_alt template. */
	.frontBox { background:#f0f2dc; padding:5px 5px 5px 5px; }
	.frontBox ul, .frontBox span ul {
	margin:0;
	padding:0;
	list-style-image: url(/museumoflondon/images/microsites/reassessing/bullet01.gif);
	}
	.frontBox li, .frontBox span li { 
	margin:0 0 0 15px;
	padding:0 0 0 0px;
	font-weight:bold; 
	color:#990000; 
	font-size:0.9em
	}
	.frontBox a, .frontBox span a { color:#990000; }
	.frontBox h3, .frontBox span h3 { margin:0; color:#444444; }
	.frontBox2 { padding:10px 10px 0 10px; }
	.frontBox2 a { color:#990000; text-decoration:none; }

	.postlistChannelTitle{
	color:#444444;
	font-size:100%;
	font-style:italic;
	}	
/*	end styles for homepage_alt TP*/
		
/*object details styles*/	
	#objectMain { width:240px; float:left; font-size:0.9em; }

	.rightBox1 { margin-top:10px; padding:10px 10px 10px 10px; background-color:#cfd8d1; font-size:0.9em; }
	.rightBox1 h3 { margin-top:0; }
	.rightBox1 dl { margin:0; }
	.rightBox1 dl dt { float:left; width:30%; }
	.rightBox1 dl dd { width:65%; }
	
	.rightBox2 { margin-bottom:10px; padding:10px 10px 10px 10px; background-color:#f3f3f3; font-size:0.9em; }
	.rightBox2 h3 { margin-top:0; }
	.rightBox2 select { width:160px; }

	.textButton, .textButton2 { padding:1px 3px 1px 3px; font-weight:bold; color:#edb838; background-color:#d52530; border:1px solid #8f0035; }
	.textButton2 { float:right; }
		
	.textButton a, .textButton2 a { text-align:right; color:#edb838; }

	.themes { width:725px; }
	.theme { width:235px; height:117px; float:left; margin-bottom:10px; margin-top:0px; background-color:#e0e5e0; }
	.theme .label { float:left; padding:5px 5px 5px 5px; }
	.theme img { float:left; }

	.theme_frontpage { width:510px; margin-left:0; padding : 0px 0 0 0; }

	.related_material { clear:both; width : 608px; margin-left : 117px; }
	.related_material h3 { 	background-color : #E7E7E7; border : 1px solid #CCCCCC; margin : 10px 0 10px 0; padding-left:5px; color:#666666; }
	

/*end object details styles*/	
	
/*search results*/

	.navigate-results a, .navigate-related-objects a{margin : 0 5px 0 5px;}
	.navigate-results a.active{font-weight : bold;}
	.navigate-articles, navigate-results { margin : 10px 0 10px 0;}
	.navigate-images { text-align:center; margin : 10px 0 10px 0; background-color:#e8e8e8; }
	.navigate-objects { text-align:center; margin : 10px 0 10px 0; }

	.paging{color: #9A0000;font-weight: bold;margin: 0;text-align: center}
	.paging a{color: #666666;font-weight: normal;margin-left: 3px;}
	.paging a.current{font-weight: bold;}
	.pageLinks{display:block}

	.results {margin-top:10px;}
	.results-items {margin-top:10px;}
	.actions { text-align:right; }
	
	#rightColumn .item { float:left; padding:0px 5px 0 5px; width:90px; height:145px; overflow:hidden; }
	
/*search results*/

	.textHotbox { float:left; width:140px; margin:0 10px 10px 0; }
	.textHotbox h3 { font-size:1.1em; }
	.textHotbox h6 { margin:0; }
	
	.imageBox { background-color:#cccccc; padding:1px 0 5px 0; margin-top:10px; }
	.imageHolder { background-color:#f3f3f3; margin:0px 1px 1px 1px; }
	.imageCaption { text-align:right; margin:0px 10px 0px 0px; color:#333333; }

	.objectLinks { float:right; width:130px; }
	
	.credit {font-weight:800;font-size:80%}

/* 
	article template styles, modified from molstyles.css
	some article stuff was already here, this is the rest
*/

.article-col-1
{
	float: left;
	margin-right: 10px;
	width: 140px;
}
.article-col-2
{
	float: left;
	margin-right: 0px;
	width: 370px;	/*400 in molstyles*/
}
.article-col-3
{
	float: left;
	width: 200px;
	margin: 0;
}
/* end of article template*/

.imgCapGroupCaption
{
	padding:0 2px 0 2px;
}
.imgCapGroup DIV 
{
	padding:0px;
	margin:0px 10px 0 0;
    FONT-WEIGHT: 700;
    FONT-SIZE: 80%;
    BORDER:solid #c0c0c0 1px;
}

.footerRelated
{
	font-size:smaller;
	color:#ff0000;
    PADDING-LEFT: 10px;
    MARGIN: 0px;
}
.footerRelated LI
{
    LIST-STYLE-IMAGE: url(../../images/greyDot.gif);
    LIST-STYLE-TYPE: circle
}

.imgFloatLeft
{
	float:left;
/*	clear:all*/
}
.imgFloatRight
{
	float:right;
/*	clear:all*/
}
.imgAlignLeft
{
	text-align:left;
/*	clear:all*/
}
.imgAlignRight
{
	text-align:right;
/*	clear:all*/
}
.imgAlignCentre
{
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
    POSITION: relative;
    TEXT-ALIGN: center;
/*	clear:all*/
}
#articleIntro
{
	margin-top:10px;
	margin-bottom:20px;
	font-weight:700;
}

.shadedCell {
	
}
.all-centre
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/*these style unordered lists used in primary navigation */
.menu
{
	clear: right;
	border: 1px solid #CDCDCD;
	float: left;
	height: auto;
	width: 723px;
	color: #676767;
	background-color: #F3F3F3;
	display: block;
	float: left;
	margin : 10px 0 10px 0;
}

.links
{
	background-color: #DBDBDB;
	clear: both;
	font-size: 80%;
	margin: 10px 0 10px 0;
	padding: 1px;
	text-align: center;
	height:1.4em;/*this stops it flowing upwards in IE6*/
}

.menu a
{
	color: #676767;
	display: block;
	float: left;
	padding: 4px 5px 4px 5px;
}

.menu a.active
{
/*	color: #FFFFFF;
	background-color: #9CB621;
	font-weight: bold;
*/
}

.menu a:hover
{
	color: #444444;
}
.menu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.footerLinks, ul.optionLinks{
	list-style-type: none;
	padding: 0.1em;
	margin: 0;
}


.menu ul li, ul.footerLinks li, ul.optionLinks li
{
	font-size: 100%;
	display:inline;
	clear:none;
	margin: 0;
	padding: 0;
}
.links a
{
	color: #6B6563;
	padding: 4px 5px 4px 5px;
}

.error{
	font-weight:900;
	color:Red;
}



/* top navigation */

ul#topNav,
ul#topNav li {
	list-style: none;
	margin: 0;
	padding: 0;
}


ul#topNav {
	border:1px solid #CECACE;
	background: #F3F3F3;
	clear:right;
	float:left;
	overflow: auto;
	margin-bottom:10px;
	width:723px;
	font-size: 120%;
	}
	
ul#topNav li {
	float: left;
	display: block;
}

ul#topNav li a,
ul#topNav li a:visited {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #676767;
	text-decoration: none;
}

ul#topNav li a:hover,
ul#topNav li a:visited:hover {
	text-decoration: underline;
}

ul#topNav li a.active,
ul#topNav li a:visited.active,
ul#topNav li a:hover.active,
ul#topNav li a:visited:hover.active {
	color: #444;
	font-weight: bold;
	text-decoration: none;
}



/* end of top nav */

/* links */



a,
a:visited,
.event-links a,
.event-links a:visited,
.links a,
.links a:visited,
.postlister ul li a, 
.postlister li a,
ul.optionLinks li a,
ul.optionLinks li a:visited,
ul.treenav li a,
ul.treenav li a:visited,
.frontBox a,
.frontBox span a,
.frontBox a:visited,
.frontBox span a:visited,
.frontBox2 a,
.frontBox2 span a,
.frontBox2 a:visited,
.frontBox2 span a:visited,
.frontMain a,
.frontMain a:visited

{
	color: #2350A0;
	text-decoration: underline;
}

a:hover,
a:visited:hover
.postlister ul li a:hover, 
.postlister li a:hover,
ul.optionLinks li a:hover,
ul.treenav li a:hover,
ul.treenav li a:visited:hover,
.frontBox a:hover,
.frontBox span a:hover,
.frontBox a:visited:hover,
.frontBox span a:visited:hover,
.frontBox2 a:hover,
.frontBox2 span a:hover,
.frontBox2 a:visited:hover,
.frontBox2 span a:visited:hover,
.frontMain a:hover,
.frontMain a:visited:hover,
#breadcrumbs a:hover,
#breadcrumbs a:visited:hover 
{
	text-decoration: none;
	color: #1E0F58;
}


/* grid layout page */

.theme .label {
	float:left;
	font-size:90%;
	padding:5px;
	width: 100px;
}


.theme .label h3 {
	margin: 0;
}


/* person details page */

.boxes {
	overflow: auto;
}

.box-1,
.box-2,
.box 3 {
	width: 300px;
}


/* plaintext page */

.homeTextArea {
	margin-top: 10px;
}

.frontMain,
.frontRight {
	font-size: 1em;
}

li.navLevel1 {
	font-size: 110%;
}


/* footer links */

.links {
	height: auto;
	padding: 2px;
	background-color: #eee;
	font-size: 90%;
	clear: both;
}

.links a {
	padding: 2px;
}