/* SBE Web Activity CSS */
/* Created: 13-Dec-2007 */
/* Modified: 13-Dec-2007 */
/* Author: KON023 */


body {
	font:13px arial, verdana, sans-serif;
 *font-size:small;
 *font:x-small; /*Y!*/
	font-size: small;
	background: #ccc;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

table {
	font-size:inherit;
	font:100%;
} /*Y!*/

pre, code {
	font:115% monospace;
 *font-size:100%;
} /*Y!*/

hr {
	color:#CCC;
	background-color:transparent;
	clear:both;
} /* Only works in IE! */

#logo {}

#container {
	width: 850px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../images/bd.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#header {
	padding: 0;
	margin: 0;
}

#leftnavtd {
	background-image:url(../images/NavBar2.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

#leftnav {
	font-size:92.5%;
}

#leftnav a:link, #leftnav a:visited {
	color: #003366;
	text-decoration:none;
}

#leftnav a:hover {
	color: #CC0000;
	text-decoration:none;
}

#leftnav ul {
	margin: 5px 0 5px 0;
	padding: 0;
	list-style-type:none;
}

#leftnav li {
	padding: 0;
	margin: 0;
}

#leftnav li.subnav {
	margin-left:0.5em;
	padding-left:0;
}

#maincolumn {
	padding-right: 2em;
}

#imagecolumn {
	width: 5%;
} /* small enough to ensure it's tight against images */

#imagecolumn img {
	border: 1px solid #CCC;
}

p.caption {
	font-size: 85%;
	color: #666;
	text-align:left;
	margin: 0.2em 0.5em 2em 0;
}

p.footer {
	font-size:77%;
}

.bordertop {
	border-top:1px solid #ccc;
}

.borderright {
	border-right:1px solid #ccc;
}

.borderbottom {
	border-bottom:1px solid #ccc;
}

.borderleft {
	border-left:1px solid #ccc;
}

.bordertopright {
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

.borderbottomright {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.borderbottomleft {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

.bordertopleft {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.bordertopbottom {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.borderleftright {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.bordertopleftright {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.bordertoprightbottom {
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.borderbottomleftright {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.bordertopbottomleft {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

.border {
	border:1px solid #ccc;
}

/* COLOURS */

/* __________ MISC FOREGROUND (TEXT) COLOURS __________ */
.red {color:#C00;}
.grey {color:#808080;}
.blue {color:#36C;}
.green {color: #090;}
.pink {color:#F0F;}
.purple {color:#909;}
.white {color:#fff;}

.maroon {color:maroon;}
.yellow {color:yellow;}
.olive {color:olive;}
.lime {color:lime;}
.navy {color:navy;}
.aqua {color:aqua;}
.teal {color:teal;}
.black {color:black;}
.silver {color:silver;}

.f5f5f5 {color:#F5F5F5;} /* grey shades */
.f0f0f0 {color:#F0F0F0;} /* lighter */
.ebebeb {color:#EBEBEB;}
.e6e6e6 {color:#E6E6E6;}
.e1e1e1 {color:#E1E1E1;}
.dcdcdc {color:#DCDCDC;}
.cccccc {color:#CCCCCC;}
.c999999 {color:#999999;} /* darker */

.darkred {color:#990000;} /* dark red */
.darkorange {color:#CC6600;} /* dark orange */
.darkgreen {color:#336600;} /* dark green */
.darkblue {color:#003366;} /* dark blue */
.darkyellow {color:#FFCC00;} /* dark yellow */
.brown {color:#996600;} /* brown */

/* __________ MISC BACKGROUND COLOURS __________ */
.bg_red {background-color:#C00;}
.bg_grey {background-color:#808080;}
.bg_blue {background-color:#36C;}
.bg_green {background-color:#090;}
.bg_pink {background-color:#F0F;}
.bg_purple {background-color:#909;}
.bg_white {background-color:#fff;}

.bg_maroon {background-color:maroon;}
.bg_yellow {background-color:yellow;}
.bg_olive {background-color:olive;}
.bg_lime {background-color:lime;}
.bg_navy {background-color:navy;}
.bg_aqua {background-color:aqua;}
.bg_teal {background-color:teal;}
.bg_black {background-color:black;}
.bg_silver {background-color:silver;}

.bg_f5f5f5 {background-color:#F5F5F5;} /* grey shades */
.bg_f0f0f0 {background-color:#F0F0F0;} /* lighter */
.bg_ebebeb {background-color:#EBEBEB;}
.bg_e6e6e6 {background-color:#E6E6E6;}
.bg_e1e1e1 {background-color:#E1E1E1;}
.bg_dcdcdc {background-color:#DCDCDC;}
.bg_cccccc{background-color:#CCCCCC;}
.bg_999999 {background-color:#999999;} /* darker */

.bg_darkred {background-color:#990000;} /* dark red */
.bg_darkorange {background-color:#CC6600;} /* dark orange */
.bg_darkgreen {background-color:#336600;} /* dark green */
.bg_darkblue {background-color:#003366;} /* dark blue */
.bg_darkyellow {background-color:#FFCC00;} /* dark yellow */
.bg_brown {background-color:#996600;} /* brown */