@charset "utf-8";

/* CSS Document */

.cms-main {
    float: left;
    width: 100%;
    height: auto;
    min-height: 20px;
    background-color: #FFFFFF;
    margin: 20px 0 20px 0;
    border-radius: 3px;
}


.submenu-side {
    float: right;
    width: 300px;
    height: auto;
    min-height: 200px;
    background-color: #f2f2f2;
    margin: 30px 0 0 0;
}

.submenu-side h3 {
    float: left;
    width: 290px;
    height: auto;
    margin: 10px 0 10px 10px;
    padding: 0;
    color: #3b3939;
    font-size: 14px;
}

.access-side-1 {
    float: left;
    width: 620px;
    height: auto;
    min-height: 20px;
    margin: 0 0 0 10px;
}

.access-side-1 .h1 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: justify;
    font-size: 18px;
    color: #504f4f;
}

.access-side-1 h2 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 5px 0;
    text-align: justify;
    font-size: 14px;
    color: #585858;
    font-weight: normal;
}

.access-side-1 .thumb-box {
    float: left;
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
}

.access-side-1 .thumb-box img {
    float: left;
    margin: 2px 2px 2px 2px;
}

.access-side-1 .text-box {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}


.access-side-1 .file-box {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
}

.access-side-1 .file-box a {
    color: #0033FF;
    font-size: 14px;
}


.access-side-1 .social-box {
    float: right;
    margin: 10px 0 0 0;
}

.extra-box {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 10px 0;
}

.extra-box .ex-line {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    border-top: #000000 1px dotted;
}

.ex-line h2 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 10px 0 5px 0;
}

.ex-line h2 a {
    float: left;
    width: 85%;
    height: auto;
    text-decoration: none;
    color: #504f4f;
    font-size: 18px;
}

.ex-line h2 a:hover {
    color: #3fd8ea;
}

.ex-line h2 span {
    float: right;
    height: auto;
    font-size: 16px;
    color: #3fd8ea;
}

.ex-line-img {
    float: left;
    margin: 0 10px 10px 0;
}

.ex-line .more {
    float: right;
    text-decoration: none;
    padding: 0 0 0 0;
    color: #3fd8ea;
}

.ex-line .more:hover {
    color: #000000;
}


.access-side-2 {
    float: left;
    width: 630px;
    height: auto;
    min-height: 20px;
    margin: 0 0 0 10px;
}

.access-side-2 .h1 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: justify;
    font-size: 18px;
    color: #504f4f;
}

.access-side-2 h2 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 10px 0;
    text-align: justify;
    font-size: 14px;
    color: #585858;
    font-weight: normal;
}

.access-side-2 .thumb-box {
    float: right;
    width: 270px;
    height: auto;
    margin: 0 0 10px 10px;
    background-color: #f2f2f2;
}

.access-side-2 .thumb-box .big-img {
    float: left;
    margin: 0;
}

.access-side-2 .thumb-box img {
    float: left;
    margin: 1px 1px 1px 1px;
}

.access-side-2 .social-box {
    float: right;
    margin: 10px 0 0 0;
}

.access-side-2 .file-box {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
}

.access-side-2 .file-box a {
    color: #0033FF;
    font-size: 14px;
}

.access-side-3 {
    float: left;
    width: 630px;
    height: auto;
    min-height: 20px;
    margin: 30px 0 0 10px;
}

.access-side-3 img {
    float: left;
    margin: 0 10px 10px 0;
}

.access-side-3 .social-box {
    float: right;
    margin: 10px 0 0 0;
    width: 100%;
}

.access-side-3 .h1 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 0 0;
    text-align: justify;
    font-size: 18px;
    color: #504f4f;
}

.access-side-3 h2 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 10px 0;
    text-align: justify;
    font-size: 14px;
    color: #585858;
    font-weight: normal;
}

.access-side-3 .text-box {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.access-side-4 {
    float: left;
    width: 640px;
    height: auto;
    min-height: 20px;
    margin: 0 0 0 10px;
}

.access-side-4 .h1 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: justify;
    font-size: 18px;
    color: #504f4f;
}

.access-side-4 h2 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 10px 0;
    text-align: justify;
    font-size: 14px;
    color: #585858;
    font-weight: normal;
}

.access-side-4 .text-box {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}


.access-side-4 .thumb-box {
    float: left;
    width: 300px;
    height: 300px;
    margin: 15px 0 0 15px;
    text-align: justify;
    color: #666666;
    font-size: 10px;
    text-shadow: #CCCCCC 1px 1px;
}

.access-side-4 .social-box {
    float: right;
    margin: 10px 0 0 0;
    width: 100%;
}

.access-side-4 .file-box {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
}

.access-side-4 .file-box a {
    color: #0033FF;
    font-size: 14px;
}

.access-side-5 {
    float: left;
    width: 630px;
    height: auto;
    min-height: 20px;
    margin: 0 0 0 10px;
}

.access-side-5 .h1 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: justify;
    font-size: 18px;
    color: #504f4f;
}

.access-side-5 h2 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 10px 0 10px 0;
    text-align: justify;
    font-size: 14px;
    color: #585858;
    font-weight: normal;
}

.paging-line {
    float: left;
    width: 100%;
    height: 40px;
    margin: 0 0 0 0;
    background-color: #ececec;
}

.paging-line .paging-result {
    float: left;
    width: 15%;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    margin: 0 0 0 1%;
}

.paging-line .paging_box {
    float: left;
    width: 82%;
    height: 20px;
    margin: 10px 0 0 0;
}

.paging-line .paging_box a {
    float: left;
    text-decoration: none;
    color: #4e4e4e;
    padding: 2px 4px 2px 4px;
    margin: 0 2px 0 0;
    font-size: 12px;
    border: #d2e5ed 1px solid;
}

.paging-line .paging_box a:hover {
    color: #ffffff;
    background-color: #90b7d2;
    border: #90b7d2 1px solid;
    text-decoration: underline;
}

.paging-line .paging_select {
    float: right;
    height: 18px;
    font-size: 10px;
    margin: 0 0 0 0;
    border: #d2e5ed 1px solid;
}

.arrowlistmenu {
    width: 270px;
    /*width of accordion menu*/
    text-align: left;
    margin: 0 0 0 20px;
}

.arrowlistmenu .menuheader {
    font: bold 15px;
    color: #3b3939;
    border-bottom: none;
    margin: 0 0 2px 0;
    padding: 4px 0 4px 0;
    cursor: pointer;
}

.arrowlistmenu .menuheader a {
    font: bold 15px;
    color: #3b3939;
    border-bottom: none;
    cursor: pointer;
    text-decoration: none;
}

.arrowlistmenu ul {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
}

.arrowlistmenu ul li a {
    color: #585858;
    display: block;
    padding: 2px 0;
    padding-left: 0;
    text-decoration: none;
    font-weight: bold;
    border-bottom: none;
    font-size: 12px;
}

.arrowlistmenu ul li a:hover {
    color: #3fd8ea;
}


/*
.arrowlistmenu a { color:#87a310; text-decoration:none; } 
.arrowlistmenu a:hover { color:#87a310; text-decoration:none;} 
.arrowlistmenu a:visited {color:#87a310;  text-decoration:none;} 

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)
font: bold 15px;
color:#87a310;
border-bottom:none;
margin:0 0 2px 0;
 /*bottom spacing between header and rest of content

padding: 4px 0 4px 0; /*header text is indented 10px
cursor: pointer;

}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu
list-style-type: none;
margin: 0;
padding: 0;
}

.arrowlistmenu ul li a{
color:#CCCCCC;
display: block;
padding: 2px 0;
padding-left: 0; /*link text is indented 19px
text-decoration: none;
font-weight: bold;
border-bottom:none;
font-size: 12px;
}

.arrowlistmenu ul li a:visited{
color:#CCCCCC;

}

.arrowlistmenu ul li a:hover{ /*hover state CSS
color:#666666;
}
*/