* { margin: 0px; padding: 0px }
a { text-decoration: none }
ul { list-style-type: none }
.clear { clear: both; height: 0px }

body {
    font: 12px Arial, Helvetica, sans-serif;
    width: 960px;
    margin: auto;
    background: #454f58 url(../images/body-bg.png) repeat-x bottom left;	
}
#top {
    background: #FFF url(../images/top-bg.png) repeat-x top left;	
    margin-bottom: 10px;
}
#top-1 {
    height: 30px;
    line-height: 30px;	
    border-bottom: 1px solid #454f58;
}
#top-1 #frmSearch { float: right; margin-right: 3px }
#top-1 .txtSearch {
    width: 174px;
    height: 24px;
    line-height: 24px;
    border: none;
    background: url(../images/txtSearch.png) no-repeat;
    padding: 0px 5px;
    color: #717070;
    font-style: italic;
    float: left;
    margin-top: 3px;
}
#top-1 .btnSearch {
    width: 24px;
    height: 24px;
    background: url(../images/btnSearch.png) no-repeat;
    border: none;
    cursor: pointer;
    margin-top: 3px;
}
#top-2 { 
    padding: 5px;
    height: 150px;
}
#top-2 #logo {
    float: left;
    width: 230px;	
    height: 150px;
}
#top-2 #banner {
    float: left;
    width: 715px;
    height: 150px;
    margin-left: 5px;
}
#top-3 {
    clear: left;
    height: 52px;
    background: url(../images/menu-top-bg.png) no-repeat;
    padding-left: 10px;
}
/*#top-3 li {
        display: inline;
        padding: 0px 10px;	
        float: left;
        font-weight: bold;
}
#top-3 li img { float: left }
#top-3 li a { color: #FFF }
#top-3 li a:hover { color: #ff4b33 }*/
#wrapper { width: 960px; float: left }
#bottom { clear: left; height: 54px; line-height: 54px; font-weight: bold }
#bottom #counter { float: left; color: #FFF }
#bottom #counter span { color: #ec6e06; font-family: Georgia, "Times New Roman", Times, serif }
#bottom #copyright { float: right; color: #FFF; font-size: 11px }
#bottom #copyright a { color: #066f96 } 
#slider {
    height: 217px;
    margin-bottom: 10px;
    clear: left;
}
#slider-left {
    width: 330px;
    height: 217px;
    float: left;	
}
#slider-left img {
	max-width: 330px;
	max-height: 217px;
}
#slider-right {
    margin-left: 15px;
    width: 611px;
    height: 210px;
    padding: 2px;
    padding-bottom: 5px;
    float: left;
    background: url(../images/slider-right-bg.png) no-repeat;
}
#content-left {
    width: 630px;
    float: left;	
}
#content-left iframe,#content-left img,#content-left table { max-width: 580px }
#content .content { margin-bottom: 10px; background: #FFF }
#content .content .content-top {
    width: 610px;
    padding-left: 20px;
    height: 50px;
    line-height: 55px;
    background:url(../images/content-left-top.png) no-repeat;
    color: #FFF;
    font-size: 16px;	
    font-weight: bold;    
    font-family: Georgia,'Times New Roman',times,serif;
}
#content .content .content-top i { font-size: 12px; font-weight: normal; margin-left: 10px }
#content .content .content-bottom {
    width: 630px;
    height: 9px;
    background:url(../images/content-left-bottom.png) no-repeat;
}
#content .content .content-middle {
    width: 	600px;
    margin: 0px 3px;
    padding: 10px 12px;
    padding-bottom: 0px;
    background: url(../images/content-left-middle.png) repeat-x top left;
}
#content .content-middle .news {
    width: 130px;
    height: 171px;
    margin: 10px;
    float: left;	
    text-align: center;	
    font-weight: bold;
    font-size: 11px;
}
#content .content-middle .news1 { padding: 10px; border-bottom: 1px dotted #cdcdcd }
#content .content-middle .news1 a h3 { color: #000; margin-bottom: 5px }
#content .content-middle .news1 i { color: #999; font-size: 11px }
#content .content-middle .news1 p { margin-top: 10px }
#content .content-middle .news1 a h3:hover { color: #ff4b33 }
#content .content-middle .news1 img {
    float: left;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
}
#content .content-middle .news1 p { text-align: justify }
#content .content-middle .content-detail { line-height: 20px; padding: 10px }
#content .content-middle .content-detail .image-detail { width: 200px; float: left; margin: 0px 10px 10px 0px }
#content .content-middle .content-detail .date { margin-bottom: 10px; font-style: italic }
#content .news img {
    border: 2px solid #aaaeb1;	
    margin-bottom: 8px;	
    width: 126px;
    height: 126px;
}
#content .news img:hover { border: 2px solid #ff4b33 }
#content .news a { color: #333333 }
#content .news a:hover { color: #ff4b33 }
#content .content-other { padding: 10px 20px; padding-top: 20px; border-top: 1px dotted #cdcdcd; margin-top: 10px }
#content .content-other h3 { color: #9c4804; margin-bottom: 10px }
#content .content-other li { display: block; padding: 5px 0px; margin-left: 20px; background: url(../images/ico3.png) no-repeat 0% 50%; padding-left: 15px } 
#content .content-other li a { color: #333; font-weight: bold }
#content .content-other li a:hover { color: #9c4804 }
#content .content-other li i { margin-left: 10px; color: #9c4804 }
#content-right {
    width: 320px;
    margin-left: 10px;
    float: left;
}
#content-right .content { background: #FFF }
#content-right .right-top {
    padding-left: 20px;
    width: 300px;
    height: 50px;
    background: url(../images/content-right-top.png) no-repeat;
    line-height: 50px;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;	
    text-transform: uppercase;	    
    font-family: Georgia,'Times New Roman',times,serif;
}
#content-right .right-bottom {
    width: 320px;
    height: 10px;
    background: url(../images/content-right-bottom.png) no-repeat;
}
#content-right .right-middle {
    margin: 0px 3px;
    padding: 10px;
    background: url(../images/content-right-middle.png) repeat-x top left;	
}
#content-right .right-middle .readmore { 
    float: right; 
    margin: 10px 10px 5px 10px; 
    font-weight: bold; 
    color: #01458e; 
    background: url(../images/arrow.png) no-repeat 0% 50%; 
    padding-left: 15px
}
#content-right .right-middle .readmore:hover { text-decoration: underline }
#content-right .right-middle li {
    display: block;
    padding: 5px 0px;
    padding-left: 20px;	
    background: url(../images/ico3.png) no-repeat 0% 50%;
    font-weight: bold;
}
#content-right .right-middle li a { color: #9c4804 }
#content-right .right-middle li a:hover { text-decoration: underline }
#content-right .about-us {
    padding: 10px;
    line-height: 18px;
    color: #FFF;
    text-align: justify;	
}
#frmContact { margin: 20px 0px }
#frmContact label { width: 120px; float: left; font-weight: bold; margin-bottom: 5px }
#frmContact .inpt_txt { width: 300px; height: 20px; border: 1px solid #cdcdcd; border-radius: 5px; margin-bottom: 5px }
#frmContact .inpt_text { width: 300px; height: 100px; border: 1px solid #cdcdcd; margin-bottom: 5px }
#frmContact .inpt_btn { width:60px; height: 25px; background: #9c4804; color: #FFF; font-weight: bold; cursor: pointer; border: 1px solid #cdcdcd; font-size: 11px }
#frmContact .inpt_btn:hover { background: #f87d18 }
.error { font-size: 11px; color: #F00 }
.session-contact { color: #9c4804 } 

/* ----------------------- pagination ------------------------*/
#paging {
    text-align: center;
    margin-top: 20px;	
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: bold;
}
#paging img { border: none }
.middle_link a {
    color: #01458e;
    margin: 0px 5px;
}
.middle_link a:hover { color: #e97d13; text-decoration: underline }
a.active,a.active:hover {
    color: #e97d13;
    text-decoration: none;
}
.first a,.last a,.prev_link_inactiv a,.next_link_activ a {
    margin: 0px 5px;
}
.page_view { 
    color: #01458e;
    float: right;
    margin-right: 10px;
    font-size: 11px;
}