#main {
	border: 1px solid #666;
	clear: both;
/*	background: #FFF3B3;*/
	background: #000000;
	padding-top: 2em;
}

#contents {
	padding: 1.5em;
	background: #FFFDF3;
	min-height: 300px;
}

#header {
	position: relative;
	width: 100%;
	height: 2em;
	width: 750px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ /* TODO 750? */
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
/*	width: 8em;*/
	width: 78px;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 1px 0px;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
/*	font-size: 125%; */
	text-decoration: none;
	font-weight: bold;
/*	color: #333;*/
	color: #FFFFFF;
}

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
/*	background: #FFF3B3;*/
	background: #000000;
	padding-bottom: 6px;
}

#header ul#primary a#selected {
	margin-top: 0;
	border-color: #666;
	background: #000000;
	color: #FFFFFF;
	padding-bottom: 7px;
}

#header ul#primary a {
	background: #FFFAE1;
	border: 1px solid #AAA;
	border-bottom: none;
	color: #666666;
}

#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;
}

#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.9em;
	left: 0px;
	width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	height: 24px;
	background: #000000;
}

#header ul#secondary li a,#header ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 00px 10px;
	margin: 4;
	text-align: inherit;
	font-weight: lighter;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;
}

#header ul#secondary li a {
	color:#FFFF00;
/*	color: #06C;*/
/*	text-decoration: underline;*/
	text-decoration:none;
}

#header ul#secondary li a:hover {
/*	color: #333;*/
	color: #FFFFFF;
	background: transparent;
	padding: 0 10px;
	margin: 4;
	border: none;
	border-right: 1px dotted #AAA;
}

#header ul#secondary li a:active {
	color:#FFFF66;
/*	color: #000;*/
	background: transparent;
}

#header ul#secondary li:last-child a { 
	border: none; 
}


/* third level menu  */
.outer ul {margin:0em; padding:0; list-style-type:none; background:transparent; height:3em;}
.outer li {display:block; float:left;}
.outer {display:block; position:relative; background:#fff; padding:0em; margin:0px 0px;}

.xsnazzy {background:transparent;}
.xsnazzy span { white-space:nowrap; text-align:center; color:#000; margin:0; font-weight:normal; padding: 0 0.5em 0.3em 0.5em; }

.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ff4; border-left:1px solid #eef; border-right:1px solid #eef;}
.xb1 {margin:0 5px; background:#eef;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#eee; border:0 solid #fff; border-width:0 1px 1px 1px;}

a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; font-size:1em;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xboxcontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;}
a.xmenu2:hover .xb1 {background:#888;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;}

.xboxcontentd {display:block; background:#fff; border:0 solid #eef; border-width:1px 1px 0 1px; padding-top:5px;}
a.xmenu2:hover .xboxcontentd {background:#fff; border-color:#888; border-top:1px solid #eee;}