/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 20px;
	background-color: #FFFFFF;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
}

h1 {
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a {
color:#003366;
text-decoration:none;
}

a:hover{
color:#464648;
text-decoration:underline;
}

ul {
margin-top:0px;
}

input{
height:10px;
vertical-align:middle;
}

.LoginLink {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
font-size: 9px; 
text-decoration:none;
text-transform:uppercase;
color:#FFFFFF;
}

.LoginLink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
font-size: 9px; 
text-decoration:none;
text-transform:uppercase;
color:#2daae2;
}

.FooterLink {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
font-size: 9px; 
text-decoration:none;
color:#000000;
}

.FooterLink:hover {
color:#2daae2;
}


#wrapper {
position:relative;
text-align:left;
width:820px;
margin-right:auto;
margin-left:auto;
padding:0 0 0 0;
}


#gutter {
position:absolute;
top:0px;
left:0px;
width: 820px;
height: 10px;
background-color:#FFFFFF;
border-style:hidden;
border-color:#000000;
border:solid;
border-width:1px;
border-bottom-style:hidden;
}

#topbar {
position:absolute;
top:10px;
left:0px;
width: 820px;
height: 69px;
background-color:#FFFFFF;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
background-position:center;
border-style:hidden;
border-color:#000000;
border:solid;
border-width:1px;
border-top-style:hidden;
border-bottom-style:hidden;
}

#datebox {
position:absolute;
top:60px;
left:415px;
width: 200px;
height: 18px;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
font-size: 10px; 
text-decoration:none;
color:#FFFFFF;
}

#LoginRegisterBox {
position:absolute;
top:61px;
left:615px;
width: 193px;
height: 18px;
text-align:right;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
font-size: 10px; 
text-decoration:none;
color:#FFFFFF;
}


#menubar {
position:absolute;
top:79px;
left:0px;
width: 820px;
height: 20px;
background-color:#FFFFFF;
border:solid;
border-width:1px;
border-top-style:hidden;
border-bottom-style:hidden;
border-bottom-color:#cccccc;
}

#searchbar {
background-color: #000000;
position:absolute;
top:79px;
left:520px;
width: 290px;
height: 20px;
text-align:right;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
font-size: 10px; 
text-decoration:none;
color:#FFFFFF;
border-bottom:solid;
border-bottom-color:#000000;
border-bottom-width:1px;
}


#indexcontent {
position:absolute;
top:277px;
left:0px;
width: 760px;
background-color:#FFFFFF;
text-align:left;
z-index:auto;
padding:30px;
line-height:150%;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
border:solid;
border-width:1px;
border-top-style:hidden;
}

#contentheader {
position:relative;
text-align:left;
z-index:auto;
font-family: Helvetica, Arial, Verdana, sans-serif;
color:#000000;
background-image:url(../images/arrows.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:30px;
overflow:hidden;
width:720px;
border-bottom-style:solid;
border-bottom:1px;
border-bottom-color:#2daae2;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight:bolder;
}

#contentsubheader {
position:relative;
text-align:left;
z-index:auto;
padding-top:5px;
color:#2daae2;
overflow:hidden;
width:720px;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
font-weight:bolder;
}


#pagecontent {
position:absolute;
top:277px;
left:0px;
width: 760px;
background-color:#FFFFFF;
text-align:left;
z-index:auto;
padding:30px;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height:150%;
border:solid;
border-width:1px;
border-top-style:hidden;
}
#Form #wrapper #pagecontent p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
#pagecontentsmalltext {
position:absolute;
top:277px;
left:0px;
width: 760px;
background-color:#FFFFFF;
text-align:left;
z-index:auto;
padding:30px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #000000;
line-height: 14px;
border:solid;
border-width:1px;
border-top-style:hidden;
}

.menu {
	font-family: arial, sans-serif;
	width:800px;
	height:20px;
	position:relative;
	font-size:11px;
	top:0px;
	left:10px;
	background-color: #000000;
	border-bottom:solid;
border-bottom-color:#000000;
border-bottom-width:1px;
}
.menu ul li a, .menu ul li a:visited {display:block; color:#000;width:120px; height:20px; text-align:center; color:#ffffff; border:1px solid #000000; background:#000000; line-height:20px; overflow:hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 9px; text-decoration:none; }
.menu ul {
	padding:0;
	margin:0;
	list-style: none;
	text-align: left;
}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu ul li:hover {
	background: #26AED8;
}

/* specific to non IE browsers */
.menu ul li:hover a {color:#FFFFFF; background:#000000;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
#Form #wrapper #menubar .menu li .extend{
	height: 20px;
	width: 187px;
}

.menu ul li:hover ul li a.hide {background:#000000; color:#ffffff;}
.menu ul li:hover ul li:hover a.hide {background:#000000; color:#ffffff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#000000; color:#ffffff;}
.menu ul li:hover ul li a:hover {background:#2daae2; color:#ffffff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}