﻿body{
background-color:#000000;
padding:0; font-family:verdana, sans-serif;margin:0px auto auto auto;font-size:12px;
background-image: url('../Files/Theme/background.jpg');background-repeat:no-repeat;background-position:center top}
a:hover{
text-decoration:underline;}
#main_container{
width:980px;height:auto;margin:auto;padding:0px;}
#header{
width:980px;height:89px;margin:auto;}
#header_logo{
width:208px;height:75px;float:left;padding:10px 0px 0px 0px;}
/*------------------------------main content-----------------------*/
#main_content{
width:980px;margin:auto;clear:both;background-color:#FFFFFF;}
/*---------------- menu tab----------------------*/
#navigation{
	background-position: center;width: 980px;height: 34px;
	background: #8C0E01 url('../Files/Theme/menu_bg_red.png') repeat-x;
	font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;}
ul.menu {
list-style-type:none; float:left; display:block; width:870px; 
 margin:0px; padding-left:0px; background:none;}
li.highlighted{
background-position: #BF3F3C url('../Files/Theme/menu_bg_lred.png') repeat-x;
display: block;float: left;margin: 0;height: 34px;text-decoration: none;
background: #BF3F3C url('../Files/Theme/menu_bg_lred.png') repeat-x;
color: #FFFFFF;}
#navigation li{
display:inline;font-size:12px;font-weight:bold;line-height:34px;}
#navigation li a{
display:block; float:left; padding:0px 15px 0px 15px; margin:0;height:34px;
text-decoration:none; background:none; color:#FFFFFF;}
#navigation li a:hover{
	background: #BF3F3C url('../Files/Theme/menu_bg_lred.png') repeat-x;
	color: #fff;}
/*---------------- menu tab----------------------*/
a.iconnav:hover {
text-decoration:none;}
/*------------------------content-----------*/
#content {
  float:right;width:819px;min-height:480px;
  height:auto !important;
  height:400px;background-color:#ffffff;padding:0px 0px 0px 0px;margin: 0px 0px 0px 0px;}

#content-wrapper {
  float:left;width:980px;
  height:auto !important;
  height: 400px;min-height: 480px;padding:0px 0px 0px 0px;margin: 0px 0px 0px 0px;
  background:#f6f6f6 url('../Files/Theme/nav_top.png') repeat-x; }
/*-------------------footer-----------------------*/
#footer{
width:980px;height:35px;clear:both;background-color:#c7c6c6;font-size:9px;}
ul.footer_menu {
list-style:none; float:right; display:block;
margin:0px; padding:7px 3px 3px 0px; }
ul.footer_menu li {
display:inline; font-size:10px;}
a.nav_footer:link, a.nav_footer:visited {
display:block; float:left; padding:5px 3px 3px 10px; margin:0; 
text-decoration:none; color:#2F2626;}
a.nav_footer:hover {
display:block; float:left; padding:5px 3px 3px 10px; margin:0;
text-decoration:underline; color:#2F2626;}
a.nav_footer:active {
display:block; float:left; padding:5px 3px 3px 10px; margin:0;
text-decoration:none;  color:#2F2626;}
#copyright{
float:left;
padding:0px;
color:#000;}
/*-------VerticalMenu2--------*/
/*** All browsers ***/
#nav3 {
  background: none;float: left;list-style-type: none;margin: 0px 0px 0px -40px;
  padding: 0;width: 201px;}
#nav3 li {
  font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  padding: 0;list-style:none;}
#nav3 a {
  background: #E6E6E6;border-bottom: 1px solid #A8A8A8;color: #000;
  display: block;margin: 0;padding: 8px 12px;text-decoration: none;}
#nav3 a:hover {
  background: #AC2A27 url('../Files/Theme/hover.png') left center repeat-x;
  color: #fff;padding-bottom: 8px;}
#nav3 ul#menu3 {
	z-index: 5000;width:161px;}
#nav3 ul#menu3 li {
    list-style:none;position: relative;
    float: left; /* commented for flyout use else dropdown*/
	text-align: center;line-height: .5em;width:161px;
/*    z-index:300; */
}
#nav3 ul#menu3 li a {
	display: block;padding: 12px 0;color: #000;text-decoration: none;
	border-right: 1px solid #ccc;text-align: left;background:#E6E6E6;text-indent: 10px;}
#nav3 ul#menu3 li a span {
	padding: 0 15px 0 10px;
/*   background: url('..Files/Theme/arrow.gif') no-reapeat; */}
#nav3 ul#menu3  li ul {
    display: none;position: absolute; /*use display:block if problem occurs */
/* hiding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em;/* this makes it more accessible than display:none; */width: 140px;padding: 3px 8px 3px 8px;background:#555;}
#nav3 ul#menu3  li:hover ul,
#nav3 ul#menu3  li.over ul {
    display: block;
    left: 120px;  /* the postion near main menu */
    top: 0;       /* align with top of main menu */
    position: absolute;
    z-index: 4000;
    width: 180px;
    background:#E6E6E6;
    border: 1px solid #A8A8A8;}
#nav3 ul#menu3  li ul li {
    width: 180px;height: auto;background: transparent;text-indent: 0;padding: 0;}
#nav3 ul#menu3  li:hover ul li a,
#nav3 ul#menu3  li.over ul li a {
    display: block;
    width: 160px;/*this is to adjust if used some background image for dropdown */
    background: transparent;padding: 10px 10px;text-decoration: none;margin: 0;color: #000;text-indent: 0;
    text-align: left;border: 0;white-space: nowrap;}
#nav3 ul#menu3 li ul li a:hover {
    color: #fff;background-color: #AC2A27;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AC2A27', endColorstr='#690000'); /* for IE */ 
    background: -webkit-gradient(linear, left top, left bottom, from(#AC2A27), to(#690000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #AC2A27,  #690000); /* for firefox 3.6+ */
    border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;  }
#nav3 ul#menu3 li.active a,
#nav3 ul#menu3 li a:hover,
#nav3 ul#menu3 li:hover a,
#nav3 ul#menu3 li.over a,
#nav3 ul#menu3 li a:active,
#nav3 ul#menu3 li:active a{
    background:#AC2A27 url('../Files/Theme/hover.png') repeat-x;color:#fff;}
li.underline{
border-bottom: 1px gray solid;margin: 0px 0px 2px 0px;}
