/*
Design by http://www.templateaccess.com
Released for free under a Creative Commons Attribution 3.0 License
*/
body
{
    margin: 0;
    padding: 0;
    width: 100%;
    color: #959595;
    font: normal 12px/1.8em Arial, Helvetica, sans-serif;
    background: #ffffff;
}
html, .main
{
    padding: 0;
    margin: 0 auto;
    width: 1100px;
    z-index: 1;
}
.logo
{
    width: 320px;
    height: 96px;
    padding: 0;
    margin: 0 auto;
    float: left;
}
.h1class
{
    margin: 0;
    padding: 30px 0 0;
    color: #636363;
    font: bold 38px/1.2em Arial, Helvetica, sans-serif;
    letter-spacing: -2px;
    text-align: center;
}
.h1class a, .h1class a:hover
{
    color: #636363;
    text-decoration: none;
}
.h1class span
{
    color: #78bbe6;
}
.h1class small
{
    padding: 0 10px;
    font: normal 12px/1.2em Arial, Helvetica, sans-serif;
    letter-spacing: normal;
}
h2
{
    font: normal 24px Arial, Helvetica, sans-serif;
    padding: 8px 0;
    margin: 0;
    color: black;
}
h3
{
    font: normal 40px Arial, Helvetica, sans-serif;
    padding: 18px 0 8px;
    margin: 0;
    color: #fdfdfd;
    text-transform: uppercase;
}
h4
{
    font: normal 26px Arial, Helvetica, sans-serif;
    padding: 18px 0 8px;
    margin: 0;
    color: #fdfdfd;
}
p
{
    margin: 8px 0;
    font: normal 12px/1.8em Arial, Helvetica, sans-serif;
}
p.spec
{
}
a
{
    color: #78bbe6;
    text-decoration: underline;
}
a.rm, a.com
{
    padding: 0;
    text-decoration: none;
}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .sidebar
{
    margin: 0;
    padding: 0;
}

/* header */
.header
{
    padding: 0;
}
.header_resize
{
    margin: 0 auto;
    width: 970px;
}

/* hbg */
.hbg
{
    padding: 0;
    border: 1px solid #FFF;
    background: #78bbe6;
}
.hbg img
{
    margin: 0;
}
.hbg div.info
{
    text-align: center;
    width: 298px;
    padding: 80px 0 0;
}

/* menu */
.menu_nav
{
    margin: 0;
    padding: 0;
    width: 570px;
    float: right;
}
.menu_nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}
.menu_nav ul li
{
    margin: 0;
    padding: 0;
    float: left;
}
.menu_nav ul li a
{
    display: block;
    margin: 0 1px 0 0;
    padding: 40px 20px;
    color: #878989;
    text-decoration: none;
    font-size: 13px;
    line-height: 16px;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover
{
    color: #fff;
    text-decoration: none;
    background: #78bbe6;
}

/* content */
.content
{
    padding: 30px 0;
    margin: 0 auto;
    width: 970px;
    min-height: 600px;
}
.mainbar
{
   padding-left: 200px;
margin: 0;

width: 653px;
}
.mainbar img
{
    padding: 4px;
    border: 1px solid #f2f2f1;
    background: #FFF;
}
.mainbar img.fl
{
    margin: 4px 16px 4px 0;
    float: left;
}
.mainbar .article
{
    margin: 0;
   
    
}
.mainbar .article .spanSpan
{
    color: #78bbe6;
    font-weight: 800;
}
.mainbar .article .spanSpan1
{
    color: #78bbe6;
    font: 20px;
    font-weight: 800;
}
.mainbar .article .spanSpan2
{
    color: #78bbe6;
    font: 16px;
    font-weight: 800;
}
.mainbar .post-data a
{
    color: #595959;
}
.mainbar .spec a
{
    padding: 7px 0;
}
.mainbar a.com
{
    background: url(images/comment_bg.gif) no-repeat left center;
    padding-left: 25px;
}
.sidebar
{
    padding: 0;
    float: left;
    width: 300px;
}
.sidebar .gadget
{
    margin: 0;
    padding: 10px 15px;
}
ul.sb_menu, ul.ex_menu
{
    margin: 0;
    padding: 0;
    color: #939393;
    list-style: none;
}
ul.sb_menu li, ul.ex_menu li
{
    margin: 0;
    background: url(images/menu_line.gif) repeat-x bottom;
}
ul.sb_menu li
{
    padding: 4px 0 4px 15px;
}
ul.ex_menu li
{
    padding: 4px 0 8px 15px;
}
ul.sb_menu li a, ul.ex_menu li span
{
    color: #939393;
}
ul.sb_menu li a, ul.ex_menu li a
{
    color: #939393;
    text-decoration: none;
    margin-left: -15px;
    padding-left: 15px;
    background: url(images/menu_link.gif) no-repeat left center;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a
{
    color: #78bbe6;
}
ul.sb_menu li a:hover
{
    text-decoration: underline;
}
ul.ex_menu li a:hover
{
    text-decoration: underline;
}

/* subpages */
.content .mainbar .comment
{
    margin: 0;
    padding: 16px 0 0 0;
}
.content .mainbar .comment img.userpic
{
    border: 1px solid #dedede;
    margin: 10px 16px 0 0;
    padding: 0;
    float: left;
}

/* fbg */
.fbg
{
    background: url(images/menu_line.gif) repeat-x top;
    padding: 20px 0;
}
.fbg_resize
{
    margin: 0 auto;
    padding: 0 20px;
    width: 930px;
}
.fbg img
{
    padding: 4px;
    border: 1px solid #cfd2d4;
    background-color: #fff;
}
.fbg .col
{
    margin: 0;
    float: left;
    background: url(images/fbg_line.gif) repeat-y right;
}
.fbg .c1
{
    padding: 0 16px 0 0;
    width: 266px;
}
.fbg .c2
{
    padding: 0 16px;
    width: 320px;
}
.fbg .c3
{
    padding: 0 0 0 16px;
    width: 280px;
    background: none;
}
.fbg .c1 img
{
    margin: 8px 16px 8px 0;
}
.fbg .c3 img
{
    margin: 8px 16px 4px 0;
    float: left;
}

/* footer */
.footer
{
    background: url(images/menu_line.gif) repeat-x top;
}
.footer_resize
{
    margin: 0 auto;
    padding: 20px 0;
    width: 930px;
}
.footer .lf
{
    float: left;
}
.footer .rf
{
    float: right;
}
.footer p
{
    margin: 0;
    padding: 4px 0;
    width: auto;
    line-height: 1.5em;
}
.footer p a
{
    text-decoration: none;
}

/* form */
ol
{
    list-style: none;
}
ol li
{
    display: block;
    clear: both;
}
ol li label
{
    float:left;
    width:20%;
    display: block;
    margin: 0;
    padding: 12px 0 4px 0;
    font-weight: 800;
    color: #41536c;
}
ol li input.text, textarea , #txt_Code
{
    width: 200px;
    display: inline-block;
    padding: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #808080;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    height: 20px;
    text-indent: 4px;
}
ol li input:focus , #txt_Code:focus { 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}
ol li select:focus
{
     outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}
ol li select
{
    padding: 6px 4px;
    width: 99%;
    overflow: hidden;
    font-size: 100%;
    height: 30px;
    line-height: 25px;
    color: #777777;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


ol li .spantext
{
    color: Red;
}
ol li textarea
{
}
ol li .send
{
    margin: 16px 0 0 0;
}
ol li input.button
{
    background: url("images/submit.gif") repeat scroll 0 0;
}
/* Search form */
.search span
{
    width: 250px;
    display: block;
    background: #FFF;
    height: 29px;
    margin: 0;
    padding: 0;
    border: 1px solid #e7e7e7;
}
.search input#s
{
    float: left;
    width: 200px;
    padding: 7px 0 7px 10px;
    margin: 0;
    border: 0;
    background: none;
    color: #afaeae;
    font: normal 12px/15px Arial, Helvetica, sans-serif;
}
.search .btn
{
    float: left;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
}

/*=== PageNavi. ===*/
.pagenavi
{
    clear: both;
    font: normal 13px Arial, Helvetica, sans-serif;
    margin: 0 auto;
    text-align: right;
    padding: 10px;
}
.pagenavi a, .pagenavi .current
{
    margin-left: 3px;
    padding: 3px 8px;
    text-decoration: none;
    color: #939393;
    background: #FFF;
}
.pagenavi a:hover, .pagenavi .current
{
    background: #78bbe6;
    color: #fff;
}
.pagenavi .pages
{
    float: left;
}

.fl
{
    float: left;
}
.fr
{
    float: right;
}
.clr
{
    clear: both;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 0px;
    line-height: 0px;
}


div .topdiv a
{
    float: right;
}