@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(images/background.jpg) repeat; 
	
}
.headwrap {
	background: url(images/HeaderBackground.jpg) repeat-x center top;
	float: left;
	width: 100%;
	height: 178px;
	display: table;
}

.container {
	height: auto;
	width: 950px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	
}

.footer {
	float: left;
	width: 100%;
	display: table;
	text-align: center;
}


.logo {
	width: 1000px;
	height: 122px;
	margin: 0 auto;
}
.logo img{
	width: 1000px;
	border: none;
	margin: 0 auto;
}
.navigation {
	width: 1000px;
	margin: 0 auto;
	}
.navigation img{
	width: 1000px;
	height: 56px;
	border: none;
	margin: 0 auto;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #a58f6c;
	font-size: 10pt;
}
a {
	font-size: 10pt;
	color: #a58f6c;
}

h1 {
	font-size: 18pt;
	color: #B19659;
}
h2 {
	font-size: 14pt;
	color: #B19659;
}

a.screen, a.screen:visited {
color:#B19659; 
font-size: 14pt;
text-decoration: underline;
position:relative; 
z-index:1;
}
a.screen b {
	position:absolute;
	visibility:hidden; /* hide the image */
	width:487px; /* give it a width */
	height:315px; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
	left:-130px; /* position:the image */
	top:-342px;
}
a.screen:hover {
text-decoration:underline; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:315px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

.inputbox {
	background-color:#f8efe0;
	color:#8d6639;

	}

.selectbox {
	background-color:#f8efe0;
	color:#8d6639;
	
}

.selectbox2{
	background-color:#f8efe0;
	color:#8d6639;
	direction: rtl;
	text-align: right;
	
}