/* ---------------------------------------------------------------
RESET SECTION
--------------------------------------------------------------- */
* {margin:0; padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {border:0; outline:0; vertical-align:baseline; background:transparent;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6, table {font-size:100%; font-weight:normal;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
table caption, table th {text-align:left;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.hidden {position:absolute; left:-1000em; top:auto; width:1px; height:1px; overflow:hidden;}
.noscreen {display:none;}

/* ----------------------------------------------------------------
MAIN SECTION
------------------------------------------------------------------- */
body {padding:50px 0; background:url("../images/design/bg.gif") 0 0 repeat-x; font:0.8em/1.6 verdana, "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
/* ----------------------------------------------------------------
Layout
------------------------------------------------------------------- */

#main {width:900px; margin:0 auto; padding:0 20px;}
#header {position:relative; height:100px; padding:10px 0px; overflow:hidden;}
#header #logo {margin:0;}
#header #logo img {display:block;}
#header #nav {position:absolute; top:30px; right:20px; margin:0;}
#header #nav span {margin:0 10px;}
#promo {position:relative; height:300px; overflow:hidden;}
#promo p {margin:0;}
#promo p img {margin:0;}
#promo p#slogan {position:absolute; top:90px; right:0; z-index:999;}
#promo ul#slider {margin:0;}
#footer {padding-bottom:20px; font-size:85%;}
#footer p {margin:0;}

/* --------------------------------------------------------------------------
Page: Homepage
--------------------------------------------------------------------------- */

.cols3 {width:940px; margin:20px -20px; padding:20px 0;}
.cols3 .cols3-content {padding-left:20px; background:url("../images/design/cols3.gif") 0 0 repeat-y;}
.cols3 .cols3-bottom {width:940px; height:3px; background:url("../images/design/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.cols3 .col {float:left; width:270px; margin-right:15px; padding:0 10px 10px 10px;}
.cols3 .col.last {margin-right:0;}
.cols3 .col h2 {margin:0 0 10px 0; padding:15px 10px; font-size:100%; font-weight:bold;}
.cols3 .col h2 a {text-decoration:none;}
.cols3 .col h2 a:hover {text-decoration:underline;}
.cols3 .col p {margin:0;}
.cols3 .col img {margin-bottom:10px;}
.cols3 .col ul {margin:10px 0 10px 10px;}
.cols3 .col ul li {padding-left:15px; background:url("../images/design/ul.gif") 0 7px no-repeat;}

/* --------------------------------------------------------------------------
Page: Subpage
--------------------------------------------------------------------------- */

#title {margin:0; padding:10px 0px; font:270%/1 verdana, "arial",sans-serif; letter-spacing:-1px;}
#subnav {margin:0; padding:15px 20px;}
#subnav span {margin:0 10px;}
.content {width:940px; margin:0 -20px 20px -20px; padding:20px 0;}
.content .content-in {padding:10px 40px; background:url("../images/design/content.gif") 0 0 repeat-y;}
.content .content-bottom {width:940px; height:3px; background:url("../images/design/content-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; margin-top:-1px;}
.content .perex {border-bottom:1px solid #ddd; font-size:170%;}
.content .box-01 {padding:15px;}
.content .col50 {float:left; width:420px;}
.content ul {margin:15px 25px;}
.content ul ul {margin:0 0 0 25px;}
.content ul li {padding-left:15px; background:url("../images/design/ul.gif") 0 7px no-repeat;}
.content ul ul li {padding-left:15px; background:url("../images/design/ul-ul.gif") 0 7px no-repeat;}
.content table {margin:15px 0; border-collapse:collapse;}
.content table th, .content table td {padding:7px 10px;}
.content table th {text-align:center; font-weight:bold;}
.content dt {font-weight:bold;}
.content dd {margin-left:50px; margin-bottom:15px;}
.content h1, .content h2 {font-size:200%;}
.content h3 {font-size:160%;}
.content h4 {font-size:120%;}
.content h5, h6 {font-size:100%;}
/* -----------------------------------------------------------------------
Others
----------------------------------------------------------------------- */

img.f-right {margin-left:20px;}
img.f-left {margin-right:20px;}
.input {padding:5px; background:url("../images/design/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
.input-submit {padding:5px; font:bold 100%/1 verdana, "arial",sans-serif;}
.smaller {font-size:85%;}
.block {display:block;}

body {background-color:#9f9f9f; color:#000;}
a {color:#000;}
a:hover, a:active, a:focus {color:#5f5f5f;}




/* -------------------------------------------------------------------
STYLE SECTION
--------------------------------------------------------------------- */
body {background-color:#9f9f9f; color:#000;}
a {color:#000; text-decoration: none; border-bottom: solid 1px #989898;}
a:hover, a:active, a:focus {color:#5f5f5f;}
a.imageLink {border-bottom: none;}

/* -------------------------------------------------------------------
Layout
--------------------------------------------------------------------- */

#main {background-color:#fff;}
#header #nav span, #subnav span {color:#cfcfcf;}
#header #nav strong, #subnav strong {color:#000;}
#promo {background-color:#ffffff;}

/* ---------------------------------------------------------
Page: Homepage
------------------------------------------------------------- */

.cols3, .content {background:#e9e9e9;}
.cols3 .col h2 {background:#5f5f5f; color:#fff;}
.cols3 .col h2 a {color:#fff;}

/* ------------------------------------------------------------
Page: Subpage
------------------------------------------------ */

#title {border-top:5px solid #5f5f5f; border-bottom:1px solid #ddd; color:#000;}
.content .box-01 {border:1px solid #cfcfcf; background:#f9f9f9;}
.content table {border:3px solid #cfcfcf;}
.content table th, .content table td {border:1px solid #dfdfdf;}
.content table th {color:#000;}
.content table tr.odd td {background-color:#f9f9f9;}
.content dt {color:#000;}

/* -----------------------------------------------------
Others
-------------------------------------------------------- */

.input {border:1px solid #bfbfbf;}
.input-submit {border:1px solid #afafaf; border-right:1px solid #000; border-bottom:1px solid #000; background:#5f5f5f; color:#fff;}

/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/images/layout/colorbox-loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#364862;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/layout/colorbox-controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}