@import 'navigation.css';
@import 'sub-navigation.css';


/* design rules */
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}	
html {overflow:scroll;}
body {
	background-color: #545454;
	background-image: url(./body-bg.jpg);
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
}
#header {
	width: 980px;
	height: 180px;
	position: relative;
	background-image: url(./logo.jpg);
	margin: 0 auto;
}

#head-spacer {
	width: 980px;
	height: 11px;
	background-image: url(./head-spacer-bg.jpg);
	margin: 0 auto;
}

#body-container {
	width: 980px;
	height:auto !important; 
	height: 484px; 
	min-height:484px;	
	background-image: url(./body-container-bg.png); 
	margin: 0 auto;
}



#submenu {
	width: 200px;
	height:auto !important; 
	height: 400px; 
	min-height:400px;	
	margin-left: 30px;
	font-size: 11px !important;
	float: left;
}

#content {
	width: 680px;
	padding: 20px;
	float: left;
}

#footer {
	width: 945px;
	height: 26px;
	background-image: url(./footer-bg.jpg);
	margin: 0 auto;
	padding-left: 35px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 10px !important;
}

#footer a {
	font-size: 10px !important;
}

/* content rules */
.clearer {
	clear: both;
}

h1 {
	font-size: 15px;
	color: #F4F4F4;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px dotted white;	
	border-bottom: 1px dotted white;	
}

h2 {
	font-size: 13px;
	line-height: 20px;
	color: #F4F4F4;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: -5px;
}

h3, h4, h5, h6 {
	font-size: 12px;
	color: #D8D8D8;
	padding: 0px;
	margin: 0px;
}

ul {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	list-style: inherit;
	list-style-image: url('./list-arrow.gif');
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
}

img {
	border: none;
}


div.image_legend {
	font-size: 10px;
}

hr {
	width: 100%;
	margin-top: 15px;
	border: 0px;
	border-bottom: 1px solid white;
	height: 1px;
	margin-bottom: 15px;
}

.td_header {
	background-image:url(td_header_bg.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}

.td_body {
	background-color: #333333;
}

/* address rules */
div.address {
	margin: 20px;
}
.address {
	font-size: 10px;
}

a:hover {
	text-decoration: none;
}

/* form rules */
.form {
	background-color: #333333;
	border: 1px solid white;
	width: 289px;
}
select, option {
	border: 1px solid white;
	background-color:#333333 !important;
}
option {
	border: 0px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

option.last {
	border-bottom: 1px solid white;
}

.checkbox {
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
	width: 15px;
	height: 15px;
	float: left;
	background: none;
}

.submit {
	background-color: #000000;
	border: 1px solid white;
}

.form_error {
	background-color: #FF0000;
	border: 1px solid white;
	width: 289px;
}

/* IE <= 6 Rules ==> */
* html div#header {
	position:relative;
	width: 980px;
	left:50%;
	margin-left:-465px;
}

* html div#head-spacer {
	position:relative;
	width: 980px;
	left:50%;
	margin-left:-465px;
}

* html div#body-container {
	position:relative;
	width: 980px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.datanode.ch/img/body-container-bg.png', sizingMethod='scale');
	background:none;
	links in this element are no longer clickable
	*/
	margin-top: -3px;
	left:50%;
	margin-left:-465px;
}

* html div#content {
	width: 700px;
	margin-left: 30px;
}


* html div#footer {
	position:relative;
	width: 980px;
	left:50%;
	margin-left:-465px;
}


* html a, * html div, * html img {
	position:relative;
	z-index: 50;
}

* html div#submenu {
	margin-left: 20px !important;
}

/* <== IE <= 6 Rules */