/* GENERAL SPECS */
/* set standard font and color */
body {
   font-family: Verdana, Arial, Geneva, sans-serif;
   background-color: white;
   font-size: 70%;
   line-height: 1.7em;
   text-align: center;
   border-top: 10px solid #999;
   padding: 0px;
   margin: 0px;
}
form {
   margin: 0px;
}
/* make input boxes and button look a bit better */
input, textarea {
   font-family: Arial, Verdana, Geneva, sans-serif;
   font-size: 1em;
   border: 1px solid #000;
}
select {
	font-size: 0.9em;
}
h1 {
	font-size: 1.7em;
   	font-weight: normal;
   	line-height: 1.2em;
	margin-top: 0px;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0px;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0px;
}
img {
	border: 0px;
}
hr {
  	height: 0;
	border-style: dashed;
 	border-color: #66cbff;
 	border-width: 3px 0 0 0;
}
table {
	border: 1px solid #333;
	border-bottom: 0px;
	border-right: 0px;
}
tr.fill {
	background-color: #66cbff;	
}
td {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

/* ---------------------------------------------------- */
/* outer casing for whole page - the margins keep the content centred as the user resizes the window */
#contentElement {
   position: relative;
   top: 0px;
   width: 955px;
   margin: 0px auto;
   text-align: left;
}
/* ---------------------------------------------------- */
#header {
	margin: 0px;
	padding: 0px;
	height: 290px;
	background: url(../images/headerbg.jpg) no-repeat bottom right;
}
#logo {
	margin: 20px 0px;	
}
/* ---------------------------------------------------- */
#outerWrapper {
	margin-top: 20px;
}
/* ---------------------------------------------------- */
#left {
	float: left;
	width: 160px;
	margin-right: 30px;
}
#left ul{
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0;
}
#left li a{
	background-color: #999;
	margin-bottom: 10px;
	padding: 3px 10px;
	text-decoration: none;
   	display: block;
}
#left ul ul{
   position: relative;
   margin: 0px;
   padding: 0px 0 0 15px;
}
#left a:link {
   color: #fff;	
}
#left a:visited {
   color: #fff;
}
#left a:hover {
   color: #494854;
   background-color: #66cbff;
}
#left a:active {
   color: #fff;
}
#left a.normal{
	background-color: none;
	margin-bottom: 0;
	padding: 0;
	text-decoration: underline;
	color: #66cbff;
}
#left a.normal:hover {
   color: #990000;
   background-color: #fff;
}

/* ---------------------------------------------------- */
#main {
	float: left;
	width: 500px;
	margin-right: 35px;
}
/* ---------------------------------------------------- */
#sidebar {
	float: left;
	width: 230px;
}
#sidebar img{
	margin-bottom: 10px;
}
#sidebar h3 {
	background-color: #66cbff;
	font-size: 1em;
	font-weight: bold;
	padding: 3px 5px 5px 5px;
	color: #fff;
	margin-top: 10px;
}
/* ---------------------------------------------------- */
#footer {
	background-color: #999;
	padding: 3px 10px 5px 10px;
	color: #fff;
	margin-top: 20px;
}
.clearing {
	height: 0;
	clear: both;
}
/* ---------------------------------------------------- */
a {
	text-decoration: underline;
}
a:link {
	color: #66cbff;	
}

a:visited {
	color: #66cbff;
}

a:hover {
	color: #990000;
}

a:active {
	color: #66cbff;
}

/* ---------------------------------------------------- */
.register {
	padding: 10px 20px 15px 20px;
	background-color: #66cbff;
	width: 200px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
a.register {
	text-decoration: none;
}
a.register:link {
	color: #fff;	
}

a.register:visited {
	color: #fff;
}

a.register:hover {
	color: #000;
}

a.register:active {
	color: #fff;
}
.buttons {
	margin: 40px 0;	
}
/* ---------------------------------------------------- */
/* Style the Ajax form */
form ul {
	list-style: none;
	margin: 25px 0 0;
	padding: 0;
}
form li {
	padding-bottom: 2em;
}
label {
	width: 15em;
	text-align: right;
	margin-right: 1em;
	float: left;
	display: block;
}
input, select, textarea {
	font: 1em arial,sans-serif;
}
li.submit input {
	margin-left: 16em;
	border: 1px solid;
	border-color: #ddd #111 #111 #ddd;
}
input:focus, select:focus, textarea:focus {
	background: #eaeef0;
	border: 1px solid #333;
}
legend {
	font-size: 1.2em;
	color: #333;
}
fieldset {
	margin-bottom: 1em;
}
/* --------------------------------------------------- */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
.LV_valid {
    color:#00CC00;
}	
.LV_invalid {
    color:#CC0000;
}  
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}  
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
/* --------------------------------------------------- */
.sideBox {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #999;
	color: #fff;
}