/* Main menu settings */
#centeredmenu {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	font-family:Calibri; /* Menu font */
	font-size:90%; /* Menu text size */
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
	position:relative;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:1px;
}
#centeredmenu ul li a {
	display:block;
	margin:0;
	padding:.6em .5em .4em;
	font-size:1em;
	line-height:1em;
	
	text-decoration:none;
	color:#CCC;
	font-weight:bold;
	background-color: #633;
}
#centeredmenu ul li.active a {
   color:#fff;
   background-color: #633;
}
#centeredmenu ul li a:hover {
	
	color:#fff;
	border-bottom:1px solid #03f;
	background-color: #633;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background-color: #633;/* Top menu items background colour */
   color:#fff;
   border-bottom:1px solid #03f;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-size:0.8em;
	font-weight:normal; /* resets the bold set for the top level menu items */
	background-color: #633;
	color:#F3F;
	line-height:1.4em; /* overwrite line-height value from top menu */
	border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background-color: #633; /* Sub menu items background colour */
   color:#fff;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

#centeredmenu a span{
	-moz-border-radius: 10px;
	border-radius: 10px;

}


/* These styles create the dropdown menus. */
#navbar {
   position: relative;
   width: 700px;
	
   margin: 0;
   padding: 0;}
#navbar li {
   list-style: none;
   float: left; }
#navbar ul{
   text-align: center;
}
#navbar li a {
	display: block;
	padding: 3px 8px;
	color: #999;
	font-weight: bold;
	background-color: #630;
}
#navbar li a:hover {
   color: #000; }
#navbar li ul {
   display: none;  }
#navbar li:hover ul, #navbar li.hover ul {
   position: absolute;
   display: inline;
   left: 0;
   width: 100%;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: left; }
#navbar li:hover li a, #navbar li.hover li a {
   color: #000; }
#navbar li li a:hover {
   color: #357; }
.navbarWrapper {
	margin:0; padding:0; height:30px; text-align: center; float:left; position:relative;}
}


#menux {
width: 100%;
background: #eee;
float: left;
}
#menux ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
#menux li
{
display:inline;
}



#menu {
width: 100%;
background: #eee;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;

}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;

background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {position: relative;display:inline;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}











#menuh-container
	{
	position: absolute;
	
	width: 1383px;
	}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color: royalblue;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: cornflowerblue;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	
	width:9em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}
#menuh ul li
	{
		display:inline; height:30px; list-style:none;
	
	}	

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	display:inline; 
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

.menuother{
	list-style:none;
	width: 100%; /*width of menu*/
	display: inline;
	font: bold 18px Calibri;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-color: #630;
	border-size: 5px;
	border-width: 5px;
	background-color: #CCC;
	line-height:25px;
	padding: 0px 10px 5px 10px;
	
}
.menuother ul{   float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}

 .menuother ul li{ float:left;   display: inline;} 
.menuother ul li a{    float: left; text-decoration: none;    color: white;    padding: 10.5px 11px;    background-color: #333; } 
.menuother ul li a:visited{    color: white;} 
.menuother ul li a:hover, 
.menuother ul li .current{    color: #fff;    background-color:#0b75b2;}

.bevelmenu ul.parent_hover
{
    display:block;
}
.bevelmenu li:hover > ul
{
    display: block;
}

.bevelmenu li:hover
{
    color: #ffffcc;
}




.bevelmenu li.hover,
.bevelmenu a:hover
{
    color: #ffffcc;
    padding-left: 10px;
	background: #990033 url("tab-left-hover.gif") left top no-repeat;  
}
.bevelmenu li a:hover span { 
padding-right: 10px;
background: #990033 url("tab-right-hover.gif") right top no-repeat;
} 


html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

.endmenu
{
    clear: left;
}


/*
.bevelmenu
{
  float:left;
   width:100%;
   overflow:hidden;
   position:relative;

}
/*.bevelmenu ul
{	
clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   display:none;
}
.bevelmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
.bevelmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   text-decoration:none;
   line-height:1.3em;
}
.bevelmenu ul li a:hover {
   background:#369;
   color:#fff;
}
.bevelmenu ul li a.active,
.bevelmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

*/
.bevelmenu, 
.bevelmenu ul,
.bevelmenu li
{
 	font: bold 13px arial;
	text-align: center; /*set value to "right" for example to align menu to the right of page*/
	list-style:none;
	color: #ffffcc;
	margin:auto;
	
}


.bevelmenu ul{
	display: none;
	position: absolute;
	top: 15px;
	left: 0;
	color: #ffffcc;
		
}

.bevelmenu li{
	list-style-type: none;
	display:inline;
	margin: 0 0px 0 0;
	color: #ffffcc;
	border-right: 5px #ffffcc;
	border-left: 5px #ffffcc;

	
}

.bevelmenu > li
{
    float: left;
	position:relative;
	left:20%;
	text-align:left;
}

.bevelmenu a{

	text-decoration: none;   
	float: left;
	color: #ffffcc;
	background: url(tab-left.gif) no-repeat left top; /*default background color of tabs, left corner image*/
	padding-left: 10px;
}

.bevelmenu a span{
	color: #ffffcc;
	display: block;
	background: #660033 url(tab-right1.gif) no-repeat right top; /*right corner image*/
	padding-right: 10px;
}


.bevelmenu a:hover, .bevelmenu li.selected a{
background-color: #990033; /*background color of tabs onMouseover*/

}

.bevelmenu a:hover span{
background-color: transparent;
}

[if IE]
/* Unfortunately, for some reason both IE6 and IE7 needs to be hacked. */
bevelmenu1 li a {
padding: 0 0 0 10px;
}