/* CSS Document */
html, body, p, form, ul, li, ol, h2{ padding:0; margin:0;}
body{ background:#5a647a; text-align:center; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#ffffff; line-height:16px;}
ul, li, ol{ list-style:none;}
a{ outline:none; text-decoration:none;}
img{ border:0;}
#wrapper{ width:920px; margin:20px auto 0; text-align:left;}
#header{ height:73px;}
.clearfix{ overflow:hidden; width:100%;}
#logo{ float:left;}
#navigation{ float:right; width:750px;}
#navigation ul{ float:left; width:100%;}
#navigation ul li{ float:left; padding-right:6px;}
#navigation ul li.end{ padding:0;}
#navigation ul li a{ display:block; float:left; }
#banner, #main{ clear:both; width:750px; padding:0 0 6px 170px;}
.bl01{ background:#818eab url(../images/bl01.gif) 0 100% no-repeat; width:750px;}
.br01{ background:url(../images/br01.gif) 100% 100% no-repeat;}
.tl01{ background:url(../images/tl01.gif) 0 0 no-repeat;}
.tr01{ background:url(../images/tr01.gif) 100% 0 no-repeat; /*padding:11px 0 26px; */ padding:11px 0px 26px 10px }
.bl02{ background:#6A768E url(../images/bl02.gif) 0 100% no-repeat; width:750px;}
.br02{ background:url(../images/br02.gif) 100% 100% no-repeat;}
.tl02{ background:url(../images/tl02.gif) 0 0 no-repeat;}
.tr02{ background:url(../images/tr02.gif) 100% 0 no-repeat; padding:12px; text-align:center;}
#main{ background:url(../images/bg.gif) 170px 0% repeat-y; }
#main p{ margin-bottom:10px;}
.view-title{ font-weight:normal; cursor:pointer; color:#d7dff0; padding:0 10px 10px 0;}
.view-conent .wrap{ background:#d9dce2 url(../images/curve05.gif) no-repeat 100% 0; line-height:15px; padding:10px 20px 10px 10px; width:300px; margin-left:10px; color:#535f77; margin-bottom: 10px; }
#main .leftcolumn{ width:352px; float:left; padding:8px 10px 10px;}
#main .rightcolumn{ width:352px; padding:8px 10px 10px; float:right; background:url(../images/curve03.gif) no-repeat 100% 0;}
#footer{ clear:both; border-top:7px solid #848b9c; margin:7px 0 0 170px; font-size:10px;}
#footer ul{ padding-top:2px;}
#footer ul li{ float:left; background:url(../images/line.gif) 0px 2px no-repeat;}
#footer ul li.first{ background:none;}
#footer ul li.first a{ padding-left:0;}
#footer ul li a{ color:#FFFFFF; padding:0 4px 0 5px;}
#footer ul li a:hover, #footer ul li.active a{ text-decoration:underline;}
.tr02 ul li { list-style-type:disc; }
.tr02 ul{ list-style-type:disc; margin-left:10px; }
#main a
{
/* color:#525d73; */
color:#D7DFF0;
}
#main a:hover
{
color:#FFFFFF;
}
#main a.world, #main a.readmore, #main p.backtoarticle a, #main .leftcolumn01 a
{ color:#535f77; text-decoration: underline; }
#main a:hover.world,#main a:hover.readmore, #main p.backtoarticle a:hover,#main .leftcolumn01 a:hover
{ color:#263057; text-decoration: underline; }
.wrap01{ width:100%; background:url(../images/bg01.gif) 0% 0% repeat-y;}
.wrap02{ width:100%; background:url(../images/curve03.gif) 100% 0% no-repeat; overflow:hidden; padding:8px 0;}
.leftcolumn01{ background:#C3C9D7 url(../images/bg02.gif) 100% 0% no-repeat; float:left; margin:0 8px; width:466px; padding:8px; display:inline; color:#5b6679; overflow:hidden;}
.rightcolumn01{text-align:left; background:#c3c9d7 url(../images/bg02.gif) no-repeat 100% 0; float:right; margin:0 8px; width:214px; padding:8px; display:inline;color:#5b6679; font-weight:normal}
.title{ background:#9BA3B6 url(../images/titlebg.gif) 100% 0% no-repeat; color:#475268;}
h2{ line-height:22px; padding-left:6px; font-size:18px; margin-bottom:8px;}
.accordian01{ color:#FFFFFF;}
.accordian01 h3, .accordian01 h4{ font-size:12px; padding:0; margin:0; cursor:pointer; color:#FFFFFF; /*color:#5B6679;*/}
.shorttitle{
margin-top: 8px;
color:#FFFFFF;
}
h1{ line-height:16px; font-size:12px; margin-bottom:8px;}
#main .accordian01 a{ color:#5B6679;}
.accordian01 ul ul{ margin-left:20px;}
#main .accordian01 ul ul ul li.active a{ color:#FFFFFF;}
.rightarea{
width:246px;
float:right
}
.leftcolumn01 p {
width:466px;
}
.date{
color:#8596d4;
font-size:12px;
}
.imageposition
{
padding-bottom:15px;
overflow:hidden;
}
#main ul li.active a {
color:#FFFFFF;
}
#main h1 a.shorttitle{
color:#FFFFFF;
text-align:left;
}
/*
#main a.readmore, #main p.backtoarticle a{
color:#FFFFFF;
font-size:12px;
padding-bottom:5px;
}
*/
#main a:hover.readmore , #main p.backtoarticle a:hover{
color:#5b6679;
}
.backtoarticle
{
text-align:right;
}
#main .recentarticle li a
{
font-size:12px;
color:#5b6679;
}
#main h1 a:hover.shorttitle, #main span a:hover,.recentarticle li a:hover,#main .rightarea span a:hover
{
color:#475268;
}
#main .rightarea span a{
color:#5b6679;
}
#slider1 {
width: 731px; /* important to be same as image width */
height: 261px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
/* padding:0 11px;*/
}
#slider1Content {
width: 731px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
}
.slider1Image {
float: left;
position: relative;
display: none;
}
.slider1Image span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 705px;
/* background-color: #000;*/
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.slider1Image span strong {
font-family:Helvetica,Arial,sans-serif;
font-size: 40px;
font-weight:bold;
line-height:44px;
color:#FFFFFF;
}
.left {
top: 0;
left: 0;
/* width: 110px !important;
height: 280px;
*/
}
.right {
right: 0;
bottom: 0;
/* width: 90px !important;
height: 290px;
*/
}
ul { list-style-type: none;}
.rightcolumn01 h1 {
text-align:left;
}