﻿/* ---------------------------------------------------LEFT MENUS  ---- */
.spacer
{
height: 0px;
}


table.menubar
{
	text-align:left;
	border-collapse: collapse;
	padding:0; margin:0;
	vertical-align:top;
	border:0;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
}


table.menubar tr tr /* to make all first level menus bold */
{
	font-weight:bold;
}

table.menubar td /* to make all first level menus bold */
{
	margin:0; padding:0;
}



/* FIRST LEVEL MENUS */
table.menubar tr tr a:link
{
	color: #fff310;
	font-family: tahoma, arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	padding: 5px 0;
	
}

table.menubar tr tr a:visited
{
	color: #fff310;
	font-family: tahoma, arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}

table.menubar tr tr a:hover
{
	color: #FFF;
	text-decoration: none;
	display: block;
	background-color:#00a6d4;

}



/* SECOND LEVEL MENUS */

table.menubar tr tr table
{	
	color: #900c00;
	text-align:left;
	border-collapse: collapse;
	vertical-align: top;
	font-weight:normal;	
	font-size: 1em
}

table.menubar tr tr tr a:link
{	
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	padding-left:5px;
	font-weight:normal;
	padding-bottom:2px;
}

table.menubar tr tr tr a:visited
{	
	text-decoration: none;
	display: block;
	padding-left:5px;
	font-weight:normal;
	padding-bottom:2px;
}

table.menubar tr tr tr a:hover
{
/*	color: #FFF;
	text-decoration: none;
	display: block;
	padding-left:5px;
	font-weight:normal;
	padding-bottom:2px;*/
	color: #FFF;
	text-decoration: none;
	display: block;
	background-color:#00a6d4;

}


/* THIRD LEVEL MENUS */
table.menubar tr tr tr table
{	
	color: #900c00;
	text-align:left;
	border-collapse: collapse;
	vertical-align: top;
	font-weight:normal;
	font-size:.85em;
	padding-left:10px;
}

table.menubar tr tr tr tr a:link
{	
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	padding-left:10px;
	font-weight:normal;
}

table.menubar tr tr tr tr a:visited
{	
	text-decoration: none;
	display: block;
	font-weight:normal;
	padding-left:10px;
}

table.menubar tr tr tr tr a:hover
{
	color: #FFF;
	text-decoration: none;
	display: block;
	font-weight:normal;
	padding-left:10px;
}


.currentbutton
{
	color: #FFF;
	text-decoration: none;
	display: block;
	background-color:#00a6d4;
	padding:5px 0;
}

/* ---------------------------------------------------------TABBED MENUS ----/

/*----------http://www.cssplay.co.uk/menus/index.html----------------------*/

#menuinfo { clear: left; position: absolute; margin-top:0; margin-left:260px;}
#menuinfo ul {margin:0; padding:0; list-style-type:none; background:transparent; height:2em;}
#menuinfo li {display:block; float:left;}
.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; color:#900c00; margin:0; font-size:.8em; font-weight:normal; padding-bottom:0.2em; font-family:Verdana, Arial,Helvetica, Sans-Serif;}

.xtop {display:block; background:transparent; font-size:1px;}
.xb4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb3 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb2 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb1 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
/* The XBs are used to create the curved border at the top of the tab.
	The border color on the XBs should match the border color on the xboxcontent 
*/
.xb3 {height:1px;}
.xb2 {height:1px;}
.xb1 {height:1px;}
.xb4 {background:#fefaed; border-left:1px solid #900c00; border-right:1px solid #900c00;}
.xb3 {background:#fefaed; border-left:1px solid #900c00; border-right:1px solid #900c00;}
.xb2 {background:#fefaed; border-left:1px solid #900c00; border-right:1px solid #900c00;}
.xb1 {margin:0 5px; background:#900c00;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

/* This is the main block with normal display */
.xboxcontent {display:block; height:20px; background:#fff3cc; border:0 solid #900c00; border-width:0 1px 0 1px; border-bottom: 1px #900c00 solid;}

/* This section is to style the hovers */
a.xmenu2:visited {display:block; text-decoration:none; width:180px; font-size:11px; }
a.xmenu2 {display:block; text-decoration:none; width:180px; font-size:11px; }
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#900c00;}
a.xmenu2:hover .xboxcontent {background:#e1c368; border-color:#900c00; border-bottom:1px solid #900c00;}
a.xmenu2:hover .xb1 {background:#fff;}
a.xmenu2:hover .xb4 {background:#fce9ae; border-color:#FFF;}

a.xmenu2:hover .xb3 {background:#fce9ae; border-color:#FFF;}

a.xmenu2:hover .xb2 {background:#fce9ae; border-color:#FFF;}

/* This section is the CURRENT page styling - make the bottom border match the area below to give a front tab effect.*/
a.xmenu2h:visited {display:block; text-decoration:none; width:180px; font-size:11px;}
a.xmenu2h {display:block; text-decoration:none; width:180px; font-size:11px;}
a.xmenu2h .xboxcontent {background-color:#fff; border-color:#900c00; border-bottom: 1px #fff solid;}
a.xmenu2h .xb2 {background:#fff; border-left:1px solid #900c00; border-right:1px solid #fff;}
a.xmenu2h .xb3 {background:#fff; border-left:1px solid #900c00; border-right:1px solid #fff;}
a.xmenu2h .xb4 {background:#fff; border-left:1px solid #900c00; border-right:1px solid #fff;}
a.xmenu2h .xsnazzy span {text-align:center; color:#900c00; margin:0; font-size:.8em; font-weight:normal; /*padding-bottom:0.2em;*/ font-family:Verdana, Arial,Helvetica, Sans-Serif;}


