/* headings 
h1 { font: bold 1.8em verdana; margin: 0; letter-spacing: -1px; }
h2 { font: bold 2.0em verdana; margin: 0; padding: 0; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #fff; }
*/
/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }

/* header 
#unc-top-left { float: left; width: 855px; background-color: #dddddd; font-size: 3px; }
#unc-top-right { float: right; width: 105px; background-color: #336699; font-size:3px; }
#unc-logo { clear: both; }
#unc-logo #left { float: left; margin: 0 0 5px 5px; padding: 2px 0 2px 0; }
#unc-logo #right { float: right; margin: 0 5px 0 0; vertical-align: bottom; padding:8px 0 0 0; }
#unc-logo #title { color: #808080; background: #fff; }
#unc-menu { clear: both; width: 960px; background-color: #29559C; height: 18px; color: #ffffff; padding: 8px 0 5px 0; font-weight: bold; font-size:9px; font-family: verdana; border: 1px solid #336699; }
#unc-menu #left { float: left; margin: 0 0 0 10px; }
#unc-menu #right { float: right; margin: 0 10px 0 0;}
#unc-menu input { height: 18px; border: 1px solid #dddddd; font-weight: bold; padding: 2px 0 0 6px; }
#unc-menu span { margin: 0 10px 0 10px; cursor: pointer; }
#unc-sub-menu { width: 960px; background-color: #eeeeee; height: 18px; color: #444444; padding: 5px 0 5px 0; font-size: 11px; font-family: verdana; border: 1px solid #dddddd; }
#unc-sub-menu #sub-menu1 { display: none; }
#unc-sub-menu #sub-menu2 { display: none; }
#unc-sub-menu #sub-menu3 { display: none; }
#unc-sub-menu #sub-menu4 { display: none; }
#unc-sub-menu a { color: #2b2b2b; text-decoration: none; margin: 0 7px 0 7px; font-family: µ¸¿ò; }
#unc-sub-menu a:hover { color: #2b2b2b; text-decoration: underline; }
*/

#ja-top { margin: 5px 0 20px 0; height: 20px; line-height: 20px; vertical-align: middle; }
#ja-top img { border: none; }
#ja-top .left { float: left; }
#ja-top .right { float: right; }
#ja-top-sub div { display: none; position: absolute; height: 22px; width: 200px; line-height: 22px; vertical-align: middle; }
#ja-top-sub #ja-sub-menu1 { margin: 0 0 0 0; }
#ja-top-sub #ja-sub-menu2 { margin: 0 0 0 90px; }
#ja-top-sub #ja-sub-menu3 { margin: 0 0 0 153px; }
#ja-top-sub #ja-sub-menu4 { margin: 0 0 0 287px; }
#ja-top-sub ul { background-color: #444444; color: #ffffff; font-family: verdana; }
#ja-top-sub li { border-bottom: 1px solid #777777; padding: 0 0 0 15px; }
#ja-top-sub li a { color: #ffffff; text-decoration: none; }
#ja-top-sub li a:hover { color: #ffffff;  text-decoration: underline; }
#ja-top-sub .out { }/*{ background-color: #666666; }*/
#ja-top-sub .over { background: url(../img/common/main/b_top_sub_middle.gif) repeat; }/*{ background-color: #5A80BE; }*/

#ja-top-search { clear: both; margin: 0; padding: 0; width: 960px; height: 30px; }
#ja-top-search .title { float: left; margin: 8px 0 0 0; }
#ja-top-search .title img { border:none; }
#ja-top-search .unicorn { float: left; margin: 0 0 0 120px; }
#ja-top-search .search { float: left; margin: 0 0 0 10px; padding: 0 0 0 0; }
#ja-top-search .search .box { float: left; padding: 4px 0 0 6px; width: 277px; height: 25px; background: url(../img/common/main/t_search.gif) no-repeat; }
#ja-top-search .search .box input { width: 265px; border: none; height: 15px; }
#ja-top-search .search .button { float: left; margin: 0 0 0 2px; }
#ja-top-search .search .button img { border:none; }

#ja-top-title { clear: both; height: 35px; margin: 0; padding: 0;}
#ja-top-title a { color: #ffffff; text-decoration: none; }
#ja-top-title a:hover { color: #ffffff; text-decoration: none; }
#ja-top-title .left { float: left; height: 35px; width: 3px; background: url(../img/common/main/b_top_left.gif) no-repeat; }
#ja-top-title .middle { float: left; height: 35px; width: 954px; background: url(../img/common/main/b_top_middle.gif) repeat; color: #ffffff; line-height: 35px; vertical-align: middle; font-family: verdana; font-weight: bold; font-size: 10px; }
#ja-top-title .middle #ja-main-menu1 { margin: 0 0 0 20px; padding: 12px 0 0 0; height: 35px;}
#ja-top-title .middle span { padding: 12px 0 0 0; height: 35px;}
#ja-top-title .middle img { vertical-align: middle; margin: 0 10px 0 10px; }
#ja-top-title .right { float: right; height: 35px; width: 3px; background: url(../img/common/main/b_top_right.gif) no-repeat; }

#ja-delimeter { width: 100%; height: 1px; background-color: #cccccc; overflow: hidden; }
#ja-shortcut { width: 100%; height: 40px; text-align: center; color: #777777; vertical-text-align: middle; line-height: 40px; font-family: µ¸¿ò; }
#ja-tanine { margin: 10px 0 0 0; height: 50px; inline-height: 50px; }
#ja-tanine .left { float: left; color: #777777; font-family: verdana; font-size: 10px; }
#ja-tanine img { vertical-align: middle; margin: 0 20px 0 0; }
#ja-tanine .right { float: right; color: #777777; font-family: µ¸¿ò; font-size: 10px; text-align: right; }

#ja-left { border: 1px solid #cccccc; background-color: #eeeeee; }

#ja-left #unc-out-login-page { margin: 5px 5px 5px 5px; background-color: #fff; border: 1px solid #dddddd; padding: 5px 0 5px 10px; }
#ja-left .unc-box { border: 1px solid #dddddd; margin: 2px 5px 5px 5px; padding: 10px 10px 10px 10px; background-color: #ffffff; }
#ja-left .unc-box ul { font-family: verdana; }
#ja-left .unc-box .title { border: none; padding:0 0 2px 5px; font-size: 12px; color: #aaaaaa; font-weight: bold; }
#ja-left .unc-box li { height: 20px; border-bottom: 1px dashed #dddddd; padding: 5px 0 2px 0; }
#ja-left .unc-box li img { margin: 0 5px 0 0; border: none; }
#ja-left .unc-box .middle { text-align: center; margin: 5px 0 0 0; }
#ja-left .unc-box .poll li { height: 20px; border: none; padding: 0 0 2px 0; }

#ja-right { margin: 0 0 10px 0; border: 1px solid #cccccc; height: 29px; font-family: arial; background: url(../img/common/main/b_sub_middle.gif) repeat; }
#ja-right .left { float: left; padding: 0 20px 0 20px; font-size: 10px; color: #fff; font-weight: bold; height: 27px; line-height: 27px; vertical-align: middle; background: url(../img/common/main/b_sub_middle_o.gif) repeat; }
#ja-right .right { float: left; font-size: 10px; color: #555555; padding: 0 0px 0 0; height: 27px; line-height: 27px; vertical-align: middle; }
#ja-right span { height: 27px; line-height: 27px; padding: 0 7px 0 7px; border-right: 1px solid #ffffff; }
#ja-right .right .out { background-color: ; color: #111111; }
#ja-right .right .selout { height: 27px; background-color: ; color: #111111; background: url(../img/common/main/b_sub_middle2_o.gif) repeat; }
#ja-right .right .over { height: 27px; color: #111111; cursor: pointer; background: url(../img/common/main/b_sub_middle2_o.gif) repeat; }

#ja-left .unc-box .smallestTag { font-family: verdana; font-size: 8pt; }
#ja-left .unc-box .smallTag { font-family: verdana; font-size: 9pt;}
#ja-left .unc-box .mediumTag { font-family: verdana; font-size: 10pt; font-weight: bold;}
#ja-left .unc-box .largeTag { font-family: verdana; font-size: 11pt; font-weight: bold;}
#ja-left .unc-box .largestTag { font-family: verdana; font-size: 12pt; font-weight: bold;}
#ja-left .unc-box .out { padding: 2px 2px 2px 2px; text-decoration: none; color: #444; }
#ja-left .unc-box .over { cursor: pointer; padding: 2px 2px 2px 2px; color: #999999; text-decoration: underline; }