/*
------------------------------------------------------
1. This style sheet uses the Tantek Box Model Hack
(voice-family etc). Read more about this hack here:
http://www.tantek.com/CSS/Examples/boxmodelhack.html
------------------------------------------------------
*/



img {
	border: 0px;
}


body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/bg.gif);
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	height: 100%;
}




/**** html-Tags ****/



h1 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #3366ff; 
	line-height: 22px;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	border-bottom: 1px #666 dotted;
	text-align: left; 
}



h2 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #336699;
	line-height: 22px;
	margin: 0px;
	padding: 5px 0 0 0;
}

h3 {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: 1.0em;
	color:  #336699; 
	line-height: 22px;
	margin: 2px;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px #cccccc dotted;
}



a {
	color: #FF9966;
}
a:hover {
	color: #6699ff;
}




tr#nav-bg {
 background: url("images/nav-bg.gif") 0px 0px no-repeat;
 display:block;
 height:auto;
 }

tr#nav-bg td { width:80px;}


/**** layout ****/

/* container-content */

#container {
	text-align: left;
	background-color:#000;
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 8px 0px;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	width: 750px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 746px;
	background: #000 url(images/contentbg.gif) repeat-y 50%;
	height: 700px;
	overflow: visible;
}
html>body #container {
  	width:746px;
}

#content {
	clear: both;
	text-align: justify;
	font-size: 1.3em;
	line-height: 1.2em;
	width: 380px;
	overflow: hidden;
	margin: -3px;
	padding: 0px 5px 0px 20px;
}
#content a {
	text-decoration: none;
}
#content p, #content ol, #content ul {
	line-height: 1.3em;
	padding: 8px 0px 8px 5px;
	margin: 0px;
	color: #fff;
}
#content li {
	margin-left: 25px;
}
#content ul {
	margin: 0px;
	padding: 2px 5px 4px 10px; 
}
#content ul p{
	padding: 2px 5px 4px 10px;
	color: #fff;
	line-height: 1.3em;
}
#content a:hover {
	color: #6699ff;
	text-decoration: none;
}

/* rightcontent */

#rightside {
	position: absolute;
	left: 414px;
	top: -5px;
	text-align: justify;
	font-size: 1.3em;
	line-height: 1.2em;
	width: 300px;
	overflow: visible;
	margin: 0px;
	padding: 0px 20px 0px 5px;
	height: 809px;
}
#rightside a {
	text-decoration: none;
}
#rightside p, #rightside ol, #rightside ul {
	line-height: 1.3em;
	padding: 8px 0px 8px 5px;
	margin: 0px;
	color: #fff;
}
#rightside li {
	margin-left: 25px;
}
#rightside ul {
	margin: 0px;
	padding: 2px 5px 4px 10px; 
}
#rightside ul p{
	padding: 2px 5px 4px 10px;
	color: #fff;
	line-height: 1.3em;
}
#rightside a:hover {
	color: #6699ff;
	text-decoration: none;
}

#nav-subs {
	text-align: left;
	font-size: 1.1em;
	color: #000;
	position: absolute;
	left: 480px;
	margin: 0px auto;
	top: 80px;
	background-color: #fff;
	padding: 10px 0px 0 5px;
	width: 230px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 228px;
	border: 2px #336699 solid; 
}
html>body #nav-subs {
	width: 229px;
}
#nav-subs a, #info-site a {
	text-decoration: none;
	color: #336699; 
}
#nav-subs a {
	height: 1.2em;
}
#nav-subs a:hover {
	color: #333366;
	border-bottom: 1px #000066 dotted;
}
#nav-section {
	margin:  0px 10px 0px 10px;
}
#nav-supp {
	margin: 0px;
}

/* footer */
#info-site {
	font: 9px "small fonts", Verdana, Arial, Helvetica, sans-serif;
	background: url(images/footer.gif) no-repeat;
	height: 55px;
	color: #999999;
	text-align: left;
	line-height: 1.1em;
	width: 750px;
	margin: 0 auto;
	padding: 0;
	position:absolute;
	left:-2px;
	top: 709px;
}


#info-site a {
	color: #336699;
}
#info-site a:hover {
	color: #ffffff;
}
#info-site p {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 90px;
}

.floatleft {
	float: left;
	margin: 2px 5px 0 0px;
}

.floatleft-logo {
	position: relative;
	left: 15px;
}