/* ------ base ------ */

body { margin:0; padding:0; border:0; background:#ffffff; color:#003399; font-size:14px; text-align:center; }
div,span,h1,h2,h3,ul,li,a,img,hr { margin:0; padding:0; border:0; }
ul { overflow:hidden; }
li { list-style:none; color:#000000; white-space:nowrap; }
a:link { color:#003399; text-decoration:none; }
a:visited { color:#003399; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }
a:active { color:#003399; text-decoration:none; }

/* ------ layout ------ */

div#wrapper { width:1003px; margin:0 auto; background:#ffffff;}
div#header { width:1003px; height:130px; background:#ffffff; }
div#nav { width:1003px; height:30px; background:#ffffff; }
div#left { float:left; width:180px; padding:0 5px; }
div#center { float:left; width:620px; padding:5px; border:1px solid #000000; border-top:0; border-bottom:0; }
div#right { float:left; width:181px; height:1015px; background:#ffff99; }
div#footer { clear: both; width:1003px; height:80px; background:#ffffff url('img/b6.jpg'); }

div#message { width:900px; margin:0 auto; padding:5px; }
div#list { float:left; width:792px; height:1000px; padding:10px; border-left:1px solid #000000; text-align:left; }
div#table { float:left; width:792px; padding:10px; border-left:1px solid #000000; text-align:left; }

/* ------ header ------ */

div#header h1 { float:left; line-height:1; position:relative; top:35px; left:10px; color:#ff0033; font-size:44px; font-family:Î¢ÈíÑÅºÚ,ºÚÌå; font-weight:lighter; text-align:left; }
div#header h2 { float:left; line-height:1; position:relative; top:75px; left:-342px; color:#ff0033; font-size:16px; font-family:Î¢ÈíÑÅºÚ,ºÚÌå; font-weight:lighter; text-align:left; letter-spacing:2px; }
div#header div { float:left; position:relative; top:-12px; left:22px; width:620px; height:120px; }

/* ------ nav ------ */

div#nav ul#menu { float:left; list-style:none; width:821px; height:22px; padding:8px 0 0 0; background:#ffff99; }
div#nav ul#menu li { float:left; width:82px; background:#ffff99; font-size:14px; font-weight:lighter; }
div#nav ul#menu li a:link { color:#000000; text-decoration:none; }
div#nav ul#menu li a:visited { color:#000000; text-decoration:none; }
div#nav ul#menu li a:hover { color:#000000; text-decoration:underline; }
div#nav ul#menu li a:active { color:#000000; text-decoration:none; }

div#nav span { float:left; width:180px; padding:7px 0; border:1px solid #339933; font-size:12px; }

/* ------ left ------ */

div#left a:link { color:#000000; text-decoration:none; }
div#left a:visited { color:#000000; text-decoration:none; }
div#left a:hover { color:#339933; text-decoration:none; }
div#left a:active { color:#000000; text-decoration:none; }

div#left div { margin:8px 0 0 0; }
div#left h2 { width:180px; padding:3px 0; background:#339966; color:#ffffff; font-size:14px; font-weight:lighter; }
div#left ul { height:64px; padding:0 0 6px 0; border:1px solid #339966; }
div#left li { float:left; width:80px; margin:6px 0 0 6px; padding:5px 0; background:#ccccff; }

div#left img { float:left; width:159px; height:75px; margin:5px 0 0 10px; }

div#left select { float:left; width:159px; margin:10px 0 0 10px; }

/* ------ center ------ */

div#center div { float:left; width:310px; height:130px; text-align:left; }

div#center div#imgNews { float:left; width:620px; height:232px; border-bottom:1px dashed #999999; }
div#center div#imgNews div#imgs { float:left; width:305px; height:232px;}
div#center div#imgNews h3 { float:left; width:56px; margin:0 0 0 10px; padding:3px 10px; background:#339966; color:#ffffff; font-size:14px; font-weight:lighter; }
div#center div#imgNews ul { float:left; width:305px; margin:0 0 0 10px; border-top:2px solid #339966; }
div#center div#imgNews li { margin:4px 0; padding:0 0 0 12px; background:url('img/arrow.gif') no-repeat 0 5px; }

div#center div.columnA { position:relative; top:0px; left:5px; margin:5px 0 0 0; }
div#center div.columnA h3 { float:left; width:56px; padding:3px 10px; background:#339966; color:#ffffff; font-size:14px; font-weight:lighter; }
div#center div.columnA ul { float:left; width:297px; border-top:2px solid #339966; }
div#center div.columnA li { margin:4px 0; padding:0 0 0 12px; background:url('img/arrow1.gif') no-repeat 0 5px; }

div#center img { float:left; width:620px; height:100px; }

div#center div.columnB { position:relative; top:0px; left:5px; margin:5px 0 0 0; }
div#center div.columnB h3 { float:left; position:relative; top:2px; left:0px; width:90px; padding:3px 0; border-bottom:2px solid #cc0033; color:#006633; font-size:14px; font-weight:lighter; }
div#center div.columnB ul { float:left; width:295px; border-top:2px dashed #999999; }
div#center div.columnB li { margin:4px 0; padding:0 0 0 12px; background:url('img/arrow1.gif') no-repeat 0 5px; }

div#center span.more { float:right; padding:9px 15px 0; background:url('img/arrow2.gif') no-repeat 1px 10px; font-size:12px; }

/* ------ right ------ */

div#right div { float:left; position:relative; top:-9px; left:0px; width:181px; text-align:left; margin:8px 0 0 0; }

div#right div.columnA h2 { padding:5px 5px; border-top:1px solid #339933; border-right:1px solid #339933; border-bottom:1px solid #339933; background:#ccffff; color:#cc0033; font-size:14px; text-align:center; }
div#right div.columnA ul { float:left; width:180px; }
div#right div.columnA li { margin:4px 0 0 4px; }

div#right div.columnB { background:#ffff99; }
div#right div.columnB h2 { padding:5px 10px; border-top:1px solid #339933; border-right:1px solid #339933; border-bottom:1px solid #339933; background:#ccffff; color:#000000; font-size:14px; text-align:center; }
div#right div.columnB ul { float:left; width:180px; }
div#right div.columnB li { float:left; width:80px; margin:4px 0 0 5px; text-align:center; }

div#right div.columnC { background:#ffff99; }
div#right div.columnC h2 { padding:5px 5px; border-top:1px solid #339933; border-right:1px solid #339933; border-bottom:1px solid #339933; background:#ccffff; color:#000000; font-size:14px; text-align:center; }
div#right div.columnC ul { float:left; width:180px; }
div#right div.columnC li { margin:4px 0 0 4px; font-size:12px; }

div#right div.columnD h2 { padding:5px 5px; border-top:1px solid #339933; border-right:1px solid #339933; border-bottom:1px solid #339933; background:#ccffff; color:#000000; font-size:14px; text-align:center; }
div#right div.columnD ul { float:left; width:180px; }
div#right div.columnD li { margin:4px 0 0 4px; }

div#right img { float:left; width:181px; height:190px; margin:0px; }

/* ------ footer ------ */

div#footer img { float:left; left:0px; width:1003px; height:80px; }
div#footer span { position:relative; top:33px; left:0px; color:#003399; font-weight:bold; }

/* ------ message ------ */

div#message h1 { float:left; width:900px; padding:10px 0; border-bottom:1px solid #339966; color:#000000; font-size:24px; font-weight:bold; text-align:center; }
div#message h2 { float:left; width:300px; padding:10px 0; background:#f5f5f5; color:#000000; font-size:14px; font-weight:normal; text-align:center; }
div#message div#msg { float:left; width:900px; padding:20px 0; color:#000000; font-size:14px; text-align:left; }

/* ------ list ------ */

div#list font#date { float:right; width:170px; margin:0; padding:0; border:0; }
div#list td a { float:left; }
div#list p { text-align:center; }
div#list p a:link { color:#ff0000; text-decoration:none; }
div#list p a:visited { color:#ff0000; text-decoration:none; }
div#list p a:hover { color:#000000; text-decoration:underline; }
div#list p a:active { color:#ff0000; text-decoration:none; }

/* ------ table ------ */

div#table { text-align:center; }
div#table h1 { padding:10px 0; color:#000000; font-size:24px; font-weight:bold; text-align:center; }
div#table table { border:1px solid #000000; }
div#table td { border:1px solid #000000; }
div#table input { padding:2px 0; border:0; font-size:14px; }
div#table textarea { overflow:hidden; border:0; font-size:14px; }
div#table input#submit { width:50px; height:24px; margin:10px; border:1px solid #000000; font-size:14px; }
div#table input#reset { width:50px; height:24px; margin:10px; border:1px solid #000000; font-size:14px; }







