html, body
{
	height: 98%;
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #666666;
	margin: 0px;
	margin-left: 10px;
	margin-top: 10px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

#mainmenu {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: white;
	padding: 10px 0px 10px 10px;
}


#menubreaker {
	font-size: 1px;
	height: 10px;
	background-color: #666666;
}

a:visited {
	color: #666666;
}
a:link {
	color: #333333;
}

#submenu a:visited {
	color: #909191;
}

a:hover {
	background-color: #C7FF00;
}

a.news:visited {
	color: #05B8E5;
}
a.news:link {
	color: #0188D2;
	font-weight: bolder;

}






.outbox { text-align: center; }

.wrapper { min-width: 676px;}
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 100%;               /* total width */

}      

#outer {
	margin-top: 10px;
	border-left-width: 140px;  /* left column width */
	border-left-color: #E2E2E2;   /* left column colour */
	
	background-color: #666666; /* center column colour */
}

#left {
	width: 140px;              /* left column width */
	margin-left: -140px;       /* _negative_ left column width */
}

#header {
	height: 39px;
	background-color: #05B8E5;
}

/* Main code */

#outer { width: auto; border-left-style: solid;}
#inner { margin: 0; padding:0; width: 100%; height: 100%; }

#left { float: left; position: relative; z-index: 10; height: 100%;}
.right { float: left; position: relative; z-index: 11; }

.center { float: left; width: 100%; position: relative; z-index: 12;  }

#header { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* Mozilla code */
#outer > #inner { border-bottom: 1px solid transparent; }
#left { margin-right: 1px; }
.right { margin-left: 1px; }
.right p { padding-left: 10px; }
.center { margin: 0 -8px 0 -2px; }

#maincontent {
	margin-left: 10px;
	width: 506px;
	
	padding-top: 10px;
	padding-left: 10px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: white;
}	

#maincontent_news {
	margin-left: 10px;
	width: 506px;
	
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}	

#defaultcontent {
	margin-left: 10px;
	height: 100%;
}

#submenu {
	padding-left: 10px;
	padding-top: 10px;
}

#footer {
	padding-left: 10px;
	padding-top: 100px;
}

input.inputfield
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

input.inputbutton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
}