/* default theme - this can be interchanged according to designer guidance */

#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a

{

	border-color: #fff;

}

html, body

{

	/* note that both html and body elements are in the selector.

	 * this is because we have margins applied to the body element

	 * and the HTML's background property will show through if

	 * it is ever set. _DO_NOT_ apply a font-size value to the

	 * html or body elements, set it in #pageWrapper.

	 */

	background-color: #eee;

	color: #000;

	font-family: arial, helvetica, sans-serif;

}
input, textarea, select{
	font-size:100%;
	font-family:arial;
	background-color:#fff;
}
h3{
	font-size:1.1em;
	font-weight:bold;
}

a:link{
	color:#00529C;
}
a:visited{
	color:#999999;
}

#pageWrapper

{

	font-size: 80%;

}

#masthead

{

	background-color: #fff;

}


.hnav

{

	background:url(../images/searchhead.gif) no-repeat top left;

	background-color: #00529C;

	color: #fff;

}

#tabnav

{
	background-color: #E5EFF7;

	color: #000;


}

#outerColumnContainer

{

	border-left-color: #00529C;	/* left column background color */

	border-right-color: #E0EFB1;	/* right column background color */

	background-color: #E5EFF7;		/* set the background color for the

					   middle column here */

}

.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active

{

	text-decoration: none;
	
	padding:5px 5px 5px 20px;
	
	background:url(../images/kb_sq.gif) no-repeat 5px 8px;
	
	background-color: #ccc;

	color: #000;

}
#tabnav ul li a:link, #tabnav ul li a:visited

{

	text-decoration: none;
	
	padding:5px 5px 5px 20px;
	
	background:url(../images/kb_sq.gif) no-repeat 5px 8px;
	
	background-color: #ccc;

	color: #000;

}

#tabnav ul li a:hover,#tabnav ul li a:active
{
	background:url(../images/mod_sq.gif) no-repeat 5px 8px;
	background-color:#fff;
}

#tabnav ul li a.here {
	background:url(../images/mod_sq.gif) no-repeat 5px 8px;
	background-color:#fff;
}

#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active

{

	background-color: #E0EFB1;
	background:none;
	padding:5px 6px 4px 11px;
	font-family:arial;

}
#homepicholder

{

	background-color:#91ABC3;
	height:265px;
	margin:0 -1em;
	background:url(../images/Lewisham.jpg) no-repeat center top;
	overflow:hidden;

}

.vnav ul li a:hover

{

	text-decoration: none;

	background:url(../images/kb_sq_white.gif) no-repeat 5px 8px;

	background-color: #91ABC3;

	color: #000;

}

#rightColumn .vnav ul li a:hover {

	text-decoration: none;

	background-color: #B7DB4A;

	color: #000;
}

.hnav ul li a:link, .hnav ul li a:visited

{

	background-color: #00529C;

	color: #fff;
	
	font-weight:bold;

}

.hnav ul li a:hover

{

	background-color: #004685;

	color: #B7DB4A;

}


#rightColumn .inside

{

	/* if you apply a font size to just #rightColumn, then its width,

	 * which is specified in EMs, will also be affected. you don't want

	 * that. so apply font size changes to the .inside element which exists

	 * inside underneath all three columns

	 */

	font-size: 90%;

}

#rightColumn .inside .vnav

{

	font-size: 110%;

}

#footer

{

	background-color: #999;

	color: #fff;

	text-align: center;

}
#footnote

{

	font-size:90%;

}
#footnote .subhead

{

	font-size:90%;

}

#quicksearch

{
	height:40px !important;
	height:60px;
	padding:10px 3px 10px 10px;
	background-color:#A6C5DE;
	border-right:1px solid #fff;
	margin-bottom:0;
}
#quicksearch form {
	padding:0;
	margin:0.8em 0 0 0;
}
div#flagalert
{
	display:block;
	padding:5px;
	background-color:#fee;
	border:1px solid #f00;
	margin-top:5px;
}


/******************************************************************************/

.alert {
	color:#f00;
	font-weight:bold;
}
.toolbar{
	width:100%;
	text-align:right;
}
.datestrap{
	font-size:0.8em;
	font-style:italic;
	color:#9C0;
	margin:0;
	padding:0.4em 0;
	line-height:0.9em;
}
.leader,.strap,.eventleader{
	display:block;
	font-size:1em;
	font-style:italic;
	margin:0.5em 0 0 0;
	padding-left:10px;
}
.eventleader{
	color:#fff;
}

.boxhead, .kbhead{
	height:auto !important;
	height:2.2em;
	color:#fff;
	margin:0;
	font-size:1.2em;
	font-family:arial;
	font-weight:bold;
	padding:0.5em;
	border-top:1px solid #fff;
}
.boxhead{
	background-color:#9C0;
	border-left:1px solid #fff;
	margin-top:0;
}
.kbhead{
	background-color:#999;
	border-right:1px solid #fff;
	margin-top:0;
}
.subhead{
	font-size:1.2em;
	border-bottom:1px solid #000;
}
.casehead{
	font-size:1.3em;
	font-weight:bold;
}
.event{
	background-color:#A6C5DE;
	padding:1em;
	margin-bottom:10px;
	color:#fff;
}
.actionbar{
	display:block;
	width:100%;
	text-align:right;
}
.comment, .flag, .note{
	font-style:italic;
	padding:0 10px;
	margin-bottom:5px;
	background-color:#fff;
}
.flag{
	color:#f00;
	font-weight:bold;
	background-color:#fef;
}
.posted{
	font-size:75%;
	color:#999;
}
.link{

	background:url(../images/link.gif) no-repeat top left;
	padding-left:25px;

}
#newslatest{
	background-color:#004685;
	border-right:1px solid #fff;
}
#addslist, #newslatest {
	padding:0.5em;
}
#addslist a, #newslatest a{
	color:#fff;
	text-decoration:none;
}
#addslist a:hover, #newslatest a:hover{
	color:#9C0;
	text-decoration:underline;
}
#addslist .subhead, #newslatest .subhead{
	color:#fff;
	border-bottom:1px solid #9C0;
	font-weight:bold;
}
#questionbox {

	padding:10px;
	background-color:#9C0;
	border:1px solid #004685;

}
.day

{

	font-weight:bold;

}
.addlink{
	background-color:#fff;
}
div#notes{

	margin-top:20px;
	color:#666;

}

.imginfo{
	width:350px;
	background-color:#eee;
	padding:5px;
	margin-bottom:5px;
}
.caption {
	padding:5px;
	font-size:0.9em;
}
.contents {
	list-style-type:none;
}
.casestudy {
	background:url(../images/casestudy.gif) no-repeat top left;
}
.module {
	background:url(../images/module.gif) no-repeat top left;
}
.article {
	background:url(../images/article.gif) no-repeat top left;
}
.casestudy,.module,.article {
	display:block;
	padding:3px 10px 5px 50px;
	background-color:#fff;
	margin:10px 0;

}
* html .casestudy,* html .module,* html .article{
	height:1px;
}
#page
{

	background-color:#fff;
	padding:10px;
	line-height:1.2em;

}
.news {
	background-color:#fff;
	padding:10px;
	line-height:1.2em;	
}
.imgleft {
	float:left;
	background-color:#fff;
	padding:10px 0 10px 10px;
	margin:0;
}
.imgright {
	float:right;
	background:color:#fff;
	padding:10px 0 10px 10px;
	margin:0;
}
* html .imgright,* html .imgleft {
	height:0.01%;
	width:0.01%;
}

* html .visualIEFloatFix { height: 0.01%; }