@charset "UTF-8";
/* CSS Document */
*{margin:0px; padding:0px;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ----------------------------------------- MAIN STYLES START ----------------------------------------- */


body{
	background-color: #231f20;	
}

#container{
	position: relative;
	float: left;
	border-top: solid 9px #231f20;
	width: 5098px;
	background-color: #8b9878;
	border-bottom: solid 9px #231f20;
	padding-bottom: 50px;
}

div.buttoncontainer{
	position: fixed;
	top: 15px;
	left: 325px;
	height: 32px;
	z-index: 500;
}


div.buttoncontainer p{
	float: left;
	padding-top: 6px;
}

div.buttoncontainer p strong{
	font-weight: bold;
}

div.buttoncontainer p a{
	color: #231f20;
	text-decoration: none;
	font: normal 11px Tahoma;
}

div.buttoncontainer p a:hover{
	text-decoration: underline;
}

div.backward{
	position: relative;
	float:left;
	width: 81px;
	height: 32px;
}

div.forward{
	position: relative;
	float: left;
	width: 335px;
	height: 32px;
}

div.halfpagesLogo{
	position: relative;
	float: left;
	width: 275px;
	height: 530px;
	display: block;
	background-image: url(../webimages/logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

div.halfpagesContact{
	position: relative;
	float: right;
	width: 314px;
	height: 440px;
	display: block;
	background-image: url(../webimages/contact.jpg);
	background-repeat: no-repeat;
	background-position: right;	
}

div.pages{
	position: relative;
	float: left;
	width: 638px;
	display: block;	
	margin-top: 30px;
}

div.banner{
	position: relative;
	float: left;
	width: 638px;
	height: 104px;
	padding: 0px;
	margin: 0px;
}

div.bordercontent{
	float: left;
	position: relative;
	width: 638px;
	background-image: url(../webimages/background_shadow.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

div.spacer{
	float: left;
	position: relative;
	width: 24px;
	height: 100px;
}

div.content{
	float: left;
	position: relative;
	width: 590px;
	margin: 5px 0px 0px 0px;
	background-color: #231f20;
	background-image: url(../webimages/background_textboxes.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.image{
	float:left;
	position: relative;
	width: 247px;
}


div.text{
	float: left;
	position: relative;
	width: 300px;
	height: 377px;
	margin: 15px 0px 15px 20px;
	font: normal 12px Tahoma;
	color: #FFFFFF;
	line-height: 1.4;
}

div.imageSpec{
	float:left;
	position: relative;
	width: 590px;
	height: 325px;
}


div.textSpec{
	float: left;
	position: relative;
	width: 590px;
	font: normal 12px Tahoma;
	color: #FFFFFF;
	line-height: 1.4;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.scroller{
	float: left;
	position: relative;
	width: 315px;
	height: 377px;
	margin: 15px 0px 15px 20px;
	font: normal 12px Tahoma;
	color: #FFFFFF;
	line-height: 1.4;
	overflow:auto;
}

/* ----------------------------------------- MAIN STYLES END ----------------------------------------- */

/* ----------------------------------------- SHADOW STYLES ----------------------------------------- */


div.shadowbot{
	position: relative;
	float: left;
	width: 638px;
	height: 24px;
	background-image: url(../webimages/shadow_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/* ----------------------------------------- SHADOW STYLES END ----------------------------------------- */


/* ----------------------------------------- COMMON STYLES ----------------------------------------- */

address{
	font: normal 12px Tahoma;
	color: #FFFFFF;
}

div.topbar{
	margin-top: 5px;
	margin-left: 8px;
	font: normal 12px Tahoma;
	color: #FFFFFF;
}

a.sublinks{
	font: normal 12px Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}

a.sublinks:hover{
	font: normal 12px Tahoma;
	color: #FFFFFF;
	text-decoration:underline;
}


div.copyright{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 315px;
	height: 30px;
	background-image:url(../webimages/copyright.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

div.copyrightText{
	width: 307px;
	padding-left: 8px;
	padding-top: 12px;
	font: normal 9px Tahoma;
	color: #FFFFFF;
}

a.copyrightLinks{
	font: bold 9px Tahoma !important;
	color: #FFFFFF;
	text-decoration:none;
}

a.copyrightLinks:hover{
	font: bold 9px Tahoma !important;
	color: #FFFFFF;
	text-decoration:underline;
}

div.contact{
	position: relative;
	float: left;
	margin-top: 260px;
	font: normal 12px Tahoma !important;
	color: #FFFFFF;
	margin-left: 90px;
}

.cursor{
	cursor: pointer !important;
}

.smaller{
	font: normal 9px Tahoma;
	color: #FFFFFF;
	line-height: 1.4;
}