/* CSS Document */

* {
    margin:0;
    padding:0;
    font-size:100%;
}

body {
    background: url(/static/media/img/body_bg.gif) center top;
}

img {
    vertical-align: top;
}

a img {
    border: 0;
}

ul {
    list-style: none;
}

.left {
    float:left;
}

.right {
    float:right;
}

.clear {
    clear:both;
}

html, input, textarea {
    font-family: arial;
    font-size: 0.75em;
    line-height:1.25em;
    color: #b8c2c9;
}

input, select {
    vertical-align: middle;
    font-weight: normal;
    /* HERE -- I added the following to the original stylesheet grj */
    font-size: 12px;
    /* HERE -- I added the following to the original stylesheet grj */
    color: black;
}

a {
    color: #b8c2c9;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #ff7e07
}

strong {
    color: #ff7e07;
}

strong a {
    color: #ff7e07;
    text-decoration: underline;
}

strong a:hover {
    text-decoration:none;
}

p {
    padding-top:15px;
}

/* ============================= main layout ====================== */

.more {
    background: url(/static/media/img/more_bg.gif) no-repeat 0 5px;
    padding-left: 12px;
    color: #b9c0c7;
    text-decoration:none;
}

.more:hover {
    text-decoration:underline;
}

.date {
    background: url(/static/media/img/date_bg.gif) no-repeat 0 0;
    padding: 0 0 1px 21px;
}

h1 {
    //background: url(/static/media/img/logo.jpg) top left no-repeat;
    text-indent: -10000px;
    height: 45px;
    line-height: 1.25em;
    font-size: 0.75em;
}

li {
    background: url(/static/media/img/list_bg.gif) no-repeat 0 4px;
    padding-left: 22px;
    line-height: 2em;
}

li a {
    color: #ffd88e;
}

li a:hover {
    color: #ff7e07;
}

.imgindent {
    margin:0 21px 0 0;
    float:left;
}

/* ============================= header ====================== */

#bg {
    background-color: red;
    background: url(/static/media/img/01-home_02.gif) top right no-repeat;
}

#bg2 {
    background: url(/static/media/img/header_bg2.gif) top right no-repeat;
    width: 100%;
}

#header .left {
    width: 400px;
    padding: 27px 0 0 36px;
}

#header .slogan {
    margin-top: 69px;
}

#header .click {
    margin:13px 0 33px 0;
}

#header .right {
    width:268px;
}

#search {
    background:url(/static/media/img/search_form.gif);
    margin:0 37px 0 0;
    height:80px;
}

#search_form {
    padding: 10px 0 0 24px;
    font-size: 1.33em;
    line-height: 1.4em;
}

#search_form .input {
    width: 187px;
    height: 18px;
    background: #505b65;
    border: none;
}

#search_form .search {
    background: url(/static/media/img/search_bg.gif) no-repeat 0 4px;
    padding-left: 20px;
    color: #505b65;
    font-weight: normal;
}

#search_form .search:hover {
    text-decoration:underline;
}

#menu {
    padding:49px 0 0 65px;
}

/* ============================= middle ====================== */

#middle {
    width:100%;
}

.box {
    background: url(/static/media/img/box_bg.gif);
    border-top: 1px solid #383e43;
}


/* ============================= footer ====================== */

#footer a {
    color: #ff7e07;
    text-decoration: underline;
}

#footer a:hover {
    text-decoration: none;
}

#footer .indent {
    padding:25px 0 0 37px;
}

/* ============================= index ============================= */

#index .t1 {
    margin-bottom: 22px;
}

#index .t2 {
    margin-bottom: 19px;
}

#index .t3 {
    margin-bottom:31px;
}

.columns {
    width:100%;
}

#index #middle .indent {
    padding: 14px 37px 18px 35px;
}

#index #middle .column1 .indent {
    padding: 20px 22px 0 0;
}

#index .column1 .content1 {
    border-bottom: 1px solid #3f4850;
    padding: 0 0 18px 0;
}

#index .column1 .imgindent {
    margin:0 15px 0 0;iii
}

#index .column1 .content1 .p {
    padding-top: 6px;
}

#index .column1 .content2 {
    padding: 23px 20px 0 0;
}

#index .cols {
    padding: 19px 0 0 0;
    width: 100%;
}

#index #middle .box .indent {
    padding: 19px 20px 22px 23px;
}

#index .box .content {
    border-top: 1px solid #4a5e72;
    padding: 10px 5px 29px 0;
    line-height: 1.42em;
}

#index .box p {
    padding-top: 17px;
}


/* ============================= index-1 =========================== */

#index_1 .t1 {
    margin-bottom: 28px;
}

#index_1 .t2 {
    margin-bottom: 28px;
}

#index_1 .t3 {
    margin-bottom: 18px;
}

#index_1 #middle .indent {
    padding: 14px 37px 18px 35px;
}

#index_1 #middle .box .indent {
    padding: 19px 26px 22px 24px;
}

#index_1 #middle .box ul {
    margin: 15px 0 14px 0;
}

#index_1 #middle .column2 .indent {
    padding: 20px 0 0 22px;
}

#index_1 .column2 .content1 {
    border-bottom: 1px solid #3f4850;
    padding: 0 0 30px 0;
}

#index_1 .column2 .content1 ul {
    margin: 11px 0 8px 0;
}

#index_1 .column2 .content2 {
    padding: 23px 0 0 0;
}

#index_1 .column2 .content2 ul {
    margin: 4px 0 0 188px;
}



/* ============================= index-2 =========================== */

#index_2 .t1 {
    margin-bottom: 28px;
}

#index_2 .t2 {
    margin-bottom: 19px;
}

#index_2 .t3 {
    margin-bottom: 28px;
}

#index_2 #middle .indent {
    padding: 14px 37px 18px 35px;
}

#index_2 #middle .column1 .indent {
    padding: 20px 20px 21px 0;
}

#index_2 .column1 .content1 {
    border-bottom: 1px solid #3f4850;
    padding: 0 0 21px 1px;
}

#index_2 .column1 .content1 .p {
    padding: 0 0 20px 0;
}

#index_2 .column1 .content1 p {
    padding:5px 0 0 0;
}

#index_2 .column1 .imgindent {
    margin:0 20px 21px 0;
}

#index_2 .column1 .content2 {
    padding: 23px 0 0 0;
}

#index_2 .column1 .content2 ul {
    margin: 4px 0 0 188px;
}

#index_2 #middle .box .indent {
    padding: 19px 20px 10px 24px;
}

#index_2 #middle .box ul {
    margin: 15px 0 13px 0;
}

/* ============================= index-3 =========================== */

#index_3 .t1 {
    margin-bottom: 26px;
}

#index_3 .t2 {
    margin-bottom: 19px;
}

#index_3 .t3 {
    margin-bottom: 22px;
}

#index_3 .t4 {
    margin-bottom: 24px;
}

#index_3 #middle .indent {
    padding: 14px 37px 19px 35px;
}

#index_3 #middle .column1 .indent {
    padding: 20px 20px 21px 0;
}
#index_3 .column1 .content1 {
    border-bottom:1px solid #3f4850;
    padding:0 0 31px 1px;
}

#index_3 .column1 .content1 p {
    padding:5px 0 0 0;
}

#index_3 .column1 .content2 {
    padding: 23px 0 0 0;
}

#index_3 #middle .box .indent {
    padding: 19px 20px 23px 24px;
}

#index_3 #middle .box .content1 {
    border-bottom: 1px solid #3f4850;
    padding: 0 0 25px 0;
}

#index_3 #middle .box .content1 .p {
    padding: 6px 0 0 0;
}

#index_3 #middle .box .imgindent {
    margin: 0 20px 0 0;
}

#index_3 #middle .box .content2 {
    padding: 22px 0 0 2px;
}

#index_3 #middle .box .content2 ul {
    margin: 10px 0 0 0;
}


/* ============================= index-4 =========================== */

#index_4 .t1 {
    margin-bottom: 31px;
}

#index_4 .t2 {
    margin-bottom:28px;
}

#index_4 .t3 {
    margin-bottom:19px;
}

#index_4 #middle .indent {
    padding:14px 37px 19px 35px;
}

#index_4 #middle .box .indent {
    padding:19px 29px 18px 25px;
}

#index_4 .box .content {
    border-top: 1px solid #4a5e72;
    padding:12px 0 35px 0;
}

#index_4 #middle .box .content .p {
    padding: 18px 0 0 0;
}

#index_4 .box .content2 {
    border-top: 1px solid #4a5e72;
    padding: 10px 0 35px 0;
    line-height: 1.42em;
}

#index_4 .box .content2 p {
    padding-top: 17px;
}

#index_4 #middle .column2 .indent {
    padding: 20px 0 21px 22px;
}

#index_4 .column2 .content1 {
    border-bottom: 1px solid #3f4850;
    padding: 0 0 28px 1px;
}

#index_4 .column2 .content2 {
    padding: 23px 0 0 0;
}

#index_4 .column2 .content2 .imgindent {
    margin: 0 18px 23px 0;
}

#index_4 .column2 ul {
    margin:14px 0 0 0;
}

/* ============================= index-5 =========================== */

#index_5 .t1 {
    margin-bottom: 28px;
}

#index_5 .t2 {
    margin-bottom: 19px;
}

#index_5 .t3 {
    margin-bottom: 28px;
}

#index_5 #middle .indent {
    padding:14px 37px 19px 35px;
}

#index_5 #middle .column1 .indent {
    padding:20px 20px 19px 0;
}

#index_5 .column1 .content1 {
    border-bottom: 1px solid #3f4850;
    padding:0 0 33px 1px;
}

#index_5 .column1 .content1 a {
    font-weight: normal;
}

#index_5 .column1 .content2 {
    padding: 23px 0 0 0;
}

#index_5 #middle .box .indent {
    padding: 19px 29px 23px 24px;
}

#form {
    padding: 17px 0 0 0;
    width: 250px
}

#form .row {
    height: 26px;
}

#form .input {
    width: 246px;
    height: 18px;
    background: #505b65;
    padding: 0 0 0 5px;
    font-size: 0.92em;
    color: #b8c2c9;
    font-family: tahoma;
}

#form textarea {
    width: 246px;
    height: 87px;
    background: #505b65;
    padding: 0 0 0 5px;
    overflow: auto;
    font-size: 0.92em;
    color: #b8c2c9;
    font-family: tahoma;
}

form .div {
    text-align: right;
    padding: 12px 1px 0 0;
}

.send {
    background: url(/static/media/img/list_bg.gif) no-repeat 0 1px;
    padding: 0 0 0 22px;
    color: #ffd88e;
}

/* ============================= index-6 =========================== */

#index_6 #middle .indent {
    padding: 34px 37px 50px 36px;
}

#index_6 .t1 {
    margin-bottom: 28px;
}


