html {height:100%; max-height:100%; padding:0; margin:0; border:0; font-size:76%; font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif; /* hide overflow:hidden from IE5/Mac */ /* \*/ /* */ }
body{background: #FFFDBA top right;font:small/1.2em arial,helvetica,clean,"sans-serif";line-height:1.22em;margin:0;height:100%; max-height:100%; overflow:hidden; padding:0; border:0;}
* html #head,* html #foot,* html #left {position:absolute;}

.content {display:block; height:100%; max-height:100%; overflow:auto;max-width:100%;padding-left:200px;position:relative; z-index:3;font-size:1.0em;word-spacing:4px;line-height:20px;font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;}
#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:100px; background-position:0 0;background:url(../img/sunrise.jpg); font-size:1em; z-index:5;}
#left {position:fixed; left:0; top:0; height:100%; width:200px; font-size:4em; color:#fff;z-index:4;}

#pad1 {display:block; width:1.3%; height:100px; float:left;}
.pad2 {display:block; height:130px}
#pad3 {display:block; width:1.3%; height:22px; float:left;}

#foot {position:fixed; margin:0; bottom:0px; right:1.5%;display:block; width:100%; height:22px; background:rgb(21,12,30); color:#000066; font-size:.9em; z-index:6;}
#foot a:link {color:#BBD066;text-decoration:none}  
#foot a:visited {color:#BBD066;text-decoration:none} 
#foot a:hover {color: #fff}
#foot a:active {color: #fff}   

#header {position:relative;font-size:1.0em;text-align:center;color:black}
#header a:link {color:#000000;text-decoration:none} 
#header a:visited {color:#000000;text-decoration:none}
#header a:hover {color: #FA2929;text-decoration:none}
#header a:active {color: #00FF00}  

.hide{display:none;}
.show{display:block;border-bottom:1px blue solid}

a:link {text-decoration:none;color:#0000A0}
a:visited{text-decoration:none;color:#0000FF} 
a:hover {text-decoration:none;color:#461B7E} 
a:active {text-decoration:none;color:#000}

.content p {padding:0.8%;}
.bold {font-size:1em; font-weight:bold;}
.main_table{min-width:500px}
.note{font-family:Verdana;font-size:12px;color:black;font-weight:bold}
.notice{font-family:Verdana;font-size:13px;line-height:0.8em;color:red;font-weight:normal}
.title{font-size:1em;font-weight:bold;font-family:Tahoma}

.left {display:block;position:relative;float:left;padding:25px;}
.right {display:block;position:relative;float:right;padding:25px;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:0px solid #000; margin:0px; padding:0px; font-size:2em; color:#c00; width:200px;}

/*Now its all the menu style*/
.preload2 {background: url(../img/tabs/button4.png);}

.menu2 {padding:0 0 0 8em;top:60px; margin:0; list-style:none; height:35px;min-width:780px; background: url(../img/tabs/button1a.png) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40%;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../img/tabs/down.png) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../img/tabs/button4.png) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../img/tabs/button4.png) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../img/tabs/button4a.png) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(../img/tabs/button4.png) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../img/tabs/button4.png) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../img/tabs/button4a.png) no-repeat right top;}


.menu2 li a.top_link_s {display:block; float:left; height:40px; line-height:33px; color:#fff; background: url(../img/tabs/button_select.png) no-repeat; text-decoration:none; font-size:100%; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link_s span {float:left; display:block; padding:0 24px 0 12px; height:40%;}
.menu2 li a.top_link_s span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../img/tabs/down.png) no-repeat right top;}
.menu2 li a.top_link_s:hover {color:#fff; background: url(../img/tabs/button4.png) no-repeat;}
.menu2 li a.top_link_s:hover span {background:url(../img/tabs/button4.png) no-repeat right top;}
.menu2 li a.top_link_s:hover span.down {background:url(../img/tabs/button4a.png) no-repeat right top;}

.menu2 li:hover > a.top_link_s {color:#fff; background: url(../img/tabs/button4.png) no-repeat;}
.menu2 li:hover > a.top_link_s span {background:url(../img/tabs/button4.png) no-repeat right top;}
.menu2 li:hover > a.top_link_s span.down {background:url(../img/tabs/button4a.png) no-repeat right top;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:1px; top:40px; background:#EEE; padding:3px 0; border:2px solid #000; white-space:nowrap; width:120px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:20px; width:115px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../img/tabs/arrow.png) 115px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(../img/tabs/arrow_over.png) 115px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(../img/tabs/arrow_over.png) 115px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:115px; z-index:200; height:auto;}

.pad {width:200px;height:25px; float:left;}

.tabs {list-style:none; padding:15px 0 10px 0; margin:0px 0px 0px 0; width:170px; background:url(../img/tabs/vback.png) repeat-y right bottom;}
.tabs li {display:block; margin:0 0 12px 19px;}
.tabs li a {display:block; width:150px; height:26px; text-decoration:none; background:url(../img/tabs/vtab.png) left top; font-size:14px; text-decoration:none; color:#fff; font-family:verdana; line-height:24px; text-indent:15px; border-right:1px solid #000;}
.tabs li a:hover {background:url(../img/tabs/vtab.png) left center; color:#050; border-color:#888;}
.tabs li a.top_link_s, .tabs li a.top_link_s:hover {background:url(../img/tabs/vtab.png) left bottom; color:#000; border-color:#fff;cursor:default;}