.main_menu {position:relative; z-index:100; font-family:arial, sans-serif; margin: 0 auto 0 auto !important; background-repeat: no-repeat; background-image: url(../images/menu_bg.jpg); height: 59px; background-position: 416px 0px; width: 948px; }
.main_menu ul {list-style-type:none;}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.main_menu li {float:left; width:95px; position:relative; padding-left: 35px; }

/* style the links for the top level */
.main_menu a, .main_menu a:visited {display:block; font-size:16px;text-decoration:none; color:#a4a4a5; padding-left:10px; line-height:50px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .main_menu a, * html .main_menu a:visited {width:90px; w\idth:90px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.main_menu ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:0; width:100px;}
/* another hack for IE5.5 */
* html .main_menu ul ul {top:37px;t\op:38px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.main_menu table {position:absolute; top:0; left:0; border-collapse:collapse;}


/* style the second level links */
.main_menu ul ul a, .main_menu ul ul a:visited {background:#434d56; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:100px;}
/* yet another hack for IE5.5 */
* html .main_menu ul ul a, * html .main_menu ul ul a:visited {width:90px;w\idth:90px;}

/* style the top level hover */
.main_menu a:hover, .main_menu ul ul a:hover{color:#fff; background:#2f353b;}
.main_menu :hover > a, .main_menu ul ul :hover > a {color:#fff; background:#2f353b;}

/* make the second level visible when hover on first level list OR link */
.main_menu ul li:hover ul,
.main_menu ul a:hover ul{visibility:visible; }
.main_menu ul :hover ul :hover ul{ visibility:visible;}
.main_left { padding-left: 90px; }
#main_right { padding-left: 170px; }
.main_on, .main_on a { color: #fff; text-decoration: none;  }

/* sub nav */
.menu {position:relative; z-index:100; font-family:arial, sans-serif; margin: 0 auto 0 auto !important; background-repeat: no-repeat; background-image: url(../images/menu_bg.jpg); height: 59px; background-position: center center; width: 950px; }
.menu ul {list-style-type:none;}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:95px; position:relative; padding-left: 35px; }

/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size:16px;text-decoration:none; color:#a4a4a5; padding-left:10px; line-height:50px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:90px; w\idth:90px;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:0; width:100px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:37px;t\op:38px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#434d56; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:100px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:90px;w\idth:90px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#2f353b;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#2f353b;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
.menu ul :hover ul :hover ul{ visibility:visible;}
.left { padding-left: 90px; }
#right { padding-left: 170px; }
.sub_on, .sub_on a { color: #fff; text-decoration: none;  }


/* sub nav */
#sub_nav { font-family: Georgia, "Times New Roman", Times, serif; width: 183px; float: left; padding-top: 10px; }
#sub_nav ul { padding-left: 10px; list-style-type: none; line-height: 25px; display: block; }
#sub_nav li { display: block; }
#sub_nav li.items { font-size: 14px; font-weight: bold; }
#sub_nav li a:link { padding-left: 15px; color: #a4a4a5; text-decoration:none; display: block; }
#sub_nav li a:visited { padding-left: 15px; color: #cccccc; text-decoration:none; display: block; }
#sub_nav li a:hover { padding-left: 15px; background-color: #4d0606; color: #fff; text-decoration: none; display: block; }
#sub_nav li.on { background-color: #4d0606; color: #fff; text-decoration: none; display: block; }