html {overflow-y:scroll;}

body {
background: URL('images/background.jpg') repeat-x top center fixed;
background-color: #DDDEDF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #242A33;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #242A33;
}

p.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
line-height: 15px;
width: 700px;
text-align: center;
margin: 0px;
padding: 0px;
}

a, a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
color: #00B3FF;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #00B3FF;
}

strong {
color: #DA7920;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #DA7820;
margin: 0px 20px;
padding: 0px;
}

h2 {
font-size: 14px;
color: #DA7920;
}

li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #242A33;
line-height: 18px;
}

.MainNavigation{
width: 800px;
overflow: hidden;
}

.MainNavigation ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
}

.MainNavigation li{
display: inline;
margin: 0;
}

.MainNavigation li a{
text-align: center;
width: 100px;
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 30px 0px; /*padding inside each tab*/
color: #DDDEDF;
}

.MainNavigation li a:visited{
color: #DDDEDF;
}

.MainNavigation li a:hover, .MainNavigation li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}



div.errorBox p{
color:red;
}
label.error{
	color: #F00;
	font-weight: bold;
	display: block;
}