/*
  Menu and Left hand column for the site 
*/
.hiddenclass
{
	display: none;
}
.showclass
{
	display: block;
}

ul#main_menu
{
	font-family: 'Century Gothic';
	font-size: 11px;
	color: #4f5459;
	margin: 0;
	padding: 0;
	background-color: #282445;
	border-left: 1px solid #6b7a88;
	border-right: 1px solid #6b7a88;
	border-bottom: 1px solid #6b7a88;
	border-top: 1px solid #48545f;
	border-color: #48545f #57517b #57517b #57517b;
}
ul#main_menu li
{
	font-family: 'Century Gothic';
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
ul#main_menu li a
{
	font-family: 'Century Gothic';
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	padding: 7px;
	padding-left: 14px;
	padding-right: 6px;
	width: 133px;
	display: block;
	border-bottom: 1px solid #9ea3a9;
}
ul#main_menu li a:hover
{
	font-family: 'Century Gothic';
	font-size: 11px;
	background-color: #57517b;
	border-bottom: 1px solid #6b7a88;
	color: #ffffff;
}
ul#main_menu .selected
{
	font-family: 'Century Gothic';
	font-size: 11px;
	background-color: #57517b;
	border-bottom: 1px solid #5a5548;
	color: #ffffff;
	font-weight: bold;
}
/* IF there is a drop down here then we need an arrow */
ul#main_menu .down
{
	background-image: url(../layout-img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 130px;
}
ul#main_menu .down:hover
{
	background-image: url(../layout-img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 130px;
}
/* When the drop down is open */
ul#main_menu .down_open
{
	background-image: url(../layout-img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 130px;
	background-color: #57517b;
	border-bottom: 1px solid #7d786c;
	color: #ffffff;
	font-weight: bold;
}
/* When the drop down is selected */
ul#main_menu .down_selected
{
	background-repeat: no-repeat;
	background-position: 130px;
	background-color: #504c41;
	border-bottom: 1px solid #5a5548;
	color: #fea849;
	font-weight: bold;
}



ul#main_menu ul
{
	color: #231f20;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #8a8477;
}
ul#main_menu ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#main_menu ul li a
{
	color: #d1cfcf;
	text-decoration: none;
	padding: 6px;
	padding-left: 14px;
	padding-right: 4px;
	width: 135px;
	display: block;
	border: 0;
	background-color: #6b7a88;
	border-top: 1px solid #56616b;
	font-size: 11px;
}
ul#main_menu ul li a:hover
{
	color: #ffffff;
	background-color: #9891C4;
	border: 0;
	border-top: 1px solid #56616b;
	font-weight: normal;
}	
ul#main_menu ul li .submenu-down
{
	color: #ffffff;
	background-color: #7e755c;
}