/*license, credits, comments, tips, devnotes, :
this CSS stylesheet is created under a creative commons license, in short, free for non-commercial use, but keeping the credits on here.
The css-file may be altered and adjusted, but without any warranty. As of yet we cannot offer any support. we do offer you a fresh template.
The above does not necessairily apply to any websites built upon it or created from it.
Commercial use is allowed only after email confirmation by Quahosting Internet Services. *Donation may be required*
CREDITS-  (should not be deleted)*||
***	Author: Kees Burger, 3dZiggy Online Design. url:"http://3dziggy.com".
	Licensed by QuaHosting Internet Services url:"http://quahosting.com".
	Copyright march 2010.
	information: email:ziggy@3dziggy.com	***|| 
Do NOT delete before this point!!

DEVNOTES-
- 
-
-
*/
/*general settings for all (when no override)*/
body{
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0 0 0 0;
	color:#000;
	font-family:Verdana,Geneva,Helvetica,Arial,sans-serif;
	font-size:10px;
	font-style:normal;
	background:#ddd;
}
/*general link-style:*/
img {border:none;vertical-align:bottom;display:inline-block;}
a img {border:none; }
a,a:link,a:visited,a:hover,a:active,a:focus {color:#a11;}a:active {outline: none;}
/**/
a:link {text-decoration:none;}/**/
a:visited {text-decoration:none;}/**/
a:hover {text-decoration:underline;color:#d00;}/**/
a:active {text-decoration:none;outline:none;color:#eee;}/**/
hr {color:#000;background-color:#eee;height:2px; margin:0px 0px 0px 0px;border:none;}
/**/
h1,h2,h3,h4,h5,h6 {font-weight:bold;}/**/
h1,h4 {font-size:150%;text-transform:uppercase;font-family:Verdana,Geneva,Helvetica,Arial,sans-serif;}/**/
h2,h5 {font-size:120%;text-transform:uppercase;font-family:Verdana,Geneva,Helvetica,Arial,sans-serif;}/**/
h3,h6 {font-size:100%;text-transform:uppercase;font-family:Verdana,Geneva,Helvetica,Arial,sans-serif;}/**/
h1,h2,h3 {color:#369;line-height:100%;font-weight:bolder;}/**/
h4,h5,h6 {color:#963;}/**/
p {text-align:justify;}
iframe {background:transparent;}
table,table tr,table td {background:transparent;border:1px inset #ccc;}
/**/
/*boxclass to size and place the logo*/
.logobox {
	position:relative;
	top:1px;
	left:1px;
	margin-bottom:2px;
	overflow:visible;
	max-width:256px;
	width:auto;
	height:auto;
	min-height:124px;
	background-color:transparent;
	border:0px solid #fff;
}
/**/
/*boxclass to size and place the banner*/
.bannerbox {
	position:absolute;
	top:1px;
	right:1px;
	padding:0px;
	overflow:visible;
	width:715px;
	height:142px;
	background-color:transparent;
	border:0px solid #fff;
}
/*classes to fix elements on screen*/
.topfix {position:fixed;top:-1px;left:1px;z-index:50;}
.leftfix {position:fixed;top:70px;left:-5px;z-index:50;}
.rightfix {position:fixed;top:70px;right:5px;z-index:50;}
.bottomfix {position:fixed;bottom:15px;z-index:50;}
/*class for styling the leftnav*/
.subleft {
	display: block;
	list-style-type: none;
	line-height:24px;
	height:auto;
	border:3px solid #f00;
}
/**/
/*general usage classes*/
.bodytext {font-size:100%;line-height:1.5em;text-align:justify;}
.box{display:block;margin:2px;padding:5px;border:1px inset #369;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.img {position:relative;margin:0px 0px 0px 0px;padding:2px 2px 4px 2px;width:auto;height:auto;text-align:center;border:0px solid #666}
.imgleft {position:relative;margin:0px 0px 0px 0px;padding:2px 2px 4px 2px;width:auto;height:auto;text-align:left;border:0px solid #666}
.imgfullw {position:relative;margin:2px;padding:2px;width:99%;}
.imgfullh {position:relative;margin:2px;padding:2px;height:99%;}
.logo {position:relative;margin:0px 0px 0px 0px;padding:2px 2px 4px 2px;width:auto;height:auto;border:0px solid #666}
.imgfix {position:fixed;}
.imgtext {display:block;margin:0px auto;text-align:center;}
/**/
.bg0 {background-image:none;background-color:transparent;border:0px outset #ccc;}
/*gradient background*/
#bggr {
	position:absolute;
	background-color:transparent;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	height:100%;
	width: 100%;
}
/**/
#wrapper {
	position:absolute;
	width:100%;
	margin:0px;
	height:97%;
	top:0px;
	left:0px;
	border:0px solid #f00;
}
/**/
#container {
	position:relative;
	width:1024px;
	height:auto;
	background-color:#eee;
	margin:0 auto;
	padding-bottom:30px;
	border:1px solid #ccc; 
}
/**/
#banner {
	position:relative;
	overflow:hidden;
	margin-top:2px;
	margin-right:2px;
	margin-left:60px;
	padding:0px 0px 0px 0px;
	width:1024px;
	height:150px;
	background-color:transparent;
	border:0px solid #ddd;
}
/**/
#navbarspacer {height:32px;}
/**/
#navbar {
	float:none;
	margin:2px 3px;
	width:98%;
	height:26px;
	color:#000;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	line-height:30px;
	background:#ccc url(../02-img/wwcbtns40.png) repeat-x 0px -120px;
	border:1px solid #333;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#navbar:hover {background:#578 url(../02-img/wwcbtns40.png) repeat-x 0px -100px;}
/*the navbar buttons, floating*/
#navbar a {
	color:#a11;
	float:left;
	margin:3px 0px 3px 6px;
	padding:0px 10px;
	height:18px;
	line-height:20px;
	max-width:250px;
	min-width:100px;
	overflow:hidden;
	background:#ffa url(../02-img/wwcbtns40.png) repeat-x;
	border:1px solid #999;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/*navbar buttons, link behaviour*/
#navbar a:link { background-position:0px 0px;}/**/
#navbar a:visited { background-position:0px -40px;}/**/
#navbar a:hover { background-position:0px -80px;color:#d00;}/**/
#navbar a:active { background-position:0px -120px;color:#eee}/**/
#navbar a:focus {background-position:0px -120px;}/**/
/*main body elements, check the order (header after body)*/
#header {
	position:relative;
	margin:0 auto;
	padding:1px;
	width:1024px;
	height:auto;
	min-height:50px;
	background:transparent;
	border:0px solid #0f0;
}
/**/
#bodyfull {
	position:relative;
	margin:0 auto;
	padding:0px;
	max-width:700px;
	height:auto;
	min-height:500px;
	background:transparent;
	border:0px solid #333; 
}
/**/
#rightfloatbox {
	float:right;
	margin:50px 10px;
	padding:10px;
	height:auto;
	width:250px;
	text-align:justify;
	border:1px solid #666;
}
/**/
#footer {
	position:relative;
	margin:0 auto;
	padding:0;
	width:700px;
	height:auto;
	min-height:20px;
	background:transparent;
	border:0px solid #666;
}
/**/
/*floating boxes*/
#leftnav {
	position:relative;
	float:left;
	margin:1px;
	padding:2px;
	width:190px;
	height:auto;
	color:#0df;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	line-height:40px;
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	border:2px ridge #466;
}
/*the leftnav buttons, floating*/
#leftnav a,#leftnav a:link,#leftnav a:visited,#leftnav a:hover,#leftnav a:active,#leftnav a:focus {
	color:#05e;
	float:left;
	height:40px;
	width:98%;
	margin:1px;
	background-image:url(../02-img/wwcbtns40.png);
	border:1px solid #333;
}
/**/
#leftnav a:link { background-position:0px 0px;}/**/
#leftnav a:visited { background-position:0px -40px;}/**/
#leftnav a:hover { background-position:0px -80px;}/**/
#leftnav a:active { background-position:0px -120px;}/**/
#leftnav a:focus {background-position:0px -120px;}/**/
#rightnav {
	position:relative;
	float:right;
	direction:rtl;
	width:190px;
	height:auto;
	border:1px dotted #f0f;
}
/**/
#contentmain {
	position:absolute;
	overflow:auto;
	top:2px;
	left:200px;
	padding:3px;
	width:768px;
	max-height:650px;
	border:0px solid #f0f;
}
/**/
#content590 {
	float:left;
	padding:5px;
	width:590px;
	height:600px;
	border:1px solid #f0f;
}
/**/
#footbar {
	position:relative;
	visibility:visible;
	/*float:left;*/
	overflow:visible;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	width:auto;
	max-width:1000px;
	height:auto;
	text-align:center;
	background-color:transparent;
	border:1px solid #333;
}
/**/