body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
	color: #676767;
	background-color:white;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:20px;
	line-height:20px;
	font-weight:900;
	color:#ccc;
}
.h1NoMargin
{
    margin:0px 0px 0px 0px;
	padding:0px;
	font-size:20px;
	line-height:20px;
	font-weight:900;
	color:#ccc;
}
h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:16px;
	line-height:16px;
	font-weight:900;
	color:#ccc;
}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
}
li 
{
    padding:2px;
}
strong
{
    color: #5C6A93;
}
b
{
    color: #5C6A93;
}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {	font-size:11px;	font-family:verdana, arial, helvetica, sans-serif; }
a:link { color: #5C6A93; text-decoration: underline;}
a:visited { color: #5C6A93; }
a:hover { text-decoration: none; }


#Container { 
margin: 100px auto 0 0; /* 90px top margin */ 
width: 768px; /* width works well 4 800x600 - 1024x768 */ 
text-align: left; 
}

#Content {
    float:right;
	width:530px /*626px;*/
}
#Content a:link { text-decoration: underline; }
#Content a:hover { text-decoration: none; }

#Menu 
{
    margin-left: 18px;
	margin-right: 468px;
	width:200px;
}
#Menu a { text-decoration:none; }
#Menu a:hover { text-decoration:underline; }

.MenuL1 { padding-left: 12px; vertical-align:middle; }
.MenuL1Normal { background-color: #EBEBEB; cursor: hand;}
/* The only way (I can find) to change the link colours of the
L2 menu is to specify them as below for each state :)
.MenuL1Normal a:link { color:Black; }
.MenuL1Normal a:visited {color:Black; }*/
.MenuL1Alternate { background-color: #F8F8F8; cursor: hand;}
.MenuL1Hover { background-color: #DCDCDC; cursor: hand;}
.MenuL2 { padding-left: 12px; vertical-align:middle; }
.MenuL2Normal { background-color: #EBEBEB; cursor: hand; }
.MenuL2Alternate { background-color: #F8F8F8; cursor: hand; }
.MenuL2Hover { background-color: #DCDCDC; cursor: hand; }


#Footer {
    clear:both;
    margin: 10px auto; 
    width:768px;
    text-align:left;
}
#FooterText 
{
    margin-top: -20px;
    text-align:right;
    color: #ccc;
}

#HeaderRow1 {
    position: absolute;
    top: 0px;
    left: 0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 100%;
    background-color:#0E0C9E;
    height: 59px;
}
#HeaderRow2 {
    position: absolute;
    margin: 0 auto; 
    top: 59px;
    left: 0px;
	margin:0px;
	padding:0px;
	width: 100%;
	background-color: white;
	height: 36px;
}

#Nav {
    position:absolute;
    margin: 0 auto; 
    top: 56px;
	margin:0px 0px 10px 270px;
	padding:5px 0px 5px 0px;
	font-size: 10px;
}
#Nav a {
	text-decoration:none;
}
#Nav a:hover {
	text-decoration:underline;
}

.AdTitle
{
    padding-top:10px;
}
.AdText
{   
    padding: 10px 7px 5px 5px;
    text-indent:0px;
}
.AdHyperLink
{
    padding: 0px 20px 5px 0px;
    font-weight:bold;
    text-align:right;
}

.ErrorPanel {
    color: RED;
    border:dashed 2px #FF8080;
    margin-bottom:10px;
}
.ErrorPanelImage 
{
    padding: 5px;
    float: left;
}
.ErrorPanelText 
{
    float:left;
    padding: 20px 5px 5px 5px;
}

input {
	color: Black;
	font:11px verdana, arial, helvetica, sans-serif;
}
input {
	color: #676767;
    font:11px verdana, arial, helvetica, sans-serif;
}
select {
	color: Black;
	font:11px verdana, arial, helvetica, sans-serif;
}
textarea {
	color: Black;
	font:11px verdana, arial, helvetica, sans-serif;
}