#site {

width: 700px;
heigth: 100%;
position: absolute;
right: 50%;
margin-top: 30px;
margin-right: -350px;
}

BODY {
margin: 0px;
background-color: #CCCCCC;
background-image: url('images/bg.gif');
background-position:  center top; 
background-attachment: fixed;
width: 100%;
}

BODY, TD {
font-family: verdana;
font-size: 11px;
color: #4e4e4e;
}

#body2 {
background-color: #311C0C;
background-image: url('images/bg2.gif');
background-position: center;
width: 100%;
height: 100px;;

}

#logo {
text-align:center;
margin-bottom: 14px;
}

#mainMenu {
background-color: #f5f5f5;
height: 30px;
}

.mainMenuItem {
background-color:  #7f7e6e;
color: #f5f5f5;
height: 30px;
font-size: 9px;
padding-left: 20px;
padding-right: 20px;

}

.mainMenuItem A, .mainMenuItem A:Hover, .mainMenuItemOver A,  .mainMenuItemOver A:Hover {
color: #f5f5f5;
font-weight: 100;
cursor: pointer;
}


A {
color: #81877c;
font-weight: bold;
text-decoration: none;
}

A:HOVER {
color: #1d310c;
font-weight: bold;
text-decoration: none;
}


.mainMenuItemOver {
background-color:  #636e5f;
color: #fff;
height: 30px;
font-size: 9px;
padding-left: 20px;
padding-right: 20px;
cursor: default;
}


#bannerLoader {

border-top-style:solid;
border-bottom-style:solid;
border-color: #636e5f;
border-width: 6px;


}

#subMenu {
background-color: #f5f5f5;
height: 20px;
}

.subMenuItem {
background-color:  #7f7e6e;
color: #FFF;
height: 20px;
font-size: 9px;
width: 100px;
text-align:center;

}


.subMenuItem A {
background-color:  #7f7e6e;
color: #FFF;
height: 20px;
font-size: 9px;
width: 100px;
text-align:center;
font-weight: 100;
cursor: pointer;
}


.subMenuSpacer {
width: 1px;
background-color: #fff;
}


#lanSelect {
margin-top: 2px;
text-align: right;
width: 690px;
}

#credits {
text-align: center;
border-top-style: dotted;
border-width: 1px;
padding: 15px;
padding-bottom: 15px;
border-color: #CCCCCC;
}

#links {
text-align: center;
border-top-style: dotted;
border-width: 1px;
padding: 5px;
border-color: #CCCCCC;
}


INPUT {
padding: 3px;
padding-left: 2px;
font-family: verdana;
font-size: 11px;
border-color: #CCCCCCC;
height: 22px;
}

TEXTAREA {
width: 350px;
height: 130px;
padding: 3px;
font-family: verdana;
font-size: 11px;
border-color: #CCCCCCC;
}



.pageNrOver {
border-style: solid;
border-color: #311C0C;
background-color: #FFF;
border-width: 1px;
color: #311C0C;

cursor: pointer;
width: 35px;
text-align:center;
margin: 2px;
float: left;

}

.pageNrSelect {
border-style: solid;
border-color: #311C0C;
background-color: #311C0C;
border-width: 1px;
color: #FFF;

cursor: default;
width: 35px;
text-align:center;
margin: 2px;
float: left;

}


.pageNr {
border-style: solid;
border-color: #cccccc;
background-color: #FFF;
border-width: 1px;
color: #888888;
cursor: pointer;

text-align:center;
width: 35px;
margin: 2px;
float: left;

}


.pageNext, .pagePrev {
border-style: solid;
border-color: #cccccc;
background-color: #FFF;
border-width: 1px;
color: #222;
cursor: pointer;
padding: 5px;
width: 100px;
float: left;
margin: 1px
}

.pageNextOver, .pagePrevOver {
border-style: solid;
cursor: pointer;
border-color: #311C0C;
background-color: #311C0C;
border-width: 1px;
color: #FFF;
padding: 5px;
width: 100px;
float: left;
margin: 1px
}


/* field validation */


input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border-color: #CCCCCCC;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #e22020;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
border-color: #CCCCCCC;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #e22020;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}