/*** <[Default Theme: Nav CSS]> ***/

/*** [Nav Menu Styles] ***/
#nav {height:40px; background: #fe6b00 url('images/nav_bg.gif') left top repeat-x; margin: 0 auto; padding: 0; }

/* to stretch the container div to contain floated list */
#nav:after { content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; }

ul#links { list-style: none; padding: 0; margin: 0 auto; font-size: 1.2em; height:40px; width:750px;}

ul#links li { display: block; float: left; margin: 0; padding: 0; height:40px;}

ul#links li a { display: block; padding: 0 1.5em; color: #000; font-weight:bold; text-decoration: none; line-height:40px; }
ul#links li a:hover {background: transparent url('images/panel_bg.png') bottom center repeat-x;}
#nav>ul#links li a { width: auto; }

ul#links li#active a {color: #800000; }

/*** [Panel Styles] ***/
.panelwrap { /* Only When Java Enabled on Browser */
	height:460px; /* this is the height of the content pane */
	overflow: hidden;
}

.panel { 
	height:460px; /* this is the height of the content pane */
	width:850px !important; /* Keep Important */
	overflow:auto;
	clear: both;
	padding:0px 12px;
}

.panel.active {
	display: block !important;
}