.box {width:30px; height:30px;}
.bgred { background-color:Red}
.bggreen { background-color:Green}
.bgblue { background-color:Blue}

.title 
{
	color: #FFFFFF;
	font-weight:bold;
	font-family: Verdana, Arial, Courier New, Sans-Serif;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #909090;
	background-repeat: repeat-x;
	width:565px; 
	margin:0; 
	position:relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}

.pallate
{
	color: #FFFFFF;
	font-weight:bold;
	font-family: Verdana, Arial, Courier New, Sans-Serif;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #f0f0ff;
	background-repeat: repeat-x;
	width:565px; 
	margin:0; 
	position:relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}

.main {
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #fefefe;
	background-repeat: repeat-x;
	width:300px; 
	margin:0; 
	position:relative;	
}

#menuwrapper {
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #8080ff;
	background-repeat: repeat-x;
	width:565px; 
	margin:0; 
	position:relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}

#topmenuwrapper {
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #909090;
	background-image: url(images/exp_mbar.jpg);
	background-repeat: repeat-x;
	width:300px; 
	margin:0; 
	position:relative;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}


#navMenubar, #navMenubar ul {
	padding: 0;
	margin: 0;
	list-style: none;	
}

#navMenubar a {
	display: block;
	text-decoration: none;
	padding: 3px 4px 3px 6px;
	border-right: 1px solid #333;
	color: #FFFFFF;
	font: bold 11pt Arial, sans-serif;
	background-color: #8080ff;
}

#navMenubar a.trigger {
	padding: 3px 4px 3px 6px;
	background-repeat: no-repeat;
	background-position: right center;
}

#navMenubar li {
	float: left;	
}

#navMenubar li ul  {
	width: 700px;
	padding: 0px;
	margin: 0px;
	float:left;
	list-style: none;
}

 #navMenubar ul li  
 {
    list-style-type:square;
	float:left;
	width: 150px;
	padding: 0px;
	margin: 0px;
	font-size: 11pt;
	list-style: none;
}

#navMenubar ul li a  {
	color: #565656;
	border-right: 0px;
	padding: 5px;
	font: 9pt Verdana, Arial, Courier New, Sans-Serif;
}

#navMenubar li ul {
	position: absolute;
	display: none;
	background-color: #e0e0FF;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-repeat: repeat-x;
}

#navMenubar li:hover a, #navMenubar a:focus,
#navMenubar a:active, #navMenubar li.p7hvr a {
	color: #000000;
	background-color: #F6D58F;
}

#navMenubar li:hover ul, #navMenubar li.p7hvr ul {
	display: block;
	text-align:left;
	position:absolute; 
	left:0; 
	text-align:left;
}

#navMenubar li:hover ul a, #navMenubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
}

#navMenubar ul a:hover {
	background-color: #669ACC!important;
	color: #FFFFFF!important;	
}

#navMenubar li 
{
	width: auto;
}

br{
	clear: left;
}

#sublist a {
	font-size: 10pt;
	margin: 0px;
	padding: 2px;
	width: 150px;

}
#sublist a:hover {
	font-size: 10pt;
	margin: 0px;
	padding: 2px;
	width: 150px;
	background-color: #606060;
	color: #FFFFFF;
}
#sublist a:visited {
	font-size: 10pt;
	margin: 0px;
	padding: 2px;
	width: 150px;
}

#menudesc{
	padding: 5px;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	
}

.menucat{
	padding-bottom: 10px;
	font-size: 10pt;
	font-weight: bold;
}