/* global reset */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0; padding: 0; border: 0; outline: none;list-style-type: none;}

input, select, textarea { font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;}

a {color: #0050a8; text-decoration: underline;}

a:hover {color: #000; text-decoration: none}

a img {border: none; outline: none;}



html {background: #fff}

body {background: url(../img/body-bg.png) repeat-x top left #003366; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}



#container {}



#header {background: #003366; height: 90px;}

.header-content {width: 743px; margin: 0 auto; display: block; position: relative; padding-left: 127px; padding-right: 90px;}

.header-content a.logo-icon {display: block; float: left; width: 127px;background: url(../img/logo-icon.png) no-repeat top left; height: 125px; position: absolute; top: 0; left: 0;}

.header-content div {width: 710px;}

.header-content div.headertop {height: 60px; overflow: hidden;}

.header-content a.logo-text {display: block; float: left; width: 254px; height: 23px; background: url(../img/logo-text.png) no-repeat top left; text-indent: -9000px; margin-top: 25px; margin-right: 10px; margin-bottom: 15px }

.header-content p.slogan {float: left; margin-top: 32px; font-style: italic; color: #fafcfd;}

div.menu {display: block; margin-left:20px;float: left;/*  margin-bottom: 10px; */ height: 30px; overflow: hidden;}

div.menu ul li {float: left; margin-right: 10px; color: #ddeef4;}

div.menu ul li a {color: #00FF33; font-size: 14px;}

div.menu ul li a:hover {color: #fff;}

div.menu ul li a.selected {font-weight: bold; color:#fff; text-decoration: none;}



.input-search {border: none; background: url(../img/search.gif) no-repeat 6px center #fff; float: right; padding: 8px 8px 8px 31px; width: 210px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; color: #444;}





#content {background: url(../img/content-bg.png) repeat-x top left #fff; margin: 0 auto; width: 780px; padding: 60px 90px 20px 90px;}



#content p.intro {font-family: "Times New Roman", Georgia, serif; font-style: italic; font-size: 18px; line-height: 22px; color: #555; padding-bottom: 20px; margin-bottom: 10px;  repeat-x bottom left;}

#content p.intro-category {font-family: "Times New Roman", Georgia, serif; font-style: italic; font-size: 15px; line-height: 19px; color: #555; padding-bottom: 20px; margin-bottom: 10px;  repeat-x bottom left;}

#content p.intro-article {font-style: italic; font-size: 13px; line-height: 19px; color: #555; padding-bottom: 20px; margin-bottom: 10px;  repeat-x bottom left;}



#content div.homepage-columns {display: block; overflow: hidden; padding-top: 30px;}

#content div.homepage-columns .column {width: 360px; float: left; }

#content div.homepage-columns .column.left {margin-right: 60px;}

#content div.homepage-columns h2 {font-weight: normal; margin-bottom: 20px;}

#content div.homepage-columns .column ul li {margin-bottom: 30px;}

#content div.homepage-columns .column a {font-size: 14px; margin-bottom: 10px; display: block;}

#content div.homepage-columns .column p {font-size: 13px; color: #333; line-height: 18px;}



#footer {width: 780px; padding: 0 90px 0 90px;margin: 0 auto; display: block; }

#footer .footer-content { repeat-x top left; padding: 20px 0; color: #00FF33; font-size: 11px;}



p.breadcrumbs {font-size: 11px; margin-bottom: 5px;}



h1 {font-size: 24px; margin-bottom: 10px;}



#content div.category-columns {display: block; overflow: hidden; padding-top: 30px;}

#content div.category-columns ul li {float: left; width: 220px; height:100px;margin-right: 40px; margin-bottom: 20px;  repeat-x bottom left; padding-bottom: 20px; display: block; overflow: hidden;}

#content div.category-columns ul li a {font-size: 14px; margin-bottom: 10px; display: block; font-weight: bold;}

#content div.category-columns ul li p {font-size: 12px; color: #333; line-height: 17px;}

#content div.category-columns ul li a.icon {float: left; margin-right: 5px;}



div.ad-728 {width: 728px; height: 90px;}

div.ad-300 {width: 300px; height: 250px; display:inline; float:left; margin-right:10px;}


h1.search {font-weight: normal; font-size: 18px;}



div.article-content {font-size: 14px; color: #222; line-height: 19px; }

div.article-content p {margin-bottom: 15px;}



div.form input {margin-bottom: 20px; border: 2px solid #ddd; padding: 5px;}

div.form .input-text {font-size: 14px; width: 200px;}

div.form .input-textarea {width: 350px; height: 120px; margin-bottom: 20px; border: 2px solid #ddd; padding: 10px; font-size: 14px;}

div.form label {display: block; font-size: 13px; margin-bottom: 5px; color: #777;}

div.form .input-submit {background: #0050a8; border: 2px solid #0050a8; color: #fff; cursor: pointer;}





