body { 
font-family : verdana, sans-serif; 
font-size : 76%; 
color : #000; 
padding : 0; 
border : 0; 
margin : 0; 
background : #fff url(../pro/cssplay/body_back.gif) repeat-x 0 10px; 
text-align : center; 
z-index: 1;
} 
a { 
color : #000; 
z-index: 1;
} 
a:visited { 
color : #111; 
z-index: 1;
} 
a:active { 
color : #222; 
z-index: 1;
} 
a:hover { 
text-decoration : none; 
z-index: 1;
} 
#wrapper { 
width : 1000px; 
background : #fff url(../graphic/background.gif) repeat-y; 
margin : 10px auto; 
text-align : left; 
z-index: 1;
} 
#header { 
width : 1000px; 
height : 120px; 
float : left; 
background : #fff url(../graphic/back.gif); 
position : relative; 
z-index: 1;
} 
#logo { 
float : left; 
z-index: 1;
} 
#logo h1 { 
font-family : "verdana", sans-serif; 
color : #000; 
font-size : 4em; 
float : left; 
margin : -10px 0 0 0; 
padding : 0; 
z-index: 1;
} 
#logo h2 { 
font-family : "verdana", sans-serif;
color : #666; 
font-size : 4em; 
font-weight : normal; 
padding : 0 0 0 10px; 
margin : -10px 10px 0 -5px; 
float : left; 
z-index: 1;
} 
#logo h2 a { 
color : #666; 
z-index: 1;
} 
#logo a, #logo a:visited { 
text-decoration : none; 
z-index: 1;
} 
#logo h3 { 
padding : 0; 
margin : 20px 0 0 0; 
font-size : 1em; 
font-weight : normal; 
color : #888; 
float : left; 
z-index: 1;
} 
#toplink { 
font-family : verdana, sans-serif; 
position : absolute; 
right : 10px; 
bottom : 0; 
z-index: 1;
} 
#toplink ul { 
padding : 0; 
margin : 0; 
list-style-type : none; 
z-index: 1;
} 
#toplink ul li { 
float : left; 
font-size : 0.8em; 
color : #999; 
margin : 0 0 0 7px; 
line-height : 25px; 
font-family : verdana, sans-serif; 
z-index: 1;
} 
#toplink ul li a, #toplink ul li a:visited { 
font-size : 1em; 
color : #000; 
text-decoration : none; 
z-index: 1;
} 
#toplink ul li a.highlite, #toplink ul li a.highlite:visited { 
color : #c00; 
z-index: 1;
} 
#toplink ul li a:hover { 
color : #263; 
border-bottom : 1px solid #000; 
z-index: 1;
} 
#toplink ul li a img { 
border : 0; 
z-index: 1;
} 
#midlink { 
position : absolute; 
top : 55px; 
left : 0; 
width : 1000px; 
height : 38px; 
text-align : center; 
background : url(../pro/cssplay/cssplay_0.gif); 
z-index: 1;
} 
#main_menu { 
padding : 0; 
margin : 0 19px; 
list-style-type : none; 
width : 962px; 
height : 36px; 
background : url(../pro/cssplay/cssplay_0.gif) no-repeat top right; 
z-index: 1;
} 
#main_menu li { 
float : left; 
display : inline; 
width : 120px; 
background : url(../pro/cssplay/cssplay_1.gif); 
z-index: 1;
} 
#main_menu li a, #main_menu li a:visited { 
display : block; 
width : 120px; 
height : 36px; 
color : #ddd; 
font-size : 1.1em; 
text-decoration : none; 
line-height : 32px; 
font-family : verdana, sans-serif; 
background : url(../pro/cssplay/cssplay_0.gif); 
z-index: 1;
} 
#main_menu li a:hover { 
color : #fff; 
background : url(../pro/cssplay/cssplay_1.gif); 
z-index: 1;
} 
#main_menu li a.chosen, #main_menu li a.chosen:visited, #main_menu li a:active, #main_menu li a:focus { 
color : #fff; 
background : url(../pro/cssplay/cssplay_2.gif); 
z-index: 1;
} 
#main_menu li.java a:hover { 
color : #fff; 
background : url(../pro/cssplay/cssplay_1b.gif); 
z-index: 1;
} 
#botlink { 
font-family : verdana, sans-serif; 
position : absolute; 
bottom : 0; 
left : 10px; 
z-index: 1;
} 
#botlink ul { 
padding : 0; 
margin : 0; 
list-style-type : none; 
z-index: 1;
} 
#botlink ul li { 
float : left; 
font-size : 0.8em; 
color : #999; 
margin : 0 7px 0 0; 
line-height : 25px; 
z-index: 1;
} 
#botlink ul li a, #botlink ul li a:visited { 
font-size : 1em; 
color : #000; 
text-decoration : none; 
z-index: 1;
} 
#botlink ul li a:hover { 
color : #263; 
border-bottom : 1px solid #000; 
z-index: 1;
} 
#showcase { 
clear : both; 
width : 1000px; 
background : #bc8f8f; 
height : auto; 
border : 1px solid #aaa; 
border-width : 1px 0; 
z-index: 1;
} 
#info { 
background : #fff; 
width : 750px; 
float : left; 
z-index: 1;
} 
#info_right { 
display : block; 
float : right; 
width : 230px; 
padding : 10px; 
color : #fff; 
z-index: 1;
} 
#info_right p { 
margin : 0 0 10px 0; 
z-index: 1;
} 
#info_right form fieldset { 
padding : 0; 
border : 0; 
margin : 0 0 0 5px; 
z-index: 1;
} 
#info_right ol { 
margin-top : 40px; 
z-index: 1;
} 
#info_right ol li { 
margin-bottom : 5px; 
z-index: 1;
} 
#info_right li a, #info_right li a:visited { 
color : #fff; 
font-size : 11px; 
text-decoration : none; 
z-index: 1;
} 
#info_right li a:hover { 
text-decoration : underline; 
z-index: 1;
} 
#info h2 { 
font-family : "verdana", sans-serif; 
font-size : 1.4em; 
margin : 0; 
text-align : left; 
margin : 15px 0 10px 0; 
z-index: 1;
} 
#info h2.list { 
border-bottom : 1px solid #aaa; 
margin : 15px 10px 10px 0; 
z-index: 1;
} 
#info h3 { 
font-family : "verdana", sans-serif; 
font-size : 1.1em; 
font-weight : normal; 
margin : 0 0 0 0; 
color : #006699; 
text-align : left; 
margin-bottom : 10px; 
z-index: 1;
} 
#info_right h3 { 
font-family : "verdana", sans-serif; 
font-size : 1.1em; 
font-weight : normal; 
margin : 0; 
color : #fff; 
z-index: 1;
} 
#info_right_home { 
float : left; 
width : 250px; 
overflow : hidden; 
z-index: 1;
} 
#info_right_home a img { 
border : 0; 
display : block; 
z-index: 1;
} 
#content { 
width : 750px; 
background : transparent; 
float : left; 
z-index: 1;
} 
a.adbanner, a:visited.adbanner { 
text-align : center; 
color : #fff; 
font-size : 11px; 
text-decoration : none; 
z-index: 1;
} 
a.adbanner:hover { 
text-decoration : underline; 
z-index: 1;
} 
p.cite { 
color : #008080; 
display : list-item; 
padding : 0 5px; 
list-style-image : url(../graphic/open_quotes.gif); 
background : url(../graphic/close_quotes.gif) no-repeat bottom right; 
z-index: 1;
} 
#left_column { 
width : 468px; 
background : transparent; 
float : left; 
padding : 0 32px 0 0; 
z-index: 1;
} 
* html #left_column { 
width : 500px; 
width : 468px; 
z-index: 1;
} 
#left_column ol li { 
font-size : 11px; 
line-height : 16px; 
font-family : verdana, sans-serif; 
margin : 5px 0; 
z-index: 1;
} 
#left_column dl.sitemap dd a { 
text-decoration : none; 
color : #069; 
z-index: 1;
} 
#left_column dl.sitemap dd a:hover { 
color : #fff; 
background : #069; 
z-index: 1;
} 
#left_column dl.sitemap { 
margin-left : 50px; 
} 
#left_column dl.sitemap dd { 
margin : 0; 
} 
#right_column { 
width : 230px; 
background : transparent; 
float : left; 
padding : 0 5px 0 10px; 
} 
* html #right_column { 
width : 245px; 
width : 230px; 
} 
dl.latest { 
font-size : 10px; 
margin : 10px 0 0 0; 
} 
dl.latest dt { 
background : #bc8f8f; 
padding : 5px; 
font-family : "verdana", sans-serif; 
font-weight : bold; 
font-size : 14px; 
color : #fff; 
border-left : 1px solid #fff; 
} 
dl.latest dd { 
margin : 0; 
padding : 5px 5px 0 5px; 
} 
dl.latest dd a, dl.latest dd a:visited { 
text-decoration : none; 
color : #000; 
} 
dl.latest dd a em { 
font-style : normal; 
float : right; 
color : #468; 
} 
dl.latest dd a b { 
color : #008080; 
} 
dl.latest dd a:hover { 
text-decoration : underline; 
} 
dl.latest dd a:hover em { 
cursor : pointer; 
text-decoration : none; 
} 
dl.list { 
width : 240px; 
margin : 0 10px 10px 0; 
float : left; 
} 
* html dl.list { 
float : none; 
} 
dl.list dd { 
color : #666; 
background : #fff; 
font-size : 11px; 
font-family : verdana, sans-serif; 
} 
dl.list dd a, dl.list dd a:visited { 
color : #000; 
font-weight : bold; 
font-size : 12px; 
text-decoration : underline; 
} 
dl.list dd a:hover { 
text-decoration : none; 
} 
dl.list_last { 
margin-right : 0; 
} 
.advertisement { 
list-style-type : none; 
margin : 10px 0 20px 0; 
padding : 0; 
} 
.advertisement li a, .advertisement li a:visited { 
color : #000; 
font-size : 11px; 
text-decoration : none; 
} 
.advertisement li a:hover { 
text-decoration : underline; 
} 
.advertisement li span.text { 
font-size : 11px; 
color : #008080; 
} 
.cssplay { 
list-style-type : none; 
margin : 10px 0 20px 0; 
padding : 0; 
} 
.cssplay li a, .cssplay li a:visited { 
color : #000; 
font-size : 11px; 
text-decoration : none; 
} 
.cssplay li a:hover { 
text-decoration : underline; 
} 
.cssplay li span.text { 
font-size : 11px; 
color : #008080; 
} 
.spacer { 
margin-top : 5px; 
} 
#search { 
position : absolute; 
top : -20px; 
right : 0; 
margin : 0; 
} 
#search form { 
margin : 0; 
padding : 0; 
} 
#search form img { 
border : 0; 
float : left; 
margin-right : 10px; 
} 
#search form label { 
font-size : 0.9em; 
} 
#far_right { 
width : 230px; 
background : transparent; 
float : left; 
padding : 0 10px 0 10px; 
} 
* html #far_right { 
width : 250px; 
width : 230px; 
} 
#far_right img { 
display : block; 
border : 0; 
margin-top : 10px; 
} 
#foot { 
clear : both; 
width : 1000px; 
height : 25px; 
background : #bc8f8f; 
color : #fff; 
font-size : 10px; 
} 
#foot p { 
font-size : 11px; 
color : #fff; 
margin : 5px 10px 5px 15px; 
float : left; 
} 
#foot ul { 
list-style-type : none; 
margin : 0; 
padding : 0; 
float : right; 
margin-right : 15px; 
} 
#foot ul li { 
float : left; 
margin : 5px 0 5px 10px; 
} 
#content p { 
font-size : 11px; 
line-height : 16px; 
margin : 5px 0 8px 0; 
} 
#content h3, #far_right h3 { 
margin : 15px 0 5px 0; 
font-size : 18px; 
color : #000; 
font-family : "verdana", sans-serif; 
} 
#content img { 
border : 0; 
} 
.adbanner { 
display : block; 
width : 468px; 
height : 60px; 
background : url(../graphic/banner_base.jpg); 
} 
.left { 
float : left; 
} 
.float_left { 
float : left; 
margin : 0 10px 5px 0; 
} 
img.slogan { 
display : block; 
background : url(../graphic/pc2.jpg); 
} 
img.faq { 
display : block; 
background : url(../graphic/pc3.jpg); 
} 
img.contact { 
display : block; 
background : url(../graphic/contact.jpg); 
} 
img.privacy { 
display : block; 
background : url(../graphic/privacy.jpg); 
} 
img.access { 
display : block; 
background : url(../graphic/access.jpg); 
} 
img.support { 
display : block; 
background : url(../graphic/support.jpg); 
} 
img.map { 
display : block; 
background : url(../graphic/map.jpg); 
} 
img.advertise { 
display : block; 
background : url(../graphic/advertise2.jpg); 
} 
img.oops { 
display : block; 
background : url(../graphic/oops.jpg); 
} 
.clear { 
clear : both; 
} 
.css { 
font-family : "verdana", sans-serif; 
font-weight : bold; 
padding-right : 2px; 
} 
.play { 
font-family : "verdana", sans-serif; 
} 
.hiddenfromview { 
display : none; 
} 
.date { 
font-weight : bold; 
color : #008080; 
} 
.bold { 
font-weight : bold; 
} 
.image img { 
border : 0; 
margin-left : 5px; 
} 
pre { 
font-size : 11px; 
color : #006699; 
} 
p.highlight { 
color : #cc0000; 
font-weight : bold; 
} 
#smalladsie { 
margin : 25px 0; 
width : 468px; 
padding : 1px; 
background : #fff; 
} 
#adsie { 
position : relative; 
clear : both; 
float : left; 
height : 90px; 
border-top : 25px solid #fff; 
border-bottom : 10px solid #fff; 
z-index : 0; 
text-align : left; 
padding : 1px; 
background : #fff; 
} 
#ad200 { 
margin : 10px 0 10px 0; 
} 
#supporters { 
padding : 0; 
margin : 0; 
list-style-type : none; 
} 
#supporters li { 
width : 154px; 
height : 25px; 
line-height : 24px; 
margin : 1px 1px 0 0; 
color : #c00; 
float : left; 
text-align : left; 
font-family : verdana, sans-serif; 
text-indent : 15px; 
background : #ddd; 
font-size : 11px; 
} 
#supporters li a, #supporters li a:visited { 
display : block; 
width : 100%; 
height : 100%; 
text-decoration : none; 
color : #000; 
} 
#supporters li a:hover { 
background : #bc8f8f; 
color : #fff; 
} 
#supporters li a b, #supporters li a:visited b, #supporters li b { 
font-family : verdana, sans-serif; 
letter-spacing : -1px; 
font-weight : normal; 
} 
p { 
font-size : 11px; 
line-height : 16px; 
margin : 5px 0 15px 0; 
} 
.g_right { 
float : left; 
margin : 0 10px 5px 0; 
border : 1px solid #fff; 
height : 250px; 
} 
.g_right:hover { 
border-color : #6f6; 
} 
.g_sub { 
width : 400px; 
} 
.g_index { 
float : left; 
width : 240px; 
margin : 5px 5px 10px 0; 
border : 1px solid #cca; 
} 
.g_inline { 
float : left; 
width : 230px; 
} 
.gad { 
border : 1px solid #cca; 
} 
.ad_link { 
margin : 15px 0 15px 0; 
} 
.sidead { 
font-size : 0.9em; 
font-family : verdana, sans-serif; 
letter-spacing : 1px; 
} 
#bidvertiser { 
clear : both; 
padding : 50px 0 20px 10px; 
} 
.right_col { 
float : right; 
display : inline; 
width : 250px; 
} 
.left_col { 
float : left; 
display : inline; 
width : 250px; 
} 
.mid_col { 
float : left; 
display : inline; 
width : 250px; 
} 
#showcase { 
background : #6f9c6f; 
} 
dl.menus_list dt { 
background : #6f9c6f; 
font-size : 1.5em; 
margin : 3px 0; 
} 
#foot { 
background : #8fbc8f; 
} 
dl.menus_list dd.nil { 
padding : 0; 
margin : 0; 
} 
#background { 
width : 955px; 
/*height : 440px; */
background : url(paper.jpg); 
/* padding-top : 10px; by vik */ 

} 
.preload1 { 
background : url(tab.png.gif); 
} 
.preload2 { 
background : url(tabb_on.png.gif); 
} 
.menu2 { 
padding : 0 0 0 20px;
margin : 0; 
list-style : none; 
height : 36px; 
position : relative; 
z-index : 500; 
font-family : verdana, sans-serif; 
font-size : 1.5em; 
} 
.menu2 li.top { 
display : block; 
float : left; 
} 
.menu2 li a.top_link { 
display : block; 
float : left; 
height : 36px; 
color : #444; 
text-decoration : none; 
} 
.menu2 li a.top_link span { 
display : block; 
height : 36px; 
float : left; 
line-height : 27px; 
font-size : 13px; 
font-weight : bold; 
padding : 0 9px; 
cursor : pointer; 
background : url(tab_off.png) no-repeat; 
} 

.menu2 li a.top_link_wide { 
display : block; 
float : left; 
height : 36px; 
color : #444; 
text-decoration : none; 
} 
.menu2 li a.top_link_wide span { 
display : block; 
height : 36px; 
float : left; 
line-height : 27px; 
font-size : 13px; 
font-weight : bold; 
padding : 0 9px; 
cursor : pointer; 
background : url(tab_off_wide.png) no-repeat; 
} 

.menu2 li a.top_link b { 
display : block; 
width : 15px; 
height : 36px; 
float : left; 
background : url(tabb_off.png) no-repeat; 
} 

.menu2 li a.top_link_wide b { 
display : block; 
width : 15px; 
height : 36px; 
float : left; 
background : url(tabb_off.png) no-repeat; 
} 

.menu2 li a.top_link b.down { 
background : url(tabdown_off.png) no-repeat; 
} 

.menu2 li a.top_link_wide b.down { 
background : url(tabdown_off.png) no-repeat; 
} 

.menu2 li a.top_link:hover span { 
color : #fff; 
background : url(tab.png) no-repeat; 
line-height : 26px; 
} 

.menu2 li a.top_link_wide:hover span { 
color : #fff; 
background : url(tab_wide.png) no-repeat; 
line-height : 26px; 
} 

.menu2 li a.top_link:hover b { 
color : #fff; 
background : url(tabb_on.png) no-repeat; 
} 
.menu2 li:hover > a.top_link span { 
color : #fff; 
background : url(tab.png) no-repeat; 
} 

.menu2 li:hover > a.top_link_wide span { 
color : #fff; 
background : url(tab_wide.png) no-repeat; 
} 

.menu2 li:hover > a.top_link b { 
color : #fff; 
background : url(tabb_on.png) no-repeat; 
} 
.menu2 li:hover > a.top_link b.down { 
color : #fff; 
background : url(tabdown_on.png) no-repeat; 
} 
.menu2 table { 
border-collapse : collapse; 
width : 0; 
height : 0; 
position : absolute; 
top : 0; 
left : 0; 
} 
.menu2 a:hover { 
visibility : visible; 
position : relative; 
z-index : 200; 
} 
.menu2 li:hover { 
position : relative; 
z-index : 200; 
} 
.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 : 0; 
top : 32px; 
white-space : nowrap; 
width : 180px; 
height : auto; 
z-index : 300; 
} 
.menu2 :hover ul.sub li { 
display : block; 
height : 20px; 
float : left; 
width : 180px; 
font-weight : normal; 
background : url(submid.png); 
} 
.menu2 :hover ul.sub li.fly { 
background : url(submid_r.png); 
} 
.menu2 :hover ul.sub li a { 
display : block; 
position : relative; 
font-size : 12px; 
height : 20px; 
width : 120px; 
line-height : 20px; 
text-indent : 10px; 
color : #000; 
text-decoration : none; 
background : url(trans.gif); 
} 
.menu2 :hover ul.sub li a:hover { 
color : #fff; 
} 
.menu2 :hover ul.sub :hover > a { 
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 : 120px; 
top : 0; 
white-space : nowrap; 
width : 120px; 
z-index : 400; 
height : auto; 
} 
.menu2 :hover ul.sub li.subtop, .menu2 :hover ul :hover ul li.subtop, .menu2 :hover ul :hover ul :hover ul li.subtop, .menu2 :hover ul :hover ul :hover ul :hover ul li.subtop { 
background : url(subtop.png); 
} 
.menu2 :hover ul.sub li.flytop, .menu2 :hover ul :hover ul li.flytop, .menu2 :hover ul :hover ul :hover ul li.flytop, .menu2 :hover ul :hover ul :hover ul :hover ul li.flytop { 
background : url(subtop_r.png); 
} 
.menu2 :hover ul.sub li.subbot, .menu2 :hover ul :hover ul li.subbot, .menu2 :hover ul :hover ul :hover ul li.subbot, .menu2 :hover ul :hover ul :hover ul :hover ul li.subbot { 
height : 30px; 
background : url(subbottom.png); 
} 
.menu2 :hover ul.sub li.flybot, .menu2 :hover ul :hover ul li.flybot, .menu2 :hover ul :hover ul :hover ul li.flybot, .menu2 :hover ul :hover ul :hover ul :hover ul li.flybot { 
height : 30px; 
background : url(subbottom_r.png); 
}