/* elements */
* {
    margin:         0;
    padding:        0;
    border:         0;
}
body {
    background-image:   url(/image/body_bg.png);
    background-repeat:  repeat-x;
    color:          black;
    background-color:   white;
    font-family:    Arial, sans-serif;
}
a {
    color:          #ea8200;
}
a:link,
a:visited {
    text-decoration:    none;
}
a:hover,
a:active {
    text-decoration:    underline;
}
input[type="text"],
input[type="password"],
input[type="submit"],
select,
textarea {
    border:         solid 1px #989898;
}
table {
    border-collapse:    collapse;
}
h3 {
    font-size:      1.05em;
    font-weight:    normal;
    color:          #ea8200;
}
h4 {
    margin-bottom:  .3em;
    font-size:      1.2em;
    font-weight:    normal;
    color:          #0d277e;
}
/* in content... */
#content h1,
#content h2 {
    display:        inline;
    font-size:      1.4em;
    color:          #394d6c;
}
#content h1 {
    font-weight:    bold;
}
#content h2 {
    font-weight:    normal;
}
#content h3 {
    font-weight:    bold;
}
#content div.arrow {
    margin-top:     3em;
    padding-left:   10px;
}
#content div.arrow ul {
    margin-left:    3em;
}

/* structure */
#page {
    width:          780px;
    margin:         0 auto;
}
#header {
    position:       relative;
    height:         87px;
    background-image:   url(/image/header_bg.png);
}
#header #header_nav {
    position:       absolute;
    top:            10px;
    right:          0px;
    margin:         0;
    list-style-type:    none;
}
#header #header_nav li {
    float:          left;
    display:        block;
    padding-right:  1em;
}
#header #header_nav li a {
    font-size:      .8em;
    color:          #b7b7be;
}
#header #header_word {
    position:       absolute;
    top:            48px;
    left:           190px;
}
#header #header_word h3 {
    display:        inline;
    margin-right:   2em;
    color:          #feba57;
}
#main #c1,
#main #c2 {
    float:          left;
}
#main #c1 {
    width:          181px;
}
#main #c1 #c1_top {
    height:         290px;
    padding-top:    10px;
    background-image:   url(/image/c1_top_bg.png);
}
#main #c1 #c1_top ul#nav {
    margin-left:    4px;
}
#main #c1 #c1_top ul#nav,
#main #c1 #c1_top ul#nav ul.snav {
    width:          170px;
    list-style-type:    none;
}
#main #c1 #c1_top ul#nav>li {
    background-image:   url(/image/nav/nav_off.png);
}
#main #c1 #c1_top ul#nav>li>a {
    display:        block;
    width:          145px;
    height:         18px;
    margin-top:     .3em;
    padding:        3px 0 0 25px;
    font-weight:    bold;
    color:          #394d6c;
}
/*#main #c1 #c1_top ul#nav>li.active>a,
#main #c1 #c1_top ul#nav>li>a:hover {*/
#main #c1 #c1_top ul#nav>li.active {
    background-image:   url(/image/nav/nav_on.png);
}
#main #c1 #c1_top ul#nav ul.snav li {
    padding:        .1em 0 .1em 25px;
    background-color:   #c8d1ef;
    background-image:   url(/image/nav/snav_bullet.png);
    background-repeat:  no-repeat;
    background-position:    0 4px;
    border-bottom:  solid 1px white;
}
#main #c1 #c1_top ul#nav ul.snav li a {
    font-size:      .85em;
    color:          black;
}
#main #c1 #c1_top ul#nav ul.snav li a.active {
    font-weight:    bold;
}
#main #c1 #c1_bottom {
    min-height:         202px;
    padding:            5px 15px 5px 15px;
    background-image:   url(/image/c1_bottom_bg.png);
    border-left:    solid 1px #d2d3d6;
}
#main #c1 #c1_bottom input[type="text"],
#main #c1 #c1_bottom input[type="password"] {
    width:              144px;
    margin:             .3em 0;
    padding:            1px 2px;
    font-size:          .8em;
}
#main #c2 {
    width:              599px;
}
#main #c2 #c2_header {
    height:             130px;
}
#main #c2 #c2_main {
    background-image:   url(/image/c2_main_bg.png);
}
#main #c2 #c2_main #c2_main_bottom {
    height:             16px;
    background-image:   url(/image/c2_main_bottom_bg.png);
}
#main #c2 #c2_main #content {
    padding:            0 2em 1em 15px;
}
#main #c2 #c2_main #c2_right {
    float:              right;
    width:              171px;
    margin:             0 0 1em 1em;
}

div.spacer {
    font-size:          0;
    height:             0px;
    border-bottom:      dotted 2px #a5a8b0;
    margin:             7px 0 6px 0;
}

/* generic */
.clear:after {
    content:            ".";
    display:            block;
    height:             0;
    clear:              both;
    visibility:         hidden;
}
.left {
    text-align:         left;
}
.center {
    text-align:         center;
}
.right {
    text-align:         right;
}
.bold {
    font-weight:        bold;
}
.blue {
    color:              #0d277e;
}
.orange {
    color:              #ea8200;
}
.small {
    font-size:          .80em;
}