*{
box-sizing: border-box;
-moz-box-sizing: border-box;
margin:0px;
padding:0px;
border:0px;
}
#mainmenu{
	color: black;
	text-align: left;
	width:100%;
	height:2em;
	padding:4px 8px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#8383af;
	cursor: pointer;
	cursor:hand;
}
#mainmenu span{
display:none;
text-align:right;
width:180px;
height:10px;
	padding:3px 0px 0px 580px;
	border:1px solid red;
}

/* m0l0iout m0l0oout
m0  - menu zero
l0 - level zero, one, two
i or o - inner or outer
out or over - mouseout or mouseover
*/

/* commented backslash hack v2 \*/

/* anything inbetween these comments is invisible to macie5 */

#dropmenuposabs{
	position: absolute;
}
/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/
/* level 0 inner */
.m0l0iout, .m0l0iover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	text-decoration: none;
	height:2em;
   padding:1px 7px 0px 7px;
	color: #fff;
	float: left; /* this keeps the mac right on variable div width */
	display:inline; /*ie6 double float bug fix */
	border-right: 1px solid #ffffff;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
	
}
.m0l0iover {

	padding:2px 5px 0px 9px;
	border-right: 1px solid #f7f7f2;
	color:#8383af;
	cursor: pointer;
	background-color:#f7f7f2;
}

/* level 0 outer */
.m0l0oout, .m0l0oover {
	text-decoration : none;
	cursor: pointer;
	}

/* level 1 inner */
.m0l1iout, .m0l1iover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	margin:5px;
	/*background:#66a1db;/*66a1db;*/
	text-align: left;
	cursor:pointer;
}
.m0l1iover {
	color: #8383af;
	background:white;
}

/* level 1 outer */
.m0l1oout, .m0l1oover, .m0l1ooutl, .m0l1ooverl {
	text-decoration : none;
	background: #8383af;
	border-left:1px solid #3f3f3f;
	border-right:1px solid #3f3f3f;
	border-bottom:1px solid #3f3f3f;
}
.m0l1oover, .m0l1ooverl{
	background: white;
}
 
/* level 1 outer last*/
.m0l1ooutl, .m0l1ooverl{
	background-image: url(../images/tbdc_4px_purple.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* level 2 inner */
.m0l2iover {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 3px;
	color: #000000;
}

/* level 2 outer */
.m0l2oout {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #B44646;
}
.m0l2oover {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #E55A5A;
}