#main {margin:0 auto; width:100%; }

.min_width {min-width:780px; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%");}

/*You can modify the width of the website by changing "width" parameter with #main. The minimum value is 780px.*/

.col_1, .col_2, .col_3, .col_4, .col_5, .col_box_1, .col_box_2, .col_box_3 { float:left;}

#header, #content, #footer {width:100%}

.row_2 {width:100%}
.width {width:100%}

body { background:#111f2c; font-size:12pt; line-height:1em; font-family:Arial; color:#ffffff; margin:0px;}

sup {font-size:9pt;}
/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:Arial; color:#5e6e7d; font-weight:normal; border:solid 1px #bfbfbf; font-size:12pt; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}

.reference	{font-size:8pt}
.whitepapertitle { font-weight:bold; font-style:italic;}
/*==================list====================*/
ul{}
ul li { line-height:1.2em}
ul li a{text-decoration:underline; color:#298edc; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:-13px; font-weight:bold}
ul li a:hover{ text-decoration:none}


ul.news {margin:0 0 10px 0; padding:0px; list-style:none}
ul.news li { line-height:1.27em; background:url(images/marker_list2.gif) no-repeat 0 2px; padding:0 0 16px 24px; color:#fff}
ul.news li a{text-decoration:underline; color:#93ca3e; font-weight:bold; padding-left:0; background:none}
ul.news li a:hover{ text-decoration:none}/**/
.img_bullet { vertical-align:text-top; margin-top:5px;}

/*==========================================*/

a {text-decoration:underline; color:#298edc; font-weight:bold}
a:hover {text-decoration:none}

a.link {text-decoration:underline; color:#2c62bf; background:url(images/marker_link.gif) no-repeat 0 5px; padding-left:19px; float:right; font-weight:bold; margin-left:29px}
a.link:hover {text-decoration:none}

a.link_2 {text-decoration:underline; color:#93ca3e; font-weight:bold}
a.link_2:hover {text-decoration:none}

.aright {text-align:right}
.column { float:left;}
.clear { clear:both;}

h3 {color:#5e6e7d; font-size:1em; margin:0 0 14px 0}

.font_1 {color:#93ca3e; text-decoration:underline}
.font_2 {color:#298edc; text-decoration:underline}

p {margin:0 0 14px 0}
.p1 {margin:0 0 28px 0}

.site_bg{ background:url(images/bot_bogy.jpg) repeat-x left bottom #c5dcf4; width:100%}
.site_bg1{ background:url(images/top_body.jpg) repeat-x top; width:100%}


/*header*/
#header { height:325px; background:url(images/header_bg.jpg) no-repeat 0 0}
#header .logo {position:absolute; margin:48px 0 0 303px}
#header .slogan {position:absolute; margin:229px 0 0 303px}
#header .column {width:20%; text-align:center}
#header .column_5 {float:left; width:19%; text-align:center}
#header .indent {padding:125px 30px 0 305px}
#header .menu {width:100%}

/*content*/
#content {font-size:12pt; line-height:1.2em;}
.bg_1 {background:url(images/row1_rep.jpg) repeat-y}
.title {margin-bottom:29px}
.title_1 {margin-bottom:16px}
.img_left {float:left; margin:0 22px 20px 0}
.img {margin-bottom:20px}
.box {width:100%}

.col_top {background:url(images/col_top_bg.gif) no-repeat right top}
.col_top2 {background:url(images/col_top_bg.gif) no-repeat left top}
.col_bg {background:url(images/line_col_bg.gif) repeat-y right top}
.col_bg2 {background:url(images/line2_col_bg.gif) repeat-y right top}
.col_bg3 {background:url(images/line_col_bg.gif) repeat-y left top}

#page1 #content .row_1 { background:url(images/row1_bg_p1.jpg) repeat-x left bottom}
#page1 #content .row_1 .indent {padding:0 26px 0 24px}
#page1 #content .row_1 .col_1 .ind {padding:0 26px 26px 27px}
#page1 #content .row_1 .col_2 .ind {padding:0 22px 26px 18px}
#page1 #content .row_1 .col_3 .ind {padding:0 20px 26px 18px}

#page1 #content .row_2{ background:url(images/row2_bg_p1.jpg) repeat-x left bottom #6895be; min-height:200px; height:auto !important; height:200px}
#page1 #content .row_2 .indent {padding:28px 0 45px 0}
#page1 #content .row_2 .col_1 .ind {padding:0 26px 6px 41px}
#page1 #content .row_2 .col_2 .ind {padding:0 22px 10px 27px}

.input {width:163px; height:21px; border:none; font-size:1em; color:#5e6e7d; padding-left:5px}
.button {vertical-align:middle; width:55px; height:29px}


/*footer*/
#footer { background:url(images/footer_bg.jpg) repeat-x top; height:94px; font-size:0.6875em; color:#ffffff; line-height:6.8em}
#footer .indent {padding:0 31px 0 27px}
#footer .bg { background:url(images/foot_line_bg.gif) repeat-x top; height:94px; text-indent:16px}
#footer a {color:#93ca3e; text-decoration:underline; font-weight:bold}
#footer a:hover {text-decoration:none}

/*==================block====================*/
.block { background:url(images/top.gif) repeat-x top #fff; width:100%; color:#5e6e7d}
.block .l_t { background:url(images/left_top.gif) left top no-repeat; width:100%}
.block .r_t { background:url(images/right_top.gif) right top no-repeat; width:100%}
.block .r_b { background:url(images/right_bot.gif) right bottom no-repeat; width:100%}
.block .l_b { background:url(images/left_bot.gif) left bottom no-repeat; width:100%}
.block .left {background:url(images/left.gif) repeat-y left; width:100%}
.block .right {background:url(images/right.gif) repeat-y right; width:100%}
.block .bot {background:url(images/bot.gif) repeat-x bottom; width:100%}
.block .block_indent {padding:42px 0 30px 0}
/*==========================================*/

.higsblue {color:#718EA5;}
.higs {color: #FF6600;}
div.articleHeader{background-color:#EEEEEE; width:100%; padding:3px; text-align:center; font-family:Arial; font-weight:bold;}