body { background-color:#eee; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; width:779px; }	/* default */
P,TH,TD,BODY,LI,STRONG {font-size: 10pt; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;}
p { margin-top: 10px;
margin-bottom: 10px;
}

body {behavior: url(http://www.inse1.co.uk/csshover.htc);} /* WinIE behavior call */
div#nav {float:none; text-align: left; color:white; height:20px; margin-left:auto; margin-right:auto;
border-left:4px solid #BFE4FF; margin-bottom:0px;
}


div#nav A:link {color: white ;} 
div#nav A {text-decoration:none; font-weight:bold; font-size:90%; }
div#nav A:visited {color: white ; }
div#nav A:active {color: white ; }
div#nav A:hover {color: white ; }

div#nav ul {margin: 0; padding: 0; background: #00487D;
  border: 1px solid #CCC; border-width: 0 1px;}
div#nav li {position: relative; background: #00487D; list-style: none; margin: 0;
  float: left; width: 90px; line-height: 18px;}

div#nav li:hover {background: gray;}
div#nav li:hover A:hover {color: white ; }

div#nav li.submenu:hover {background-color: gray;}
div#nav li.submenu:hover A:hover {color: white ; }

div#nav ul.level1 li.submenu {
border-right:4px solid #BFE4FF;
}

div#nav ul.level1 li.nosubmenu {
border-right:4px solid #BFE4FF;
}


div#nav li a {display: block; padding: 1px 0 1px 2px;
  text-decoration: none; width: 90px;}
div#nav>ul a {width: 90px;}
div#nav ul ul {position: absolute; width: 90px;
  display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}

div#nav li.submenu li.submenu:hover {background-color: gray;}
div#nav li.submenu li.submenu:hover A:hover {color: white ; }
div#nav li.submenu li.submenu:hover {background-color: gray;}
div#nav li.submenu li.submenu:hover A:hover {color: black ; }

div#nav li.submenu {background: url(http://www.inse1.co.uk/dropmenu3.gif) 95% 50% no-repeat; background-color: #00487D; }
div#nav li.submenu li.submenu {background: url(http://www.london-se1.co.uk/images/sidemenu3.gif) 95% 50% no-repeat;}


div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 18px; left: -1px;}
div#nav ul.level3 {top: -1px; left: 90px;
  border-top: 1px solid #CCC;}
  
.indentbox {
margin-left:auto;
margin-right:auto;
width:470px;
}
H1, H2, H3, H4, H5, H6 {font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #003490; }
H3, H4, H5, H6 {font-family: Helvetica, Arial, sans-serif;}
h4 { 
color: #003490;
border-bottom:1px solid #003490;
}
h1 { 
font-size: 180%;border-top:0px;border-bottom:0px;
}
h1.maintitle { 
font-size: 100%;border-top:0px;display:inline;
}

.pseudoheader {float:right;font-size: 86%;font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #003490; font-weight:normal;}

HR {color: gray ; }
.trail {font-size: 85%; font-weight: bold; font-family: Helvetica, Arial, sans-serif; padding: 0px; margin-top: 2px border-bottom:0px;}
h4.trail {border-bottom: none;}
.footer {font-size: 90%; font-family: Tahoma, Helvetica, Arial, sans-serif ; }
.menu {font-size: 90%; font-family: Tahoma, Helvetica, Arial, sans-serif; }
form {margin:0;} 
.topbar         { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 8pt; font-weight: bold }
.date         { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 80%; }
.title        { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 110%; text-decoration:none; font-weight: bold }
.lead         { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 90% }
td.judul      { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: bold }
td.judulputih { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; }
A:link {color: blue ;}
A {text-decoration:none;}
A:visited {color: purple ; }
A:active {color: red ; }
A:hover {color: red ; text-decoration: underline; }
a.putih       { text-decoration: underline; color: #FFFFFF; font-size: 95% ; }
a.putih:hover { text-decoration: underline; color: #FFFF00; font-weight: bold; font-size: 95% ; }
.menuitem {font-family: Tahoma, Helvetica, Arial, sans-serif; text-decoration:none; font-size: 80%;}
.menucell { text-align: right;}
.menublock { text-align: right ; background-color: #003490 ; padding: 2px ; font-weight: bold }
.menusection { color: white ; margin-bottom: 0.2em; padding: 0px ; }
.sidetablehead { color: white ; font-weight: bold ; }
.sidetablebody { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 8pt; }

.navcontainer { width: 125px; }

.navcontainer ul
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.navcontainer a
{
font-size: 90%;
display: block;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
width: 123px;
border-bottom: 1px dotted gray;
_border-bottom: 1px solid #ccc;
}

.navcontainer a:link, .navlist a:visited
{
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #fff;
}


span.geourl {
font-family: verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: white;
background-color: #8ca3c3;
 border-left:1px solid #ccf;
 border-top:1px solid #ccf;
 border-right:1px solid #55a;
 border-bottom:1px solid #55a;
padding:0px 3px 0px 3px;
margin:0px;
}

.advertprenews {
background-color:#FFF;
padding-bottom:1px;
padding-top:2px;
margin-top:1px;
margin-bottom:1px;
}

#contentbox {
background-color:#FFF;
padding-left:10px;
padding-right:10px;
}




#advertinheader {
background-color:#FFF;
padding-bottom:3px;
border-bottom:dotted 1px gray
}

.frontpageheader {
padding:3px 3px 3px 3px;
font-weight:bold;
background-color:#003490;
width:96%;
border:1px solid #003490;
font-size:110%;
margin-bottom:3px;
margin-top:3px;
color:white;
}

li.rss_item {  
font-size:80%;
}

a.rss_item {  
text-decoration:none;
}


.newsforus {
font-size:80%;
border:1px dotted gray;
_border:1px solid gray;
margin-top:3px;
padding:3px;
color:red;
text-align:center;
}

#postnewsbar {
font-size:80%;text-decoration:none;background-color:#fff;border:dashed 1px gray;margin-top:10px;padding:10px;color:blue;text-align:center
}

.mainoption,.liteoption, .ztextbutton, .textbuttonbold {border:1px solid;border-color:#C7C7CC #000066 #000066 #C7C7CC;padding:5px;font: bold 13px helvetica,arial,verdana,sans-serif;color:#000066;background:#ffffcc;margin:3px;height:25px;vertical-align:0px;margin:3px;}

.smalltextbutton
{border:1px solid;border-color:#C7C7CC #000066 #000066 #C7C7CC;padding:5px;font: bold 13px sans-serif;color:#000066;background:#ffffcc;margin:3px;min-height:20px;vertical-align:0px;}


a.ztextbutton {
height:100%;
width:100%;
margin-top:3px;
margin-bottom: 3px;

}

a.ztextbutton:link	{ font: bold 13px helvetica,arial,verdana,sans-serif;text-decoration: none; margin-top:3px; margin-bottom: 3px;}
a.ztextbutton:visited { font: bold 13px helvetica,arial,verdana,sans-serif;text-decoration: none;}
a.ztextbutton:hover { font: bold 13px helvetica,arial,verdana,sans-serif;text-decoration: none;}
a.xml-rss {font: bold 10px Verdana, sans-serif white; padding: 0 0.5em; border: 1px solid; text-decoration: none; background: #F60; color: #FFF; border-color: #FFC8A4 #7D3302 #3F1A01 #FF9A57;}
a.xml-rss:hover {color: #fff; border-color: #3F1A01 #FF9A57 #FFC8A4 #7D3302;}


.sidebarheader {
border:1px solid #003490;border-bottom:none;background-color:#eee;color:#003490;font-weight:bold;padding:2px;margin-top:3px;margin-left:2px;margin-right:2px;
}

.sidebarcontent {
border:1px solid #003490;font-size:90%;margin-left:2px;margin-right:2px;margin-bottom:6px;padding:3px;background-color:#fff;
}

.sidebaradlinks {
text-align:center;padding-bottom:1px;border-left: 0px solid #003490;background-color:#003490;margin-bottom:6px;margin-left:1px;margin-right:2px;
}

a.smalltextbutton:link	{ font: bold 80% helvetica,arial,verdana,sans-serif;text-decoration: none;}
a.smalltextbutton:visited { font: bold 80% helvetica,arial,verdana,sans-serif;text-decoration: none;}
a.smalltextbutton:hover { font: bold 80% helvetica,arial,verdana,sans-serif;text-decoration: none;}


#container { 
border: 0px solid gray; 
margin: 0px; 
padding: 0px; 
text-align:left; 
background: #BFE4FF; 
}
#banner { 
padding: 0px; 
background-color:#BFE4FF;
border-bottom: 0px solid gray; 
text-align: center; 
min-height:90px;
_height:170px;
width:100%;
}

* html body div#banner	
  {
height:70px;
}



#content { 
background-color:#fff;
min-height:800px;
_height:800px;
min-width:450px;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:8px;
margin-right:250px;
text-align:left; 
border: 0px solid gray; 
}



#contentwide { 
background-color:#fff;
min-width:700px;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:8px;
text-align:left; 
border: 0px solid gray; 
margin-left:auto;
margin-right:auto;
}



* html body div#content	
  {
height:900px;
}


#sidebar-a { 
float: left; 
width: 125px; 
padding-top:10px;
margin: 0px 0px 0px 0px;
background-color:#BFE4FF;
border-right: 0px solid gray; 
text-align: left; 
min-height:700px;
_height: 700px

}
#sidebar-b { 
float: right; 
width: 250px; 
padding-top:10px;
text-align:left;
background-color:#BFE4FF;
margin: 0px 0px 0px 0px;
border-left: 0px solid gray; 
min-height:700px;
_height: 700px

}
#footer { 
padding-top: 10px;
padding-bottom: 10px; 
margin-top: 5px; 
background-color:#BFE4FF;
border: 0px solid gray; 
text-align: center; 
}


#printonly {
display: none;
}

.columnwrapper {
width:100%
}


#frontpagebox {
width: 100%;
float:left;
background-color:#FFF;
min-height:100%;
_height:1200px;
}


.twocolumn {
float:left;width:48%;padding:3px;height:100%;
}


.threecolumn {
float:left;width:32%;padding:3px;height:100%;
}



.rssfloat {
float:right; padding:2px; margin:3px; font-size:80%;
}

.articledate {
font-weight:bold; color:#00487D; float:left; font-size:16px; font-family:helvetica,arial;
}

.byline {
text-align:right; color:black;font-weight:bolder;padding:5px;font-size:80%; font-family:helvetica,arial;border-bottom:0px solid #00487D;
}
.toolbar {
text-align:center; color:black;font-weight:bolder;padding:3px;font-size:80%; font-family:helvetica,arial;border:1px solid #00487D;
}
.cancelledbox {
text-align:center; color:black;font-weight:bolder;border:2px solid red;padding:5px;margin:5px;
}
.cancelled {
text-decoration:line-through;
}

.artlead {
text-align:left; color:black;font-size:120%;font-weight:bold;font-family:helvetica,arial;
}

#sidebar-b li
{
list-style-type: none;
}

#sidebar-b li.linkcat-1
{
list-style-type: none;
}


#sidebar-b ul
{
list-style-type: none;
}

#sidebar-b h2
{
font-size: 100%; color: white ; font-weight: bold ; 
}



.labour {
background-color:red;
color:white;
padding:3px 3px 3px 3px;
font-weight:bold;
width:100%;
font-size:110%;
margin-bottom:3px;
margin-top:3px;
}


.libdem {
background-color:orange;
color:white;
padding:3px 3px 3px 3px;
font-weight:bold;
width:100%;
font-size:110%;
margin-bottom:3px;
margin-top:3px;
}

.tory {
background-color:blue;
color:white;
padding:3px 3px 3px 3px;
font-weight:bold;
width:100%;
font-size:110%;
margin-bottom:3px;
margin-top:3px;
}

.independent {
background-color:white;
color:black;
border:1px solid black;
padding:3px 3px 3px 3px;
font-weight:bold;
width:100%;
font-size:110%;
margin-bottom:3px;
margin-top:3px;

}

.#00487D {
background-color:#00487D;
color:white;
padding:3px 3px 3px 3px;
font-weight:bold;
width:100%;
font-size:110%;
margin-bottom:3px;
margin-top:3px;
}


h3.underline {
padding:3px 3px 3px 3px;
font-weight:bold;
width:100%;
font-size:110%;
margin-bottom:3px;
margin-top:3px;
border-bottom:1px dotted;
}


.horiznavlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

.horiznavlist li
{
display: inline;
list-style-type: none;
}

.horiznavlist a { padding: 3px 10px; }

.horiznavlist a:link, .horiznavlist a:visited
{
color:white;background-color:#0099CC;background-position:center;background-repeat:no-repeat;border:1px solid;border-top-color:#66CCEE;border-left-color:#66CCEE;border-right-color:#006699;border-bottom-color:#006699;font-weight:bold;}

.horiznavlist a:hover
{
background-color: #369;
text-decoration: none;
}


/* Eric Myer's Simple List Separators
http://www.meyerweb.com/eric/talks/2003/commug/commug.html */
#eventsnavlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 200px;
}

#eventsnavlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#eventsnavlist li a { text-decoration: none; }


div.textbutton {
width:220px;
height:100%;
padding: 3px 3px 3px 3px;
}

a.textbutton {
border: 1px solid;
border-color: #aaa #000 #000 #aaa;
background: #BFE4FF;
font-weight:bold;
text-align:center;
padding:3px;
margin-bottom:5px;
width:auto;
}

a.textbutton:hover
{
position: relative;
top: 1px;
left: 1px;
text-decoration:none;
font-weight:bold;
padding:3px;

border-color: #000 #aaa #aaa #000;
}

/* Eric Myer's Simple List Separators
http://www.meyerweb.com/eric/talks/2003/commug/commug.html */
#eventnavlist
{
padding-left: 0;
margin-top:0px;
margin-left: 0;
width: 100%;
}

#eventnavlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
}

#eventnavlist li a { text-decoration: none;
font-weight:bold;
font-size:90%;
}



.smallnavlist
{
padding-left: 0;
margin-top:0px;
margin-left: 0;
width: 100%;
}

.smallnavlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
font-size:85%;
}

.smallnavlist li a { text-decoration: none;
}



.sidebarnavlist
{
padding-left: 0;
margin-top:0px;
margin-left: 0;
width: 230px;
}

.sidebarnavlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
font-size:85%;
}

.sidebarnavlist li a { text-decoration: none;
}



.eventbox {
padding:5px;
border-top:1px;
border-left:1px;
border-bottom:1px;
border-right:1px;
border-style:solid;
border-color:grey;
margin:4px;
}


.newsbox {
padding:5px;
border-top:1px;
border-left:1px;
border-bottom:1px;
border-right:1px;
border-style:none;
border-color:grey;
margin:4px;
}

a.alphalist, a.alphalistmini {line-height:200%;font-size:120%;padding:3px;background-color:#DDEEFF;border: solid 1px #0099CC;text-align:center;text-decoration: none;margin:1px;}
a.alphalist:hover, a.alphalistmini:hover {background-color:#ff6600;color:white;}
a.alphalistmini {font-size:100%;}


.caption         {
text-align:center;
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 80%; 
}

.day {
font-size:95%;
}

.banner-right {
float:right;
width:70%;
text-align:right;
height:70px;
}

.banner-left {
float:left;
position:relative;
left:2px;
top:2px;
min-width:30%;
text-align:left;
height:70px;
}

.artbox {
margin:1px;
padding:2px;
min-height:75px;
_height:75px;
}

.artboximg {
float:left;
padding-right:3px;
}

ul.multicolumns {
  float: left;
  width: 100%; /* width is changed */
  margin: 0;
  padding: 0;
  list-style: none;
}
 
li.multicolumns {
  float: left;
  width: 47%;
  margin: 0;
}

.clearall {
clear: both;
height:1px;
}

blockquote.pullquote {
float:left;
width:10em;
margin:0.25em 0.75em 0.25em 0;
padding:0.5em;
border:3px double #ccc;
border-width:3px 0;
color:#333;
background:transparent;
font-family: Georgia;
font-style: italic;
	}
blockquote.alt {
float:right;
margin:0.25em 0 0.25em 0.75em;
	}
.pullquote p {
margin:0;
text-align:center;
}
.pullquote p:first-letter {text-transform:uppercase}

.sitesearch {
float:right;
width:45%
}

.bannerteaser {
float:left;
width:45%;
border:1px solid #003490;
height:50px;
width:250px;
margin-top:5px;
background-color:white;
text-align:center;
padding:2px;
font-size:85%;
}

.sectionnavlist
{
padding-left: 0;
margin-left: 0;
}

.sectionnavlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
}

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

.boxout {
background-color:#ff9;
border: 1px solid black;
padding:5px;
margin:5px;
}
.eventboxout {
}

.contactbox {
background-color:#eee;padding:5px;border:1px solid gray;margin-top:5px;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.fieldblurb {
font-style: italic;
font-size: 85%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 220px;
}

.cssform textarea{
width: 300px;
height: 120px;
}

.indentbox blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}
	
.sidebarcontent li {
display:inline;
padding-right:2px;
}

.eventtools {
float:left;
width:180px;
background-color:#BFE4FF;
margin-right:5px;
padding-left:2px;
padding-right:2px;
}

.eventtools ul {
padding-left: 0;
margin-left: 0;
list-style:none;
margin-top:1px;
margin-bottom:1px;
}
.eventtools li {
padding-bottom:1px;
font-size: 90%;
border-top:1px solid #003490;
}

.eventtools h4 {
margin-top:0px;
margin-bottom:-2px;
border:1px solid #003490;
background-color:#003490;
color:white;
font-size:90%;
font-weight:bold;
padding:2px;
}

.eventfree {
color:red;
font-size:120%;
font-weight:bold;
text-transform:uppercase;
}

.lastupdated {
font-size:90%;
}