* { margin:0;padding:0 }
body {background:#000000 url(bg.gif) repeat-y center top}
.container {margin:0 auto;position:relative;width:960px}
.topnav {background:#009DD7 url(banner.jpg) no-repeat;display:block;height:167px;margin:0;width:960px}
.banner {width:960px}
.topnav li {display:block;float:left;list-style-type:none;margin:140px 0 0 0;position:relative}
.topnav li a {color:#000000;font:bold 14px/27px arial, sans-serif;padding:0 15px;text-decoration:none}
.topnav li a:hover {color:#fff}
.topnav li:hover ul {display:block}
.topnav li:hover a {color:#fff}
.topnav li ul {background:none;display:none;left:0;height:auto;position:absolute;top:27px;width:160px;z-index:2}
.topnav li li {background:#666;border-top:1px solid #999;float:none;padding:3px 0;margin:0}
.topnav li li.separator {border-top:2px solid #999}
.topnav li li.last {background:url(nav_last.gif) no-repeat left bottom;border:none;height:3px}
.topnav li li a {color:#e5e5e5 !important;display:block;font:bold 12px/16px arial,sans-serif}
.topnav li li a:hover {color:#fff !important}

.subnav {color:#666;font:bold 12px/25px times New Roman,arial,sans-serif;margin:0 0 25px 0}
.subnav a {color:#666;text-decoration:none}
.subnav a:hover, .subnav .active {text-decoration:underline}

.content {background:url(sidebar.gif) repeat-y right top;margin:0 0 0 15px;padding:0 0 15px 0;width:908px}
.footer  {background:url(sidebar_footer.gif) repeat-y right bottom;clear:both;margin:0 0 15px 15px;padding:15px 0 0 0;width:908px}
.footer p {font:11px tahoma,arial,sans-serif}
.footer a {font:11px tahoma,arial,sans-serif;margin:0 0 0 5px}

.intro {float:left;margin:0 0 12px 0;width:698px}
.sidebar {float:right;width:190px;position:relative}
.sidebar p {padding:0 10px;margin:0 0 18px 0}
.sidebar h2 {font:bold 14px times New Roman,arial,sans-serif;padding:0 10px;margin:0 0 4px 0}
.sidebar h3 {border-top:1px solid #fff; font:bold 14px times New Roman,arial,sans-serif;padding:17px 10px 0;margin:0 0 4px 0}
.logout {display:block;color:#fff;background:#666;border:1px solid #666;cursor:pointer;height:18px;width:80px;font:bold 12px/17px arial,sans-serif;color:#fff;text-decoration:none;text-align:center;position:absolute;top:-35px;right:15px}

.col0 {border-right:1px solid #ccc;float:left;width:348px}
.col1 {float:left;margin:0 0 0 15px;width:325px}
.col3 {border-top:1px solid #ccc;clear:left;float:left;width:238px}
.col4 {border-top:1px solid #ccc;float:left;width:238px}
.col5 {border-top:1px solid #ccc;float:left;width:222px}
.col5 .box {;margin:0 0 12px 0}
.col6 {float:left;margin:0 0 0 175px;width:500px}

a img {border:none}

h1 {color:#009dd7;font:bold 24px times New Roman,arial,sans-serif}
h4 {color:#009dd7;font:bold 16px times New Roman,arial,sans-serif;margin:0 0 8px 0}
.col0 h2, .col1 h2 {font:12px tahoma, arial, sans-serif;margin:0 0 12px 0}
.col0 h3, .col1 h3 {font:bold 14px times New Roman,arial,sans-serif;margin:0 0 4px 0}
.col0 h4, .col1 h4 {color:#025395;font:bold 14px times New Roman,arial,sans-serif;margin:12px 0 2px 0;padding:0 15px 0 0}
.col0 h4 a, .col1 h4 a {text-decoration:none}
.col0 h4 a:hover, .col1 h4 a:hover {text-decoration:underline}

.col3 h2, .col4 h2, .col5 h2 {color:#009dd7;font:bold 18px times New Roman,arial,sans-serif;margin:12px 0 0 0}
.col3 h3, .col4 h3, .col5 h3, .col6 h3 {font:12px tahoma, arial, sans-serif;margin:0 0 12px 0}
.col6 h2 {color:#009dd7;font:bold 18px times New Roman,arial,sans-serif;margin:12px 0 8px 0}

.box {background:#FCF1E3;border:1px solid #ccc;padding:8px;margin:0 15px 12px 0}
.box h3 {color:#000;font:bold 12px times New Roman,arial,sans-serif;margin:0 0 4px 0}
.box h4 {font:bold 16px times New Roman,arial,sans-serif;margin:0 0 4px 0}
.box h4 a {color:#009dd7;text-decoration:none}
.box h4 a:hover {text-decoration:underline}
.box h5 {font:12px tahoma, arial, sans-serif;margin:0 0 4px 0}

.clr {clear:both}
p {font:12px/18px arial,georgia, times new roman, times, serif;margin:0 0 8px 0}
li {font:12px/18px Georgia,times new roman,times,serif}
ul {margin:0 0 12px 16px}
ol {margin:0 0 12px 24px}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none}

a {color:#009dd7}

.free {background:url(free.png) no-repeat right top;display:block;float:right;height:49px;margin:-4px 0 0;width:49px}
.mbr .free {background:none}
.box .free {margin:-8px}
.members {background:url(members.gif) no-repeat right 2px;padding:0 15px 0 0}
.mbr .members {background:none}
.blogitem {border:1px solid #e5e5e5;padding:4px 10px;margin:0 0 16px 0}
.blogitem h2 {margin:4px 0 5px}
 p .pdf {background:url(pdf.gif) no-repeat left center;padding:0 0 0 22px}
 p.author {margin:0 0 12px 0}
 p.author em {font:normal normal 11px/20px tahoma,arial,sans-serif}
 p.attachments {line-height:22px}
 p.attachments a {background:url(icon.gif) no-repeat left center;padding:0 0 0 22px}
 p.attachments a.pdf {background:url(pdf.gif) no-repeat left center}
 p.attachments a.doc {background:url(doc.gif) no-repeat left center}
 p.attachments a.xls {background:url(xls.gif) no-repeat left center}
 p.attachments a.ppt {background:url(ppt.gif) no-repeat left center}
 p.meta {border:1px solid #cccccc;font:11px tahoma,arial,sans-serif;padding:5px}
 
.pagination {float:right;color:#666;font:bold 12px px tahoma,arial,sans-serif;text-align:right}

ul.comment {margin:12px 0;padding:0}
ul.comment li {display:block;list-style-type:none;margin:0 0 8px 4px}
ul.comment div {border-left:2px solid #025395;padding:0 0 0 5px}
ul.comment span {display:block;padding:0 0 0 5px}
ul.comment b, ul.comment i {font:normal normal 11px tahoma,arial,sans-serif}


label {display:block;float:left;width:100px}
label a {font:10px tahoma, arial, sans-serif}
input {border:1px solid #666;height:18px;margin:0 4px 4px 0;width:180px}
.sidebar input { width:168px }
.sidebar input.submit {width:80px}


.submit {background:#00aeef;border:1px solid #00aeef;cursor:pointer;height:20px;width:80px;font:bold 12px/17px arial,sans-serif;color:#fff;text-align:center}


table.detail {border-collapse:collapse;border-spacing:0;border:1px solid #ccc;border-right:none;background:#f6f6f6;width:100%;margin:8px 0 16px 0}
table.detail td {border-right:1px solid #ccc;padding:3px;font:12px/16px tahoma,arial,sans-serif}
table.detail td span{color:#666}
table.detail .cb {width:25px;text-align:center}
table.detail .pr {width:80px;text-align:right;padding-right:10px}
table.detail input {width:350px;font:12px tahoma,arial,sans-serif}
table.detail label {width:auto}
table.detail textarea {width:350px;font:12px tahoma,arial,sans-serif;overflow:auto;height:80px}
table.detail input.auto {width:auto}
p.info {font:12px/16px tahoma,arial,sans-serif}
p.message {font:bold 12px/16px tahoma,arial,sans-serif;padding:5px 5px 5px 40px;border:1px solid #663;background:#ffc url(001_06-fs8.png) no-repeat 7px 5px}
p.alert {font:bold 12px/16px tahoma,arial,sans-serif;padding:5px 5px 5px 40px;border:1px solid #663;background:#ffc url(001_30-fs8.png) no-repeat 7px 5px}
p.alert span, p.message span {font-weight:normal}

.navbar {position:absolute;left:15px;top:224px;width:160px;margin:0;padding:0}

.navbar h1 {margin-top:0}
.navbar li {font:bold 12px/16px arial,sans-serif;padding:4px 5px;border-bottom:1px solid #e5e5e5;list-style-type:none;display:block}
.navbar li.i0 {border-top:1px solid #e5e5e5}
.navbar a {text-decoration:none}
.navbar a:hover {text-decoration:underline}

a:focus {outline:none;-moz-outline-style:none}   
.ex_b {border-top:1px solid #ccc}
.ex_b .sub {color:#000;font:bold 12px arial,sans-serif;margin:4px 0 8px 0;text-decoration:none}
.ex_b .sub:hover {text-decoration:underline}
.ex_b .msg {display:block;padding:0 0 0 30px;margin:0 0 8px 0}
.ex_b .msg a {color:#000;display:block;font:bold 16px arial,sans-serif;text-decoration:none}
.ex_b .msg a:hover {color:#3381BF}
.ex_b .msg a.small {font:12px arial,sans-serif;color:#025395}
.ex_b .dlg {background:url(ex_msg_dlg.gif) no-repeat}
.ex_b .min {background:url(ex_icon_min.jpg) no-repeat}
.ex_b .mout {background:url(ex_icon_mout.jpg) no-repeat}
.ex_b .cact {background:url(ex_icon_cact.jpg) no-repeat}
.ex_b .cin {background:url(ex_icon_cin.jpg) no-repeat}           
.ex_b .cout {background:url(ex_icon_cout.jpg) no-repeat}
.ex_b .subm {background:url(ex_icon_subm.jpg) no-repeat}           
.ex_b .active {background-color:#ffc} 
.ex_b .scr {height:450px;overflow:auto;border-bottom:1px solid #ccc;padding:3px 0;margin:0 0 8px 0}
.ex_b .msgdetail {background:#f6f6f6;border:1px solid #ccc;padding:2px 5px 5px}
.ex_b .msgdetail h4 {background:#666;color:#fff;border:1px solid #ccc;padding:2px 5px;margin:3px 0}
.ex_b .body {border:1px solid #ccc;padding:5px}
.ex_b h1 {margin:0 0 4px 0;padding:10px 10px 0 0;}
.ex_b h3 {border-top:1px solid #ccc;color:#025395;font:bold 19px arial,sans-serif;padding:10px 10px 0 0;margin:0 0 4px 0}
.side    {background:#fff;float:right;width:205px;border-left:1px solid #ccc}
.side h2 {color:#025395;font:bold 19px arial,sans-serif;padding:10px 10px 0;margin:0 0 4px 0}
.side h3 {border-top:1px solid #ccc;color:#025395;font:bold 19px arial,sans-serif;padding:10px 10px 0;margin:0 0 4px 0}
.side h4 {padding:10px 10px 0;margin:0 0 4px 0}
.side p  {padding:10px 10px 0;margin:0 0 4px 0}
.action  {background:url(ex_arrow.gif) no-repeat left center;padding:0 0 0 8px}
.ex_panel {position:absolute;top:200px;left:733px;height:auto;width:190px}
.ex_panel p {padding:0 10px;font:12px arial,sans-serif}