html 
{height: 100%;}

body 
{margin: 0; padding: 0; min-width: 950px; color: #000000; background: #000000 url(../../Pics/EODSA/background.gif) repeat-x top; 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
{position: relative; background: #000 url(../../pics/EODSA/bg-banner.jpg); height: 180px;}


#topbanner h1 
{position: absolute; top: 25%; left: 200px; color: #fff; font-size: 35px; margin: 0; padding: 0;}

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

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

div.spacer a 
{color: #fff;  text-decoration: none;}

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

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

#secondarytitle {background:   repeat-x; clear: both;}
#secondarytitle h1 {margin: 0 0 0 220px; color: #c00;}
#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: 14px 5px 6px 12px; color: #ccc; font-weight: bold; background: #666; border-bottom: 1px solid #333;}

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

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

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

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

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

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

#TopMenu1_RadMenu {clear: both;}

form {margin: 0; padding: 0;}