/*
Color codes
light blue : #8096A9;
deep purple : #27095f; 



light grey #eeeeee
darker grey #DBE0D9

front page index image blue #8096A9
*/


/*  Main text color: #091c5a */
/*  Top of page color: #dce */
/*  Borders color: #306 */
/*  Background-color: #ffffff */

@media screen {

body {
	background: #447691 url('../images/bgb.gif') repeat-x top left;
}

	
/* ==================================================================== */
/* header */
/* ==================================================================== */
div#top {
	height: 95px;
}

#logo {
	height: 95px;
	width:75%;
	display:block;
}
	
	
div#header {
	height: 113px;
	width: 100%;
	margin-left:0%;
	border: 0px solid #000;
	background: #fff;
	background: #f2f6f9 url('/design/wwd/images/webheaderbackground.png');
	background-repeat:no-repeat;
	border: none;
}

.noprint
{
	float:right;
	width:400px;
	height:113px;
}
	
/* search form */
form#searchform {
float:right;
padding-left:0px;
margin-left:0px;
}

form#searchform input.halfbox {
	width: 165px;
}
/* contact menu */
div#header	.noprint .menu_1
{
	float:right;
	padding-top:18px;
	height:40px;
	margin-right:-20px;
}
	
#top ul.menu_1 li {
	border-left: 1px solid #306; 
	color: #091c5a;
	heigth:30px;
	list-style:none;
	padding:0px;
	padding-left:5px;
	margin:0px;
	float:right;
}

#top ul.menu_1 li a {
	color: #091c5a;
}
	
/* irc link */
#irc_link
{
display:block;
float:right;
margin-right:10px;
margin-top:-15px;
}
	

	
/* ==================================================================== */
/* wrapper 																*/
/* ==================================================================== */
	
#wrapper
{
background:#fff;
}


	
/* ==================================================================== */
/* Left menu 															*/
/* ==================================================================== */
#leftColSlogan
{
	margin-top:10px;
	background: #27095f;
	text-align:center;
	line-height:1.4em;
	width: 100%;
	padding-top:20px;
	padding-bottom:20px;
}

#leftColSlogan h1 
{
	color: #fff000;
	font-weight:bold;
	font-size:1.3em;
	margin: 0;
}

#leftColSlogan h1 .st1
{
	font-size: 80%;
}



/* Main level */
	#leftcol 
	{
	background-color:#FFF;
	}
#leftcol ul {
	background-color: #dbe0d9;
	border-top: 1px solid #fff; 
	}

/* Main level hover/current */
#leftcol li a:hover,
#leftcol li.in-path a,
#leftcol li.current{
	 background: #27095f;
	
	color: #fff000; 
	
	
	font-size:12px; 
	}
#leftcol li a{
	 
	color: #fff000; 
	font-size:12px; 

	}
/* Sub level */
#leftcol li ul {
	border-top: none;
	background: #F5F9FC;
	}
	
	

#leftcol li ul a {
	 background: #eeeeee;   
	 color: #000; 
	 font-size:11px; 
	}

#leftcol li a,
#leftcol li.in-path a,
#leftcol span.current {
	/* Background color of main menu items */
	background: #27095f;  
	display: block;
	width: 100%;
	margin: 0;
	padding: 3px 0 3px 15px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	color: #fff000; 
}
	
#leftcol li a,
#leftcol li a:link 
{
	color:#FFF000;
}
	
#leftcol ul li ul  a:link 
{
	color:#000000;
}
	
#leftcol span.current {
/* Background color of main menu items */
background: #8096A9;

}
	
/* Sub level hover/current */
#leftcol li ul a:hover,
#leftcol li.in-path ul li a:hover,
#leftcol li ul li.current,
#leftcol li ul li.in-path a {
	
	 background: #8096A9;
	 font-size:11px;
	 
	}

	
/* Login */
ul#useroptions li span.username,
ul#useroptions li.username a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 3px 0 3px 15px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	background: #8096A9;
	color: #fff;
	}

/* Login hover/current */
ul#useroptions li ul a:hover {
/*	background: #DA6242;  */
	background: #eeeeee;
	
	}


	

	
/* ==================================================================== */
/* Main block 															*/
/* ==================================================================== */	

#main-content {
	
	border:0px;
	padding-top:10px;
	background: #27095f;
	background-repeat: no-repeat;
	color: #fff;
	background-position: 10px 10px;
	}

/* Main block - link colour */
#main-content a {
	color: #fff;
	font-style: italic;
	text-decoration: underline;
	}
	
	
h1, h2, h3, h4, .header-link, dt {
	color: #306;
}

input.button, input.defaultbutton {
	background-color: #306;
	color: #fff;
}

	
	

#content
{
	margin-top:0px;
	border-top-width: 0px;
	border-rigth-width:0px;
	border: none;
	background:#FFF;
}
	
p.path {

	color: #091c5a;
}

	
	


#main .block,
.content-block .block,
.content-block dt,
.content-block  dd,
.block-login
{
	background:#DEEDF5;
	
}
#main .bglight,
#main .bgdark
{
	margin-top:0px;
	margin-bottom:0px;
	
}
	
	
.content-block dt,
.content-block  dd
{
	margin-top:10px;
 	margin-left:2%;
 	margin-right:2%;
 	padding:5px;
 	padding-left:4%; 
 	padding-right:4%;
 	width:88%;
 
}
	

	
#main .maincontentheader,
#main .buttonblock,
#main #metainfo
{
	margin-top:5px;
	margin-left:1.5%;
}
#centre-col .children-list p.readmore {
	padding-left: 16px;
	background: url(/design/ircstandard/images/arrow_green.gif) no-repeat scroll 0px 3px;
}

#centre-col .children-list dt a {
	color: #306;
}		
	

	

/* ==================================================================== */
/* Footer														*/
/* ==================================================================== */	


		
		#copyright {
        float: left;
        margin: 20px 0 5px 5px;
        display: inline;
        width: 100%;
        font-size: 0.9em;
        color: #999;
        }

#copyright p {
        margin: 20px 0 5px;
        padding: 0;
        }



		
/* ==================================================================== */
/* Misc 															*/
/* ==================================================================== */		






div#metainfo {
	color: #848dac;
}


#eventmap h2, #eventmap ul, #eventmap li {
	margin: 0;
	padding: 0;
}
#eventmap h2 {
	margin-top:-0.5em; 
	font-size: 1.2em;
	font-weight: bold;
}
#eventmap li {
	margin-left: 1em;
}
#eventmap a {
	text-decoration:none
}
#eventmap a:hover {
	text-decoration:underline
}

div#eventdiv {
	padding: 0;
}
#eventmap {
z-index: 1;
margin: 0px;

}

div#iconbox {
	z-index: -1;
}

div.visual {
	margin-bottom: 10px;
}
a:hover
{
	color:#000;
}

.user-event-list ul.children-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.user-event-list li.header-link
{
	font-weight:bold;
	margin-left: 0;
}

.user-event-list li {
	margin-left: 1em
}
	
.meta-info {
	color:  #848dac;
}