html 
{height: 100%;}

body 
{margin: 0; padding: 0; min-width: 900px; color: #000000; background: #fce118 url(../../Pics/WaterlooSC/background.gif) repeat-y top center; text-align: center;}

body, td 
{font: 12px verdana, arial, helvetica, san-serif;}

label 
{font-weight: bold;}

img
{border: none;}

a, a:visited 
{color: #0000dd;}

.short {width: 75px;}
.mediuma {width: 125px;}
.mediumb {width: 175px;}
.mediumc {width: 250px;}
.wide {width: 350px;}


/*----------- tables ------------------*/

table.formtable td
{
	padding: 3px 10px 3px 0;
	white-space: nowrap;
	vertical-align: baseline;
}

table.listtable td
{
	padding: 3px;
	vertical-align: baseline;

}

table.listtable th a
{
    color: #ffffff;
}

table.listtable th, table.listtable thead, table.listtable tr.tableheader td
{
	color: #ffffff;
	padding: 3px;
	background: #333333 ;
	white-space: nowrap;
}

table.listtable tr.altrow td
{
	background: #ddd;
}
/*----------- grouped settings ------------------*/

#mainwrapper, #wrapper, #topbanner, #centrecol, #leftcol, #rightcol
{position: relative;}

#centrecol span.code, #rightcol span.code  
{display: block;}

/*----------- banner area ------------------*/

#topbanner
{width: 100%; overflow: hidden; height: 130px ; color: #000;  background: #fff url(../../Pics/WaterlooSC/background-banner.jpg) no-repeat top center;}

#topbanner h1 
{display: none;}

#logo 
{display: block; left: 386px; top: 0px; position: absolute;}


div.spacer
{display: block; background: #eee; padding: 2px 10px; text-align: right; border-top: dotted 1px #bbb;}

div.spacer a 
{color: #000;  font-weight: bold; text-decoration: none;}

/*----------- contents ------------------*/

#mainwrapper 
{width: 900px; background: #ffffff url(../../Pics/WaterlooSC/background-left.gif) repeat-y left; text-align: left; margin: 0 auto;}

#secondarytitle {background: #000000  repeat-x; clear: both; padding: 4px 0;}
#secondarytitle h1 {margin: 0 0 0 220px; color: #ffffff;}
#secondarytitle a {display: none;}
#secondarytitle .spacer {display: none;}
#secondarytitle h1 {font-size: 14px;}

#leftcol {width: 219px; padding: 12px 0 25px 0; float: left;}
#leftcol a, #leftcol span {color: #333333; display: block; margin: 0; width: auto; padding: 4px 5px 4px 12px; text-decoration: none;}
/* #leftcol a:hover {enter hover colour} */
#leftcol span {color: #3333dd; font-weight: bold;}
#leftcol p {padding: 12px 5px 4px 12px; border-bottom: #303030 dotted 1px; color: #000000; font-weight: bold; background: #e6bb3e ;}

#rightcol {width: 231px; padding: 0; margin-left: 30px; float: right;}

#centrecol {padding: 12px 20px 10px 21px; width: 635px; margin-left: 219px;}

#centrecol h1 
{color: #4d5761; font-size: 12px;}

#footer {clear: both; text-align: center; margin: 2px 210px; padding: 2px;}

#E2E {position: absolute; top: 20px; right: 15px; z-index: 1000;}

.clear {clear: both; height: 0; overflow: hidden;}

#TopMenu1_RadMenu {clear: both;}

form {margin: 0; padding: 0;}

#txtPrimaryCSS, #txtSecondaryCSS  {width: 100%;}

#TopMenu1_RadMenu
{
clear: both;
border-width: 1px 0;
}

#TopMenu1_RadMenu .link
{text-transform: uppercase;}