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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, button, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; /*outline: 0; */font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font-size: 62.5%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*:focus { outline: thin dotted; }*/
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*--*/

html { font-family: Georgia, Arial, sans-serif; background: #001e3b url(cssimg/main_new.jpg) 50% 0 no-repeat; color: #fff; }
legend, .structure { position: absolute; left: -9999px; top: -9999px; text-indent: -9999px; }


/*** default spacing ***/
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote { padding: 15px 0; }
h1, h2, h3, h4, h5, h6 { padding-bottom: 0; }
li h1, li h2, li h3, li h4, li h5, li h6,
li p, li ul, li ol, li dl, li blockquote { padding: 0 0 15px 0; }
p + p { padding-top: 0; }


/*** headings ***/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; color: #fff; }

/*** font sizes ***/
p, .p, ul, ol, dl, th, td, input, textarea, select { font-size: 14px; line-height: 22px; color: #fff; }

.hx { font-size: 48px; text-shadow: #124868 1px 1px 0; line-height: 48px; }

h1, .h1 { font-size: 30px; line-height: 30px; }
h2, .h2 { font-size: 24px; line-height: 24px; }
h3, .h3 { font-size: 22px; line-height: 22px; }
h4, .h4 { font-size: 18px; line-height: 18px; }
h5, .h5 { font-size: 12px; line-height: 15px; }
h6, .h6 { font-size: 11px; line-height: 15px; }


.fs_xs    { font-size: 10px; line-height: 18px; }
.fs_s     { font-size: 11px; line-height: 18px; }
.fs_m     { font-size: 12px; line-height: 18px; }
.fs_l     { font-size: 13px; line-height: 18px; }
.fs_xl    { font-size: 14px; line-height: 18px; }



.grid_h_8 { float: left; display: block; position: relative; width: 980px; }

.grid_3, .grid_5 { float: left; display: inline; position: relative;  }
.grid_3 { width: 360px; }
.grid_5 { width: 540px; padding-left: 40px; }


/*** padding ***/
.p_0    { padding: 0; }
.p_xs   { padding: 3px;; }
.p_s    { padding: 5px; }
.p_m    { padding: 10px; }
.p_l    { padding: 15px; }
.p_xl   { padding: 20px; }

/* vertical padding */
.pv_0  { padding-top: 0; padding-bottom: 0; }
.pv_xs { padding-top: 3px; padding-bottom: 3px; }
.pv_s { padding-top: 5px; padding-bottom: 5px; }
.pv_m { padding-top: 10px; padding-bottom: 10px; }
.pv_l { padding-top: 15px; padding-bottom: 15px; }
.pv_xl { padding-top: 20px; padding-bottom: 20px; }
.pv_xxl { padding-top: 30px; padding-bottom: 30px; }

/* horizontal padding */
.ph_0  { padding-left: 0; padding-right: 0; }
.ph_xs { padding-left: 3px; padding-right: 3px; }
.ph_s { padding-left: 5px; padding-right: 5px; }
.ph_m { padding-left: 10px; padding-right: 10px; }
.ph_l { padding-left: 15px; padding-right: 15px; }
.ph_xl { padding-left: 20px; padding-right: 20px; }


/* top padding */
.pt_0  { padding-top: 0 !important; }
.pt_xs { padding-top: 3px !important; }
.pt_s { padding-top: 5px !important; }
.pt_m { padding-top: 10px !important; }
.pt_l { padding-top: 15px !important; }
.pt_xl { padding-top: 20px !important; }

/* right padding */
.pr_0  { padding-right: 0 !important; }
.pr_xs { padding-right: 3px !important; }
.pr_s { padding-right: 5px !important; }
.pr_m { padding-right: 10px !important; }
.pr_l { padding-right: 15px !important; }
.pr_xl { padding-right: 20px !important; }
.pr_xxl { padding-right: 30px !important; }

/* bottom padding */
.pb_0  { padding-bottom: 0 !important; }
.pb_xs { padding-bottom: 3px !important; }
.pb_s { padding-bottom: 5px !important; }
.pb_m { padding-bottom: 10px !important; }
.pb_l { padding-bottom: 15px !important; }
.pb_xl { padding-bottom: 20px !important; }

/* left padding */
.pl_0  { padding-left: 0 !important; }
.pl_xs { padding-left: 3px !important; }
.pl_s { padding-left: 5px !important; }
.pl_m { padding-left: 10px !important; }
.pl_l { padding-left: 15px !important; }
.pl_xl { padding-left: 20px !important; }
.pl_xxl { padding-left: 30px !important; }

/* vertical alignment */
.va_top { vertical-align: top; }
.va_mid { vertical-align: middle; }
.va_btm { vertical-align: bottom; }

/*** margin ***/
.m_0  { margin: 0; }
.m_xs { margin: 3px; }
.m_s { margin: 5px; }
.m_m { margin: 10px; }
.m_l { margin: 15px; }
.m_xl { margin: 20px; }

/* vertical margin */
.mv_0  { margin-top: 0; margin-bottom: 0; }
.mv_xs { margin-top: 3px; margin-bottom: 3px; }
.mv_s { margin-top: 5px; margin-bottom: 5px; }
.mv_m { margin-top: 10px; margin-bottom: 10px; }
.mv_l { margin-top: 15px; margin-bottom: 15px; }
.mv_xl { margin-top: 20px; margin-bottom: 20px; }

/* horizontal margin */
.mh_0  { margin-left: 0; margin-right: 0; }
.mh_xs { margin-left: 3px; margin-right: 3px; }
.mh_s { margin-left: 5px; margin-right: 5px; }
.mh_m { margin-left: 10px; margin-right: 10px; }
.mh_l { margin-left: 15px; margin-right: 15px; }
.mh_xl { margin-left: 20px; margin-right: 20px; }

/* top margin */
.mt_0  { margin-top: 0 !important; }
.mt_xs { margin-top: 3px !important; }
.mt_s { margin-top: 5px !important; }
.mt_m { margin-top: 10px !important; }
.mt_l { margin-top: 15px !important; }
.mt_xl { margin-top: 20px !important; }

/* right margin */
.mr_0  { margin-right: 0 !important; }
.mr_xs { margin-right: 3px !important; }
.mr_s { margin-right: 5px !important; }
.mr_m { margin-right: 10px !important; }
.mr_l { margin-right: 15px !important; }
.mr_xl { margin-right: 20px !important; }

/* bottom margin */
.mb_0  { margin-bottom: 0 !important; }
.mb_xs { margin-bottom: 3px !important; }
.mb_s { margin-bottom: 5px !important; }
.mb_m { margin-bottom: 10px !important; }
.mb_l { margin-bottom: 15px !important; }
.mb_xl { margin-bottom: 20px !important; }

/* left margin */
.ml_0  { margin-left: 0 !important; }
.ml_xs { margin-left: 3px !important; }
.ml_s { margin-left: 5px !important; }
.ml_m { margin-left: 10px !important; }
.ml_l { margin-left: 15px !important; }
.ml_xl { margin-left: 20px !important; }


.container { width: 980px; margin: 0 auto; padding: 0 10px 10px 10px; }

#content { padding-bottom: 50px; }

h1 { text-indent: -9999px; width: 309px; height: 194px; background: url(cssimg/logo.png) no-repeat; margin: 0 0 9px 292px; }
    h1 a { display: block; width: 309px; height: 194px; outline: none; }

h2 a { color: #fff; text-decoration: none; border-bottom: #1687cb 1px solid; }

.sidebar_box { margin-bottom: 20px; position: relative; zoom: 1; }
    .sidebar_box h2 { color: #fff; padding: 15px; text-align: center; line-height: 22px; }

    .sidebar_box .info { color: #fff799; font-size: 14px; padding: 5px 25px 15px 25px; line-height: 1.2; }

    .blue { border: 5px #005680 solid; background: #001E3B url(cssimg/layout/box.png) no-repeat; }
    .blue h2 { text-shadow: #00466f 1px 1px 0; }

    .success { border: 5px #dcfd32 solid; }
    .success h2 { font-size: 48px; padding: 25px 0; }
    .success .info { color: #fff200; font-size: 18px; padding: 15px 25px; text-align: center; }

    .error { border: 5px #ee1d22 solid; background: #330000 url(cssimg/layout/box.png) -350px 0 no-repeat; }
    .error h2 { font-size: 48px; padding: 25px 0 27px 0; }
    .error .info { background: url(cssimg/ops.png) 30px 8px no-repeat; font-size: 11px; font-family: Arial, sans-serif; padding: 10px 25px 15px 70px; }

    form input { border: none; background: none; margin: 19px 0 15px 26px; *height: 28px; width: 200px; padding: 10px 10px 0 10px; *padding: 10px 10px 0 10px; font-size: 18px; color: #fff; float: left; outline: none; }
    form #submit { margin: 17px 0 0 9px; height: 46px; width: 70px; padding: 5px 10px; font-size: 18px; color: #fff; float: left; text-indent: -9999px; outline: none; cursor: pointer; background: url(cssimg/inputs.png) -336px -9px no-repeat; }
    form #submit:hover { cursor: pointer; background: url(cssimg/inputs.png) -336px -89px no-repeat;}

    form #input { height: 70px; background: url(cssimg/inputs.png) 0 10px no-repeat; }
        form #input.active { background-position: 0 -71px; }
        form #input.active input { color: #0075b0; _color: #fff; }

        .error form #input { background-position: 0 -152px; }
        .error form #input input { color: #ed1c24; text-decoration: line-through; }

.article { clear: both; position: relative; }
    .article h3 { padding: 33px 0 15px 0; line-height: 1; }
    .article h4 { color: #dbffff; font-size: 24px; padding-top: 30px; }
    .article h3 a, .article a { color: #fff; text-decoration: none; border-bottom: #1687cb 1px solid;  }
    .article .date { color: #dbffff; font-size: 18px; position: absolute; top: 0; left: 0; }
    .article p { line-height: 22px; }
    .article .more { float: right; }
    .article .more a { color: #6dcff6; text-decoration: none; border-bottom: #1687cb 1px solid; }

    .article .author { margin-top: 20px; }
    .article .author span { color: #dbffff; display: block; font-size: 18px; }

    .blank li { float: left; }
    .blank ul { width: 198px; margin: 0 auto; }
    .twitter a { display: block; background: url(cssimg/twitter.png) no-repeat; width: 103px; height: 114px; text-indent: -9999px; }
    .facebook a { display: block; background: url(cssimg/facebook.png) no-repeat; width: 95px; height: 114px; text-indent: -9999px; }