body{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_repeat.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #336699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1{
	font-size: 110%;
	color:#003366;
}
h2{
	font-size: 90%;
	color:#003366;
}
p{
	color:#333333;
	font-size: 70%;
	line-height: 1.5em;
}
a{
	color:#003399;
	text-decoration: underline;
}
a:hover{
	color: #CC0000;
	text-decoration: none;
}
form{
	margin: 0px;
}
ul{
	font-size: 70%;
	color: #333333;
}
ol{
	font-size: 70%;
	color: #333333;
}
li{
	margin-bottom: 5px;
}
#menu{
	font-size: 9pt;
	line-height: 1.5em;
}
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0px;
	font-size: 9pt;
	line-height: 1.5em;
}

#menu a {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#menu a:hover {
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;
}
#menu li{
	margin-bottom: 0px;
}
#menu li li a {
	display: block;
	font-weight: bold;
	color: #003366;
	padding: 0.2em 10px;
}

#menu li li a:hover {
	
	border: 5px solid #999999;
	border-width: 0 5px;
	background-color: #ffffff;
	
}

#menu li {
	float: right;
	position: relative;
	width: 110px;
	text-align: center;
	cursor: default;
	border: 1px solid #999999;
	border-width: 1px 0;
	border-right-width: 1px;
}

li#first {
	border-right-width: 1px;
}

li#last {
	border-right-width: 1px;
}
#menu li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: bold;
	background-color: #EDEDEE;
	
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
}

#menu li>ul {
	top: auto;
	left: auto;
}

#menu li li {
	display: block;
	float: none;
	border: 0px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

#menu li:hover ul, #menu li.over ul {
	display: block;
}
#submenu{
	
}
#submenu h1{
	padding-left: 10px;
	background-color: #FFFFFF;
	margin-bottom: 0px;
}
#submenu ul{
	margin: 0px;
	font-size: 75%;
	list-style: none;
	padding: 0;
}
#submenu li{
	margin-left: 0px;
	padding: 3px;
	padding-left: 20px;
	background-color: #DFEDF2;
	margin-bottom: 1px;
}
#submenu li.current{
	margin-left: 0px;
	padding: 3px;
	padding-left: 20px;
	background-color: #cc0000;
	margin-bottom: 1px;
	font-weight: bold;
	color: #FFFFFF;
}
#submenu li.last{
	margin-left: 0px;
	padding: 3px;
	padding-left: 20px;
	background-color: #F0F5F7;
	margin-bottom: 1px;
}
#submenu a{
	text-decoration: none;
	font-weight: bold;
}
#submenu p{
	margin: 10px;
}
#submenu li:hover{
	background-color: #ffffff;
}
	
#content{
	padding: 20px;
}
#footer {
	margin-bottom: 0px;
	padding-bottom:0px;
}
#footer p {
	font-size: 10px;
	color:#666666;
}
#footer a {color: #666666;	text-decoration: none;}
#footer a:hover {color: #CC3300;}
#legal p{
	font-size: 9px;
	color:#cccccc;
}
#legal a {color: #cccccc;	text-decoration: none;}
#legal a:hover {color: #CC3300;	text-decoration: none;}
#sitedesign a{
	font-size: 9px;
	color: #999999;
}
#sitedesign a:hover{
	color: #333333;
}
input.login {
	width: 90px;
	height: 17px;
	margin: 0px;
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
}
input.text{
	background-color: #ffffff;
	border: 1px solid #003366;
}
input.submit{
	background-color: #ffffff;
	border: 1px solid #003366;
	font-size: 9pt;
	font-weight: bold;
}
input.radioButton{
	background-color: #ffffff;
	border: 1px solid #003366;
}
.smaller{
	font-size: 80%;
}
.menubg{
	height: 20px;
	background-image:url(../images/esky_menubar.jpg);
	background-repeat:no-repeat;
}
.bgcolour{
	background-color: #B7D8E5;
}
.bgcolourlight{
	background-color: #F0F5F7;
}
.bgbox{
	background-color: #F0F5F7;
	padding: 10px;
}
.blackbg{
	background-color: #000000;
}
.nomargin{
	margin: 0px;
}
.padding{
	padding: 5px;
}
.marginbottom{
	margin-bottom: 5px;
}
.margintop{
	margin-top: 5px;
}
.whitebg{
	background-color: #ffffff;
}
.noborder{
	border: 0px;
}
.errortext{
	color: #CC0000;
	font-weight: bold;
}
.larger{
	font-size: 80%;
}