body {
    overflow-y: scroll;
    background-image:url("images/design/cp_bg.jpg");
    background-repeat:repeat;
    background-color:#E7E7E7;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    font-size:8pt;
}


.small {
    font-size:7pt;
}
.pointer {
    cursor:pointer;
}
.textmiddle {
    vertical-align:middle;
}

img {
    border:none;
}


a
{
    color:#008800;
    font-size:8pt;
    text-decoration:none;
}
a.small
{
    color:#008800;
    font-size:7pt;
    text-decoration:none;
}
a:hover, a:focus, a.small:hover, a.small:focus
{
    text-decoration:underline;
}

a.icons
{
    color:#363636;
    font-size:7pt;
}
a.navi, a.navi_selected
{
    font-family: Verdana, Helvetica, sans-serif;
    color:#363636;
    font-size:10pt;
    text-decoration:none;
    font-weight:bold;
    font-variant:small-caps;
    text-decoration:none;
    background-color:transparent;
    padding:10px;
}
a.navi_selected
{
    background-image:url("images/design/cp_content.jpg");
}
a.navi:hover,a.navi:focus
{
    background-color:#363636;
    color:#F2F2F2;
}
a.navi_selected:hover,a.navi_selected:focus
{
    background-image:url(none);
    background-color:#363636;
    color:#F2F2F2;
}

a.active {
    background-color:#E0DFE3;
}

.thumb
{
    cursor:pointer;
}


.dl_nav {

}

.dl_nav:active {

}


#main
{
    position:relative;
    width:100%;
    height:337px;
    background-image:url("images/design/bggradient.jpg");
    background-repeat:repeat-x;
    margin:0px;
    font-family:Verdana;
    color:#000000;
    font-size:8pt;
}
#topline
{
    position:relative;
    width:100%;
    height:5px;
    background-image:url("images/design/topline.jpg");
    background-repeat:repeat;
}
#head
{
    position:relative;
    background-color:#EEEEEE;
    background-image:url("images/design/headerall.jpg");
    width:783px;
    height:189px;
    left:50%;
    margin-left:-410px;
}
#border
{
    position:relative;
    width:728px;
    height:22px;
    background-color:#FFFFFF;
    background-image:url("images/design/navitop.jpg");
    background-repeat:no-repeat;
    background-position:right top;
    left:50%;
    margin-left:-355px;
}


#navi
{
    position:absolute;
    width:553px;
    height:22px;
    padding-top:3px; 
    padding-left:20px;
    background-color:#FFFFFF;
    background-image:url("images/design/cp_navi.jpg");
    background-repeat:repeat;
    left:15px;
    overflow:hidden;
}
#version
{
    position:absolute;
    width:140px;
    height:22px;
    padding-top:4px; 
    top:0px;
    right:0px;
    text-align:center;
    font-family: Verdana, Helvetica, sans-serif;
    color:#363636;
    font-size:9pt;
    text-decoration:none;
    font-weight:bold;
    text-decoration:none;
    font-variant:small-caps;
}

#line
{
    position:relative;
    width:573px;
    height:22px;
    background-color:#F2F2F2;
    left:50%;
    margin-left:-349px;
}


#navi2
{
    padding-top:3px;
    padding-left:30px;
    height:16px;
    background-color:#FAFCF1;
}


#loop
{
    position:relative;
    width:728px;
    background-image:url("images/design/loop.jpg");
    background-repeat:repeat-y;
    left:50%;
    margin-left:-355px;
    overflow:hidden;
}
#content
{
    position:relative;
    width:478px;
    padding:20px 10px 5px 60px;
    float:left;

}
#right
{
    position:relative;
    width:115px;
    top:-22px;
    right:0px;
    padding:10px 10px;
    padding-left:15px;
    overflow:hidden;
    float:right;
}

#footer
{
    position:relative;
    width:728px;
    height:69px;
    background-image:url("images/design/footer.jpg");
    background-repeat:no-repeat;
    left:50%;
    margin-left:-355px;
    padding-top:63px;
    padding-left:20px;

    color:#363636;
}


#hi1,#hi2,#hi3,#hi4,#hi5,#hi6,#hi7
{
    position:absolute;
    width:756px;
    height:100px;
    top:70px;
    left:12px;
}
#hi1 {background-image:url("images/design/head1.jpg");}
#hi2 {background-image:url("images/design/head2.jpg");}
#hi3 {background-image:url("images/design/head3.jpg");}
#hi4 {background-image:url("images/design/head4.jpg");}
#hi5 {background-image:url("images/design/head5.jpg");}
#hi6 {background-image:url("images/design/head6.jpg");}
#hi7 {background-image:url("images/design/head7.jpg");}


.news_head
{
    padding-bottom:2px;
    border-bottom:1px solid #000000;
}
.news_footer
{
    padding-top:2px;
    border-top:1px solid #000000;
}

.text
{
    border:1px solid #000000;
    background-color: #E9E9E9;
    font-family:Verdana;
    color:#000000;
    font-size:8pt;
}
.text:active, .text:focus
{
    background-color: #88EE88;
}
.button
{
    border:1px solid #000000;
    background-color: #CCCCCC;
    font-family:Verdana;
    color:#000000;
    font-size:7pt;
}


.CodeMirror-line-numbers {
        width: 2.2em;
        color: #aaa;
        background-color: #eee;
        text-align: right;
        padding-right: .3em;
        font-size: 10pt;
        font-family: monospace;
        padding-top: .4em;
}