* {margin: 0;}
/* The main body of the entire forum. */
html,body 
{	height: 100%; background: url('../../../images/bodyBG.gif') repeat-x left top;}
.footer, .push {height: 182px; /* .push must be the same height as .footer */}
.wrapper { position: relative;	width: 933px; font-size: 13px;	margin: 0 auto -182px; text-align: left; background: url('../../../images/contentBG.gif') repeat-y;
}

.header { height: 177px;	background: url('../../../images/header.png') no-repeat;
}
#headerTop { height: 43px; width: 933px; margin: 0 auto; background-color:#4b5a73}
#headerBottom { background: url('../../../images/headerBottom.gif') repeat-x left top; 
height: 134px; width: 933px; margin: 0 auto; padding: 0px}
#menuBar {height: 32px; width: 800px; margin: 0 auto; border-bottom:1px #444 solid;}



.footer { position: relative; width: 100%; margin: 0 auto;	background: url('../../../images/footerBG.gif') repeat-x left top;
}
#footerTop  { background: url('../../../images/footerTop.gif') repeat-x left top; 
height: 46px; width: 933px; margin: 0px auto; padding: 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;
}
div#footerTop a:link, div#footerTop a:visited, div#footerTop a:active { color: #666;text-decoration:none}
div#footerTop a:hover { color: #4570b6;text-decoration:none}
#footerMenu {width: 650px; text-align:center; border-top: 1px #666 solid;margin: 0 auto; padding:5px 0 0 0}

#footerBottom  { height: 122px; width: 873px; margin: 0 auto; padding: 0px; text-align:center;}
#footerCopy { width: 100%; margin: 0 auto; padding: 0px; text-align:center; font:11px Verdana, Arial, Helvetica, sans-serif; color: #fff }
#footerCopy a a:visited{ font:11px Verdana, Arial, Helvetica, sans-serif; color: #fff }
div#footerCopy a:link, div#footerCopy a:visited, div#footerCopy a:active {font:11px Verdana, Arial, Helvetica, sans-serif; color: #fff;text-decoration:none}
div#footerCopy a:hover {font:11px Verdana, Arial, Helvetica, sans-serif; color: #ccc;text-decoration:none}

#nav {padding:0 0 0 0px; margin:0 auto; list-style:none; font: 11px arial, sans-serif; position:relative; z-index:200; height:26px; width:800px;}
 
#nav ul {text-align:left; color: #666; padding:2px 2px 2px 2px; margin:0; list-style:none; float:left; background:#fff; border-style: solid; border-width: 2px; border-color:  #e8e8e8 #6b6b6b #a4a4a4 #ebebeb;}

#nav li {float:left;}
#nav li li {float:none;}
#nav li.last {}
/* a hack for  IE6 */
* html #nav li li {float:left;}

#nav li a {display :block; float:left; color:#666; height:36px;  padding:0 20px 0 5px; line-height:36px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li a.down {background:url("images/down.gif") no-repeat right center;}

#nav li li a {display:block; color:#666; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; font-weight:normal; letter-spacing:1px;}
#nav li li a.fly {background:url("images/fly.gif") no-repeat right center;}

#nav li:hover {position:relative; z-index:300; }
#nav li.cssplay_hover {position:relative; z-index:300;}
#nav li.cssplay_hover a {color:#666;}

#nav li li a {color:#666;}
#nav li li.cssplay_hover a {color:#fff; background-color:#4570b6;}

#nav li:hover ul {left:0; top:33px; z-index:500;}
#nav li.cssplay_hover ul {left:0; top:33px; z-index:500;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {color:#4570b6;}
#nav li li:hover > a {color:#fff; background-color:#4570b6;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#fff; background-color:#aaa;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
{color:#633; background-color:#ddd;}

/* show next level */
#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

.desc {
	font: 12px Verdana, Arial, Helvetica, sans-serif;    color: #293747;	line-height: 14px;	text-align: left; padding: 5px 5px 5px 5px;
	background:gray;
	white-space:nowrap
}


#toolbar {
    margin: 0 auto;
    padding: 0 0 0 0;
    height: 27px;
    background: #4b5a73;
    width: 100%;
}

/*Drop menu codes*/

.tabs {
	 float: left;
	 margin: 0 0 0 0;
	 font-size: 11px;
	 list-style: none;
	 background: none;
	 color: #666666;
     padding: 0 0 0 25px;
	 font-family: arial, sans-serif;
	 font-weight:bold;
	 text-transform:uppercase;
	 cursor: pointer;
}

.tabs a:link{ 
     color: #fefefe;
     cursor: pointer;
}

.tabs a:visited { 
     color: #fefefe;
     cursor: pointer;
}

.tabs ul {	
	 height: 27px;
	 float: left;
	 margin: 0;
	 padding: 0;
	 list-style: none;
}

.tabs ul li a.current {	 
	 color: #fefefe;
	 font-weight: bold;
}

.tabs ul li a.current:hover {	 
	 color: #fefefe;
	 }

.tabs li {
	 float: left;
	 padding: 0;
	 position: relative;
	 z-index: 1;
	 background: none;
}

.tabs li:hover {
	 z-index:2;
	 
}

.tabs li a {
	 display: block;
	 line-height: 27px;
	 overflow: hidden;
	 float: left;
}

a .menu-left {
	 width: 5px;
	 height: 27px;
	 line-height: 27px;
	 display: block;
	 float: left;
	 overflow: hidden;
     background: #4b5a73;	 
}

a .menu-right {
	 width: auto;
	 height: 27px;
	 line-height: 27px;
	 display: block;
	 float: left;   
	 margin-right: 2px;
     padding: 0 8px 0 3px;
     background: #4b5a73;	 
}

.tabs li a:hover .menu-left,
.tabs li:hover a .menu-left {
     background: #ff6600;

}

.tabs ul li a.current .menu-left {
     background: #4b5a73;
}

.tabs li a:hover .menu-right,
.tabs li:hover a .menu-right {
	 background: #ff6600;

}

.tabs ul li a.current .menu-right {
     background: #4b5a73;
}

.tabs li a:hover,
.tabs li.hover a,
.tabs li:hover a { 
     color: #ffffff;
	 text-decoration: none;
}

.tabs li:hover .sub,
.tabs li.hover .sub {
	 display: block;
}

.tabs li .sub {
	 display: none;
	 position: absolute;
	 top: 25px;
	 left: -1px;
	 height: 18px;
	 width: 142px;
	 padding-top: 2px;
	 background: #4b5a73;
}

.tabs li ul {
	 width: 142px;
	 height: auto;
	 margin: 0 0 0 0;
	 padding: 4px 0 2px 2px;
	 list-style: none;
	 font-size: 11px;
	 background: #4b5a73;
}

.tabs li:hover li,
.tabs li.current li {
	 width: 100%;
	 padding: 0;
	 background: none;
}

.tabs li:hover li a,
.tabs li.current li a {
	 color: #ffffff;
	 text-decoration: none;
	 background: none;
	 margin: 0 0 0 0;
	 padding: 2px 7px 2px 7px;
	 line-height: 15px;
	 width: 126px;
	 text-transform:lowercase;
}

.tabs li:hover li a:hover,
.tabs li.current li a:hover {
     color: #ffffff;
	 line-height: 15px;
	 margin: 0 0 0 0;
	 padding: 2px 7px 2px 7px;
	 background: #ff6600;
}

/*IE*/
.tabs li li a:hover {
	 color: #ffffff;
	 line-height: 15px;
	 margin: 0 0 0 0;
	 padding: 2px 7px 2px 7px;
	 background: #ff6600;
}
/**/

/* End of drop menu codes. */