﻿/* CSS Document */

*{ margin:0 auto; padding:0;}
ul, li, dl, dt, p, br, h1, h2 { margin:0; padding:0 }
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#FF0000;}
li { list-style:none }
a{text-decoration:none;}
a:hover{text-decoration:none;}
img { border:none }
div { overflow:hidden }


#head { width:960px;}
#head .logo { float:left; margin:10px 5px 1px 1px;}
#head .index_tit { width:730px; float:right;}
#head .index_tit h1 { color:#008000; font-size:18px; line-height:30px; text-align:left; padding-left:10px;}
#head .index_tit p { font-size:13px; line-height:25px;text-align:left; padding-left:10px; background-color:#FFFFCC;}

#nav { width:958px; border-top:1px #CCCCCC solid; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; margin-top:10px; background-color:#E0F2D5;}
#nav ul { width:950; margin:2px 4px;}
#nav ul li { float:left; font-size:13px; font-weight:bold; white-space: nowrap;filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1;}
#nav ul li a { color:#000000; line-height:30px; padding-right:10px; }

#gdlink { width:958px; border-bottom:1px #CCCCCC solid; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}
#gdlink ul { width:950px; margin:4px;}
#gdlink ul li { float:left; width:300px; height:250px; margin-right:5px;}

#box { width:960px; margin-top:10px;}
#box .box_left { float:left; width:620px; border:1px #CCCCCC solid;}
#box .box_left h2 { width:620px; background-color:#E0F2D5; font-size:14px; line-height:30px; text-indent:4px; color:cccccc}
#box .box_left ul { width:610px; margin:5px;}
#box .box_left ul li { width:600px; margin:10px 5px;}
#box .box_left ul li span a{ font-size:14px; color:#000000; border-bottom:1px solid #000000;}
#box .box_left ul li p { font-size:12px; color:000000; line-height:25px;}
#box .box_left .page { font-size:12px; margin-left:10px; margin-bottom:10px;}

#box .box_right { float:right; width:320px; border:1px #CCCCCC solid;}
#box .box_right ul { width:312; margin:4px; padding-bottom:10px;}
#box .box_right ul li { float:left; width:312px; line-height:25px; border-bottom:1px #999999 dashed;}
#box .box_right ul li a { color:#000000; font-size:14px;}
#box .nr { font-size:12px; color:#333333; margin:10px; line-height:25px;}

#linker { width:958px; margin-top:10px; border:1px #CCCCCC solid;}
#linker ul { width:950px; margin:4px;}
#linker ul a { font-size:12px; color:#666666;}

#footer { width:100%; margin-top:10px; border-top:1px #CCCCCC solid;}
#footer p { text-align:center; font-size:12px; color:#000000; line-height:25px;}
#footer p a { font-size:14px; color:#000000;}

<html xmlns="http://www.w3.org/1999/xhtml"><body xmlns="http://www.w3.org/1999/xhtml"><div xmlns="http://www.w3.org/1999/xhtml"><img width='77' height='5' src='chrome://livemargins/skin/monitor-background-horizontal.png' style='position: absolute;left:-77px;top:-5px'/> <img src='chrome://livemargins/skin/monitor-background-vertical.png' style='position: absolute;left:0;top:-5px;'/> <img id='monitor-play-button' src='chrome://livemargins/skin/monitor-play-button.png' onmouseover='this.style.opacity=1' onmouseout='this.style.opacity=0.5' style='position: absolute;left:1px;top:0;opacity:0.5;cursor:pointer'/>

<html xmlns="http://www.w3.org/1999/xhtml"><body xmlns="http://www.w3.org/1999/xhtml"><div xmlns="http://www.w3.org/1999/xhtml"><img width='77' height='5' src='chrome://livemargins/skin/monitor-background-horizontal.png' style='position: absolute;left:-77px;top:-5px'/> <img src='chrome://livemargins/skin/monitor-background-vertical.png' style='position: absolute;left:0;top:-5px;'/> <img id='monitor-play-button' src='chrome://livemargins/skin/monitor-play-button.png' onmouseover='this.style.opacity=1' onmouseout='this.style.opacity=0.5' style='position: absolute;left:1px;top:0;opacity:0.5;cursor:pointer'/>