HTML{ background-color: #fff}
BODY{ background-color: #fff; font-family: Verdana; color: #231a1a; font-size: 14px}
A{ color: #336ea0; text-decoration: none}
A:hover{ background-color: #cfcdce; color: #fff}
STRONG, B{ font-weight: 700;}
EM, I{ font-style:italic;}
INPUT, SELECT, TEXTAREA{ border: 1px solid #85a8c6; font-size: 16px}
TD{ vertical-align:top;}
H1{color:#336ea0; font-size:18px; font-weight: 100}
H2{color:#336ea0; font-size:16px; font-weight: 700}


INPUT.button{ background-color: #336ea0; color: #fff; font-size: 14px; cursor: pointer; }
INPUT.button:hover { background-color: #447fb1; color: #fff; font-size: 14px }
INPUT.but_size1{ width: 155px}
INPUT.but_size2{ width:180px}
INPUT.but_size3{ width:210px}


.clear{ clear:both; overflow: hidden; font-size: 1px; height: 0px;}
.auto-width{ width: auto!important}
.warning{ color: red }
.rwarning{ color: red; float: right}
.rvalue{color: #336ea0;float: right}
.rwrapvalue{
color: #336ea0;
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}




#all{ width:1000px; margin:0px auto}

#header{ padding-top:32px; height:308px}
#header .logo{ background: url('../images/logo_bg.jpg') no-repeat -102px top; width: 186px; height:41px; float:left; padding:57px 0px 0px 61px}
#header .logo A{ color: #336ea0; font-size: 35px;}
#header .logo A:hover { background-color: transparent; }
#header .top-img{ background: url('../images/top-img-right-border.gif') no-repeat right top; height: 310px; width: 712px; padding-right: 8px; margin-left: 247px}
#header .top-img DIV{background: url('../images/top-img-top-border.gif') no-repeat left top; padding: 2px 0px 0px 0px;}
#header .top-img DIV DIV{background: url('../images/top-img-bottom-border.gif') no-repeat left bottom; padding: 0px 0px 5px 0px}

#left{ width: 245px}
#left .links{ text-align:center; background: url('../images/links_bg.jpg') no-repeat left top; padding:120px 20px 0px 0px;}
#left .links A{ color: #211818; padding: 3px}
#left .links A:hover{ color: #fff;}
#left .links LI{ padding-bottom:17px;}

#content{ padding-top:10px;}
#content .abc{ margin-bottom:10px}
#content .abc LI{ float: left; font-size:18px; margin-right: 8px; line-height:34px; padding: 6px 2px;}
#content .abc LI A:hover{ background-color:#336ea0;  }
#content .search { margin-bottom: 30px; padding-right:30px}
#content .search .search_line-1{ width: 544px;}
#content .search .search_line-2{ width: 489px;}
#content .search .button{ float: right}
#content .content{ margin-bottom: 35px;  padding-right:30px}
#content .content H1{ padding-bottom: 15px}
#content .recent H1{ padding-bottom: 15px}
#content .recent A{ text-decoration:none; border-bottom:1px dotted #41729f; line-height:20px; }
#content .recent{ margin-bottom: 35px;}
#content .tags-block{ text-align: center; margin-bottom: 45px;  padding-right:30px}
#content .tags-block .left{ width: 300px; float: left}
#content .tags-block .right{width: 300px; float: right}
#content .tags-block H2{ padding-bottom:25px;}
#content .tags-block A{color: #6e9215; padding:2px}
#content .tags-block A:hover{background-color: #6e9215; color:#fff}
#content .tags-block P{ padding-top:10px}
#content .tags-block .t1{font-size: 13px}
#content .tags-block .t2{ font-size: 17px}
#content .tags-block .t3{ font-size: 23px}
#content .tags-block .t4{ font-size: 30px}
#content .banner{ margin-bottom: 40px; position:relative; left: -30px}


#download-page #all{ width: 531px }
#download-page #header{ padding-top: 2px; height: 430px}
#download-page #header .logo{ float: none; background-position:left top; width:auto; padding-left: 163px; margin-bottom:5px }
#download-page #header .top-img{ margin-left: 0px; width: 520px}

#download-page #content{ text-align: center; padding-right: 0px}
#download-page #content H1{}
#download-page #content H1.title{ color: #6e9215; margin-bottom:15px}

#download-page #content .but_size2{ margin-bottom: 8px}
#download-page #content .full-download{color: #cfcdce; font-size: 18px; margin: 5px 0px 30px 0px}
#download-page #content .full-download A{ padding: 0px 2px;}
#download-page #content .search{ text-align: left; width: 512px; padding-right: 0px}
#download-page #content .search DIV{ height: 40px;}
#download-page #content .search .search_line-1{ width: 283px}
#download-page #content .search .search_line-2{ width: 337px}
#download-page #content .banner{ left:-15px}
#download-page #content{}

#footer{ text-align:center;}
#footer .banner{ margin-bottom: 40px; position:relative; left: -30px}