body {font-family:arial;font-size:12px;margin:0;background-color:#111;background-attachment: fixed;background-position:center top ;
background-repeat:no-repeat;background-image:url(images/backgroundtop.jpg);}
body.contentpane, body.mceContentBody { color:#000000; font-family:arial; font-size:12px; background:#FFFFFF; }
/* Normal link */
a { text-decoration: none;color:#000000; }
a:hover, a:focus {color:#000000;text-decoration:underline; }
img, fieldset { border:none; }
h1 { font-size:20px; color:#000000;margin:0;padding:0;}
h2 { font-size:18px; color:#000000;font-weight:normal;margin:0;padding:0;}
h3 { font-size:15px; font-weight:normal;margin:0;padding:0;}
h4 { font-size:14px; color:#000000;font-weight:bold;margin:0;padding:0;}
h5 { font-size:13px; color:#000000;margin:0;padding:0;}
p { padding:0px;}
ul li {padding-left: 0px;}
a img {border: none; }
/* - Main Body -*/
#top{ border:0px solid red; height:90px; margin:22px 3px 0px 3px;}
#top .logo{ float:left;opacity:1.0; border:0px solid #eee; height:90px; width:212px; }
#top .logo IMG{ border:0px solid #000; }
#top .right{ float:right;opacity:0.98; background:#111; height:90px; width:728px; margin-right:1px;}
#Main_Body { margin:auto; width:960px; margin-top:5px;}
#Main_Body .cnt_left { border:0px solid red; float:left;width:695px;}
#Main_Body .cnt_right{ border:0px solid red; float:right; width:250px; margin-right:2px;}
#Main_Body div.cnt_panel{ opacity:0.95; padding:0px; color:#222; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
#Main_Body div.cnt_panel H2 { margin:0px; margin-top:0px;height:24px; font-size:16px; font-weight:bold; padding:11px 10px 2px 10px;border-bottom:0px solid #222; background: url(images/Shape5_Clarity_maintm.png) repeat-x;
color:#D36203; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; -webkit-top-left-border-radius:10px; border-top-left-radius:10px;
-moz-border-top-right-radius:10px;-khtml-border-top-right-radius:10px;-webkit-top-right-border-radius:10px;border-top-right-radius:10px;}
#Main_Body div.cnt_panel B{ color:#D36203;}
#Main_Body div.cnt_panel H3 { margin:0px; margin-top:0px;height:24px;color:#D36203; font-size:15px; font-weight:bold; padding:12px 10px 1px 12px;border-bottom:0px solid #222;
background: url(images/Shape5_Clarity_maintm.png) repeat-x;
-moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; -webkit-top-left-border-radius:10px; border-top-left-radius:10px;
-moz-border-top-right-radius:10px;-khtml-border-top-right-radius:10px;-webkit-top-right-border-radius:10px;border-top-right-radius:10px;}
#Main_Body div.cnt_panel .panel_data{ padding:15px; background:#fff url(images/Shape5_Clarity_mainarticleback.png) repeat-x 1px 1px;
-moz-border-bottom-left-radius:8px; -khtml-border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px;
-moz-border-bottom-right-radius:8px; -khtml-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;}
#Main_Body DIV.mainDIV{ height:195px; }
#Main_Body DIV.mainDIV IFRAME{margin:0px; padding:0px; float:left; margin-top:4px;border:1px solid #bbb;width:165px;height:188px;
-moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#Main_Body DIV.mainDIV .right{ float:right; width:473px; border:0px solid red;}
#Main_Body DIV.mainDIV1{ height:200px; }
#Main_Body DIV.mainDIV1 IMG{margin:0px; padding:0px; float:left; float:left; margin-top:4px;border:0px solid #bbb;width:138px; }
#Main_Body DIV.mainDIV1 .right{ float:right; width:500px; border:0px solid red; }
#Main_Body P{margin:0px; padding:0px; line-height:2.0; text-align:justify;}
#div_BR{ height:11px;}
#Main_Body div.cnt_panel H4 { border-bottom:1px dashed #000; padding-bottom:7px;margin-bottom:10px; padding-top:1px; padding-left:25px; background:url(images/radiobutton1.png) no-repeat 0px 0px; }
#Main_Body P.info{margin:0px; line-height:2.0; text-align:justify;padding:0px 0px 0px 10px; margin:0px 8px; border-left:3px solid #bbb;}
#Main_Body div.cnt_panel .events { border-bottom:1px dashed #333; padding-bottom:7px;margin-bottom:7px; }
#Main_Body div.cnt_panel .events H5{ background:url(images/rightarrow.png) no-repeat top left; padding-top:2px; padding-left:23px;}
#Main_Body div.cnt_panel .events P{ padding-left:23px; }
#Footer { opacity:0.9; margin:auto; width:946px; color:#ccc; border:0px solid red;padding:9px; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; height:30px; background:#222 url(images/Shape5_Clarity_mod3tr.png) repeat-x 1px 1px; margin-top:13px; margin-bottom:15px; }
#Footer .left{ float:left; width:450px; text-align:left; padding-top:8px;}
#Footer .right{ float:right; width:450px; text-align:right; padding-top:8px; }
#Footer A{ color:#fff; text-decoration:underline; }
#Footer A:hover{ color:#ee1111; text-decoration:none; }
#Footer .left A{ color:#ee1111; text-decoration:underline; }
#Footer .left A:hover{ color:#fff; text-decoration:none; }
/* Layout
--------------------------------------------------------- */
#Main_Body ul.follow { margin:0px ;padding:0px; list-style:none; background:url(images/social-icons.png) no-repeat 0px 0px;}
#Main_Body ul.follow LI{ border:0px solid red; padding:7px 5px 5px 40px; height:20px; margin: 0px 0px 8px 0px;}
#Main_Body ul.follow LI A{ font-size:13px; font-weight:bold; margin:5px;}
#Main_Body ul.follow LI.last { margin:0px; }
#main_top{ border:0px solid red;height:47px; }
#main_top #mt_div{ width:225px; text-align:center; }
#sub_hdr{ border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; -khtml-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px;
-moz-border-bottom-left-radius:5px; -khtml-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; }
.view-all { float: right; margin:13px 13px 0px 0px; }
.view-all:hover{ text-decoration:none; color:#333; }
#event{ margin-top:-5px; }
#event .news { padding: 12px 0px; font-size: 12px; margin:1px; border-bottom: 1px dashed #bbb;}
#event h5 { font-size: 13px; margin:0px; }
#event div.date{ color:#ddd; margin:5px 0px; background:url(images/e-time-icon.png) no-repeat 0px; font-size:11px; padding:1px 0px 1px 18px;}
#event div.link{ text-align:right; }
#event div.link a{ text-decoration:underline; font-weight:bold;color:#D36203; }
#event div.link a:hover{ text-decoration:none; font-weight:bold;color:#333; }
#event p{ padding:0px 3px;}
#event marquee{ border:0px solid red; height:200px;}
#blog2 { margin-top:-5px; }
#blog2 .article { padding: 12px 0px; font-size: 12px; margin:1px; border-bottom: 1px dashed #bbb;}
#blog2 h4 { font-size: 13px; }
#blog2 div.date{ color:#ddd; margin:5px 0px; background:url(images/e-time-icon.png) no-repeat 0px; padding:1px 0px 1px 18px;}
#blog2 p{ padding:0px 3px;}
#video{margin-top:-5px; }
#video .videos{ height:45px; border-bottom:1px dashed #bbb; padding:10px 0px;}
#video .image { float: left; display: inline; width: 61px; margin:0px; }
#video h5{ font-size: 12px; margin:0px; padding:0px; margin-top:-2px;}
#video .image img { padding: 1px; border: solid 1px #aaa; width: 61px; height: 40px; }
#video .cnt { float: right; display: inline; width: 147px; }
#album2{margin-top:-5px; }
#album2 .albums{ height:45px; border-bottom:1px dashed #bbb; padding:10px 0px;}
#album2 .image { float: left; display: inline; width: 61px; margin:0px; }
#album2 h5{ font-size: 12px; margin:0px; padding:0px; margin-top:-2px;}
#album2 .image img { padding: 1px; border: solid 1px #aaa; width: 61px; height: 40px; }
#album2 .cnt { float: right; display: inline; width: 147px; }
#video1{margin-top:-5px; }
#video1 .videos{ height:45px; border-bottom:1px dashed #bbb; padding:10px 0px;}
#video1 .image { float: left; display: inline; width: 61px; margin:0px; }
#video1 h5{ font-size: 12px; margin:0px; padding:0px;}
#video1 .image img { padding: 1px; border: solid 1px #aaa; width: 61px; height: 40px; }
#video1 .cnt { float: right; display: inline; width: 147px; }
#video1{ width:105%;}
#video1 .videosk{ border:1px solid red; float:left;width:100%; margin-bottom:15px; }
#video1 .video { border-bottom:1px dashed #999; height:113px; float:left; width:198px; margin:10px 0px 0px 15px; }
#video1 .video h5{ margin:2px 0px 8px 0px; }
#video1 .image{ width: 93px; height: 55px; float:left; }
#video1 .image img { padding: 1px; border: solid 1px #555; width: 85px; height: 55px; float:left; }
#video1 .right{ width: 102px; float:right; border:0px solid red; }
#video1 .right DIV{ margin-bottom:5px; }
#blog { float:left; margin-top:-5px; }
#blog .blog_row{ float:left; width:650px; margin-left:5px; padding:10px 0px; }
#blog .blogs a{ color:#222; }
#blog .image{ float:left; width:134px;}
#blog .image img { padding:5px; float:left; border: solid 1px #aaa; width: 134px; height: 90px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x; }
#blog .cnt{ float: right; display: inline; width:470px; border:1px solid red; }
#blog .art_hdr{ border:1px dashed #666; border-left:none; text-align:left; border-right:none; padding:4px 4px;margin:4px 0px 7px 0px; }
#blog .art_hdr SPAN{ padding:2px 70px 2px 20px; }
#blog .art_hdr SPAN.author{ background:url(images/e-author-icon.png) no-repeat 0px;}
#blog .art_hdr SPAN.time{ background:url(images/e-time-icon.png) no-repeat 0px; }
#blog.art_hdr SPAN.comment{ background:url(images/e-post-comm-icon.png) no-repeat 0px; }
#blog1 .blogs { padding: 8px 0px; margin-left:4px; margin-top:-5px; background: url(images/content-article-sep.gif5) repeat-x 0 bottom; float:left; width:650px;}
#blog1 .image { float: left; display: inline; width: 90px; margin-top:5px; }
#blog1 .image img { width: 100%; height:auto; border:1px solid #666; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x; }
#blog1 .image {
float: none;
display: inline-block;
width: 17%;
margin-top: 5px;
vertical-align: top;
}
#blog1 .cnt {
float: none;
display: inline-block;
width: 79%;
line-height: 1.2;
text-align: justify;
vertical-align: top;
margin-left: 3%;
}
#blog1 .cnt1 { float: none; display: block; width:100%; line-height:1.3; text-align:justify; }
#blog1 h5 { margin-top: 0; line-height: 20px; }
#blog1 h5 a { color: #222; font-size:13px; }
#blog1 .art_hdr{ border:1px dashed #666;border-left:none; text-align:left; border-right:none; padding:4px 4px;margin:4px 0px 7px 0px; }
#blog1 .art_hdr SPAN{ padding:2px 70px 2px 20px; }
#blog1 .art_hdr SPAN.author{ background:url(images/e-author-icon.png) no-repeat 0px;}
#blog1 .art_hdr SPAN.time{ background:url(images/e-time-icon.png) no-repeat 0px; }
#blog1 .art_hdr SPAN.comment{ background:url(images/e-post-comm-icon.png) no-repeat 0px; }
#album { float:left; margin-top:-5px; }
#album .image img { padding:5px; border: solid 1px #aaa; width: 134px; height: 90px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x; }
#album .albums { float: left; display: inline; margin: 17px 0 6px 15px; width: 144px; border:0px solid red; }
#album h5{ font-size: 12px; margin:0px; padding:0px; margin-top:5px;}
#album1 { float:left; margin-top:-5px; }
#album1 .image img { padding:5px; border: solid 1px #aaa; width: 134px; height: 90px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5x; }
#album1 .albums { float: left; display: inline; margin: 17px 0 0px 15px; min-height: 145px; width: 144px; border:0px solid red; }
#album1 h5{ font-size: 12px; margin:0px; padding:0px; margin-top:5px;}
#bot_navi { border-top:0px solid #aaa; float:left; width:100%; width:625px; margin:10px 0px 15px 15px; background: url(images/content-article-sep.gif) repeat-x 0 top; }
#NP_div{ float:left; width:100%; padding-top:15px; }
#NP_div DIV.link { border:1px solid #000; text-align:center; background:#000; margin:0px 7px 0px 0px; float:left; }
#NP_div DIV.linkcur{border:1px solid #600;text-align:center; background:#000; margin:0px 7px 0px 0px; float:left; }
#NP_div DIV.link0{ border:1px solid #000; text-align:center; background:#eee; margin:0px 7px 0px 0px; float:left; width:23px; height:15px; padding:4px 0px; }
#NP_div DIV.link A{ width:23px; height:15px; padding:4px 0px; float:left; font-weight:bold; color:#bbb;}
#NP_div DIV.linkcur A{ width:23px; height:15px; padding:4px 0px; float:left; background:#b00;color:#fff;}
#NP_div DIV.link,#NP_div DIV.linkcur,#NP_div DIV.link0{ -moz-border-radius:5px;-webkit-border-radius: 5px; border-radius:5px; }
#NP_div A{ font-weight:bold;text-decoration:none; -moz-border-radius:3px;-webkit-border-radius: 3px; border-radius:3px; }
#div_button{ border:0px solid #aaa; width:618px; height:40px; margin:15px 0px 0px 20px; background: url(images/content-article-sep.gif) repeat-x 0 bottom; }
#div_button DIV.prev{ float:left; }
#div_button DIV.next{ float:right; }
#div_button DIV{ text-align:center; }
#div_button DIV A{ width:100px; padding:7px 0px 6px 0px; float:left; font-weight:bold; color:#333; font-size:13px; background: url(images/sort-nav-bg.gif) repeat-x 0 0;
font-weight:bold;text-decoration:none; border:1px solid #000; -moz-border-radius:4px;-webkit-border-radius: 4px; border-radius:4px;}
#div_button DIV A.nolink{ background:#ddd; } #div_button DIV A:hover{ background:#ddd; }
#blog{ margin-top:-5px; }
#blog .blogs{ font-size: 12px; font-weight: bold; color: #555; padding: 10px 1px; margin:0px; border-bottom:1px dashed #aaa;}
#blog .blogs a { text-decoration: none; color: #222; }
#blog .blogs a:hover { color: #444; text-decoration:underline; }
#oper_box{ padding:5px 5px 10px 5px; margin:0px 7px 5px 7px; border-bottom:1px dashed #aaa; }
.photo_DIV{ border:0px solid red; width:112px; display:inline-block; vertical-align: top; margin:13px 10px 5px 8px; }
.photo_DIV IMG{ border:1px solid #999; -moz-border-radius:2px;-webkit-border-radius: 2px; border-radius:2px; padding:2px; width:113px; }
#player{ border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8x; border:2px solid #aaa; padding:7px; margin:20px; margin-bottom:15px; }
.blog_data{ padding:0px; margin:5px; float:left; }
.blog_data .blog_header{ border:1px dashed #666; border-left:none; border-right:none; padding:5px; margin-top:-5px; margin-bottom:5px; float:left; width:98%; }
.blog_data .blog_header SPAN{ background:url(images/reddot.png) no-repeat 0px ; padding-left:18px; padding-right:50px; font-size:13px; }
.blog_data .blog_data{ float:left; width:649px; margin-top:10px; margin-bottom:0px; }
.blog_data .blog_data IMG{ max-width:400px; margin:0px 15px 10px 5px; }
.blog_data .blog_data P{ text-align:justify; line-height:1.4; padding-right:5px; }
.blog_data .blog_bottom{ border-top:1px dashed #999; background:url(images/tag_red.png) no-repeat 0px 8px; color:#ddd;margin-top:5px; padding:5px 5px 11px 2px; float:left; width:98%; }
.blog_data .blog_bottom SPAN{ font-size:12px; color:#aaa; padding-right:10px; }
.blog_data .blog_bottom A{ font-size:14px; }
TABLE.catg_tbl{ width:100%; border:0px solid #ccc; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius: 5px; }
TABLE.catg_tbl TD{ border-bottom:1px dashed #aaa; font-size:12px; }
TABLE.catg_tbl TH{ background:#eee; font-size:12px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
TABLE.catg_tbl a { color:#333; }
.DIVinfo{ padding:5px 5px 5px 26px; font-weight:bold; color:#222; background:url(images/info.gif) no-repeat 5px; border:1px dashed #999;
-moz-border-radius:2px;-webkit-border-radius: 2px; border-radius:2px; font-size:12px; }
#name_links{ border:0px solid red; height:25px; }
#name_links A{ text-decoration:underline; color:#D36203; font-weight:bold; float:left; margin:0px 8px; }
.s5_wrap{
padding-bottom:0px;}
#s5_mainbodyfullw {
width:200%;}
#s5_mainbodywrapper {
float:left;
left:50%;
position:relative;
width:50%;}
#s5_mainbody {
left:-100%;
overflow:hidden;
position:relative;}
#s5_menubar{
height:70px; }
#s5_mainbodywrap {
width:100%;}
#s5_leftcolumn {
padding-right:13px;
float:left;
left:-50%;
overflow:hidden;
position:relative;}
#s5_leftcolumn h3 {
position:relative;
padding-bottom:12px;}
#s5_mainbodywrap {
padding-top:20px;
float:left;}
#s5_rightcolumn {
margin-left:13px;
float:left;}
#s5_rightcolumn h3 {
position:relative;
padding-bottom:12px;}
.s5_modulepadding {
height:5px;}
.s5_wrap, .s5_wrap2 {
margin:0 auto;}
/* Main article backgrounds */
.zhttp {
padding:15px 12px 10px 10px;
overflow:hidden;
background: url(images/Shape5_Clarity_mainarticleback.png) repeat-x 1px 1px;}
.zhttp2 {
margin-left:-14px;
margin-right:-12px;
padding-left:14px;
padding-right:10px;
margin-top:-15px;
padding-top:10px;
background: url(images/Shape5_Clarity_mainarticleback.png) repeat-x 1px 1px;}
.s5_readmorespace {
height:12px;
width:100%;
clear:both;}