
#site {

width: 700px;
heigth: 100%;
position: absolute;
right: 50%;
margin-top: 30px;
margin-right: -350px;

}

#main {
width:100%;

}

BODY {
margin: 0px;
background-color: #311C0C;
background-image: url('images/bg.gif');
background-position: center;

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 top;
width: 100%;
height: 200px;

}

#logo {
text-align:center;
margin-bottom: 14px;
}

#mainMenu {
background-color: #f5f5f5;
height: 30px;
width: 100%;
}

.mainMenuItem {
background-color:  #311c0c;
color: #FFF;
height: 30px;
font-size: 9px;
padding-left: 20px;
padding-right: 20px;
cursor: pointer;

}

A {
color: #311c0c;
font-weight: bold;
text-decoration: none;
}
.mainMenuItemOver {
background-color:  #b6aa87;
color: #311c0c;
height: 30px;
font-size: 9px;
padding-left: 20px;
padding-right: 20px;
cursor: default;

}


#bannerLoader {

border-top-style:solid;
border-bottom-style:solid;
border-color: #b6aa87;
border-width: 6px;


}

#subMenu {
background-color: #786354;
height: 25px;
}

.subMenuItem {
background-color:  #79716b;
color: #FFF;
height: 25px;
font-size: 9px;
width: 100px;
text-align:center;
cursor: pointer;
border-left-style:solid;
border-right-style:solid;
border-top-style: solid;
border-width: 1px;
border-color: #666;
}

.subMenuSpacer {
width: 1px;
background-color: #bdb2a9;
}


#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;
}


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;
}

#links {
text-align: center;
border-top-style: dotted;
border-width: 1px;
padding: 5px;
border-color: #CCCCCC;
}
