body { color: #000; background-color:#FFFFB9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 86%; }
p  { margin: 0; font-size: 1em; }
h1 { margin: 0; font-size: 16px; font-weight:bold; }
h2 { margin: 0; font-size: 14px; font-weight: bold; }
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
.right { font-style: normal; }

.normal { 
  text-align:left;
	line-height:1.4;
	font:normal;
	font-family:'verdana','Arial',sans-serif;
	font-size:10px;
	color:#000000;
  padding:5px 10px 5px 10px;
}

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

.wrapper { border: 1px solid black; margin: 0 -1px; }
          /* this is a border with marginal compensation to stop scroll bars */

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

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

.outer {
	border-left-width: 150px;  /* left column width */
	border-left-color: #DBDBDB;   /* left column colour */
	
	border-right-width: 150px; /* right column width */
	border-right-color: #DBDBDB;  /* right column colour */
	
	background-color:#fff; /* center column colour */
}

.left {
	width: 150px;              /* left column width */
	margin-left: -150px;       /* _negative_ left column width */
}

.right {
	width: 150px;              /* right column width */
	margin-right: -150px;      /* _negative_ right column width */
}

.content {
	text-align:left;
	line-height:1.5;
	font:normal;
	font-family:'verdana','Arial',sans-serif;
	font-size:10px;
	color:#000000;
  padding:5px 10px 5px 10px;
}

.wide {
	border-top-width:1px;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
	border-style:solid;
	border-color:#0000A0;
	background-color:#DDDDDD;    /* header and footer colours */
}

.header {
padding:5px 5px 5px 5px;
text-align:left;
background-color:#FFFFFF;

}

.footer {
padding:5px 0px 5px 0px;
text-align:center;
font-size:8px;
}

.topmenu a {
padding:2px 0px 2px 0px;
margin:0 0 0 0;
font-size:10px;
}

 #navcontainer
{
margin: 0;
padding: 0 0 0 0px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { background: #BBBBBB; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }



/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }

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

.wide { 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; }
.center { margin: 0 -3px 0 -2px; }