/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
body
{
    background-color: #fff;
    line-height: 18px; 
    font-family:Arial, Tahoma, Verdana;
    font-size:12px;
    color:#2e2c29;
}
h1 { margin: 0px 0px 10px 0px; font-weight: bold; font-size: 16px; }
h2 { margin: 0px 0px 10px 0px; font-weight: bold; font-size: 16px; }
h3 { margin: 0px 0px 10px 0px; font-weight: bold; font-size: 14px; }
a { outline: none; text-decoration: none; color: #4F81D8; }
a:hover { color: #F5C55E; }
div, ul, li
{
    margin:0;
    padding:0;
}
body, p, div, span
{   
    margin:0;
    padding:0;
}
.clr
{
    clear:both;
}
img
{
    border:none;
}

/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/
#wrapper2 { width: 1000px; margin: 0; padding: 0px 10px; background:url(../images/bg-foot.gif) bottom left no-repeat;}
#wrapper3 { width: 1000px; margin: 0 auto; padding: 0; background:#4d6ea1 url(../images/bg-top.gif) top left no-repeat; }
#header { background:url("../images/header.gif") top left repeat-x; width: 980px; height: 71px;margin:0;margin-bottom:44px; }
#container { width: 980px;}
#container2 { width: 742px; float: left; }
#left { float: left; width:55px; }
#main{float:left;margin-left:20px;width:666px;}
#sidebar-wrapper { width: 217px; float: right; }
.header-left { float: left; padding-top: 12px; padding-left: 18px; height:59px; width: 650px; background:url(../images/header_l.gif) top left no-repeat; }
.header-right { float: right; padding-top: 27px; padding-right: 18px; background: url(../images/header_r.gif) top right no-repeat; width: 280px; height: 59px; overflow: hidden;}
#main .l{float:left;width:6px;height:442px;background:url(../images/main_l.gif) top left no-repeat;}
#main .r{float:left;width:6px;height:442px;background:url(../images/main_r.gif) top left no-repeat;}
#main .m{float:left;width:638px;height:402px;background:url(../images/main_bg.gif) top left repeat-x; padding:20px 8px;position:relative;}
/* -------- SCROLL MAIN ----------*/
.thumb {
	position:absolute;
	width:  7px;
    height: 108px;
	left: 	1px;
	background:url(../images/thumb.gif) top left no-repeat;
}
.up, .dn 	{
    position:	absolute;
    left: 		1px;
}
.up a, .dn a
{
    display:block;
    width:7px;
    height:10px;
}
.up a{
    background:url(../images/up.gif) top left no-repeat;
}
.dn a{
    background:url(../images/dn.gif) top left no-repeat;
}
.scrollContainer { 
    position:	absolute; 
    overflow:	auto; 
    border:none;
    height:402px;
    width:605px;
    overflow:hidden; 
    clip:rect(0 605 402 0);
}
.scrollContent { 
    position:		absolute; 
    left:			0px; 
    top:			0px; 
    width:605px;
}
.scrollbar
{
    width:9px;
    height:400px;
    border:solid 1px #abcfff;
    text-align:center;
    position:absolute;
    left:640px;
}

/*------------------------------------------------*/
/*---------------------[TITLES]-------------------*/
/*------------------------------------------------*/
.box_main_large .box_title,
.box_main_large .content_detail .content_title 
{
    margin: 0; line-height: 18px; 
    font-size: 16px; 
    font-weight:bold;
    color: #4F81D8;
    padding-bottom:10px;
}
.box_main_large .content_list .content_title  
{
    margin-bottom: 0px; 
    line-height: 16px; 
    font-size: 14px; 
    color: #4F81D8;
    font-weight:bold;
}
/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#sidebar .box_default .box_content
{
    padding:0 22px;
}
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active  
{
    border-bottom: 1px dashed #E6E6E6; display: block; 
    padding-bottom: 3px; padding-top: 2px; 
    color: #f7fbfe; width: 100%; 
}
#sidebar ul li a:hover  
{
    width: 100%; display: block; 
    padding-bottom: 3px; padding-top: 2px; 
    color: #8C8C8C; background-color: #F7FAFF; 
}
#sidebar .content_list .content_image
{
    width: 60px; float: left;
}
#sidebar .content_list .content_image img
{
    border: 1px solid #EFEFEF; 
    width: 57px; height: 46px; 
    padding: 0px; margin-top: 2px;
}
#sidebar .content_list .content_title
{
    float: right; 
    width:100px;
    font-family: Verdana; font-size: 12px;
    line-height:18px;
}
#sidebar .content_list .content_title a
{
    color: #f7fbfe;
}
#sidebar .content_list .content_title a:hover
{
    color: #f7fbfe;
    text-decoration:underline;
}
#sidebar .content_list .content_item
{
    padding-bottom: 3px; padding-top: 4px;
}
/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/
#footer { clear: both; width: 960px; height: 30px; text-align: left; padding-left: 20px; color: #cad7f7; padding-bottom: 10px; padding-top: 88px;}
#footer a { color: #cad7f7; font-size: 11px; }
#footer a:visited { color: #cad7f7; }
#footer a:hover { color: #cad7f7; text-decoration: underline; }

/*------------------------------------------------*/
/*---------------------[MAIN CONTENTS]-------------------*/
/*------------------------------------------------*/
.box_main_large .content_list .content_item
{
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.box_main_large .content_list .content_image
{
    width: 68px; float: right;
}
.box_main_large .content_list .content_image img
{
    border: 1px solid #bababc; 
    background-image: url(../images/noimage.gif); 
    width: 65px; height: 65px; 
    padding: 0px; margin-top: 10px;
}
.box_main_large .content_list .content_intro
{
    float: left; width: 520px; 
    padding-top: 8px;
}
.box_main_large .content_link_list_title
{
    padding-top:20px;
    text-decoration:underline;
}
.box_main_large ul.content_link_list
{
    margin:0 24px;
}
.box_main_large ul.content_link_list li a
{
    display: block; 
    padding-bottom: 3px; padding-top: 2px; 
    color: #8C8C8C; width: 100%;
}
.box_main_large ul.content_link_list li a:hover
{
    color: #4F81D8;
    text-decoration:underline;
}
.box_main_large .content_rss
{
    text-align:right;
}
.box_main_large .content_item_detail .content_image
{
    text-align:center;
}
.box_main_large .content_item_detail .content_image img
{
    max-width:580px;
}
.content_list .content_readmore
{
    float:right;
}
.box_main_large .content_item_detail
{
    padding-bottom:20px;
}
.content_item_detail .social_tools li
{
    display:inline;
    padding-right:8px;
}
/*------------------------------------------------*/
/*---------------------[FORMS]-------------------*/
/*------------------------------------------------*/
.form
{
    width:80%;
    margin:8px auto;
}
.form div{
	margin-bottom:10px;
	text-align:left;
}
.form label{
	position: relative;
	width:150px;
	display:block;
	float:left;
	text-align:right;
	font-weight:bold;
	margin-right:14px;
}
.form input,.form textarea,.form select{
	margin-left: 0;
	border:solid 1px #a5ba7b;
}
.form input, .form select
{
    width:200px;
}
.form input.large,.form textarea.large,.form select.large{
	width:80%;
}
.form input.small, .form select.small
{
    width:60px;
}
.form label.single_check{
	position: relative;
	width:80%;
}
.form input[type="hidden"],
.form input[type="hidden"] 
{ 
    border: 0; padding: 0; margin: 0; background: white; 
}

.form input[type="radio"],
.form input[type="checkbox"] 
{ 
    border: 0; padding: 0; margin: 0; background: white; 
    width:15px;
}
.form input[type="file"] 
{ 
    padding: 0; margin: 0; background: white; 
    width:280px;
}
.form input[type="button"],
.form input[type="submit"]
{ 
    width:auto;
    background:url("../images/btn_bg.gif") top left repeat-x;
    border:solid 1px #d4d1d1;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
    height:22px;
}
.form input[type="button"]:hover,
.form input[type="submit"]:hover
{ 
    color:#fd7918;
}

/*------------------------------------------------*/
/*------------------[SLIDE PAGE]------------------*/
/*------------------------------------------------*/
.navi {
    height:20px;
    float:left;
    width:140px;
    text-align:center;
}
a.left {
    cursor:pointer;
    display:block;
    float:left;
    font-size:1px;
    height:12px;
    margin:0;
    margin-top:4px;
    width:12px;
    background:url("../images/arrow_prev.png") no-repeat scroll 0 0 transparent;
}
a.right {
    cursor:pointer;
    display:block;
    float:right;
    font-size:1px;
    height:12px;
    margin:0;
    margin-top:4px;
    width:12px;
    background:url("../images/arrow_next.png") no-repeat scroll top right transparent;
}
.navi a {
    font-size:12px;
    color:#fff;
    margin:3px;
    cursor:pointer;
}
.navi a.active {
    font-weight:bold;
    text-decoration:underline;
}