/* ========================================================================== */
/*  Basic HTML Elements                                                       */
/* ========================================================================== */

    body {
        font-family:            Arial, Helvetica, sans-serif;
        background-image:       url(/rampart-hosting/wood.jpg);
        background-color:       #DEBF93;
        /*color:                  #D2DADB;*/
        font-size:              11px;
        margin:                 0px;
        padding:                0px;
    }

    p {
        margin:                 0px 0px 21px 0px;
        line-height:            18px;
    }

    a:link, a:visited {
        color:                  #7B9093;
    }

    a:hover {
        color:                  #D2DADB;
    }
    
    a.header:link, a.header:visited {
        color:                  #7B9093;
    }

    a.header:hover {
        color:                  #9d0e00;
    }

    img {
        border:                 0px;
    }

    ol li, ul li {
        margin-bottom:          12px;
        line-height:            18px;
        list-style-type:        square;
    }

    h1 {
        font-weight:            normal;
        font-size:              18px;
        margin-bottom:          20px;
    }

/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/*  DNN Bar                                                        */
/* ========================================================================== */

#ControlPanel
{
	z-index:                11;
} 
#cpanel_left
{
	z-index:                11;
}
#cpanel_right
{
	z-index:                11;
}
/* -------------------------------------------------------------------------- */


/* ========================================================================== */
/*  Client Support Bar                                                        */
/* ========================================================================== */

    #clientSupport {
        background-image:       url(/rampart-hosting/client-support.png);
        margin:                 0px 0px 0px 800px;
        top:1px;
        
        background-repeat:      no-repeat;
        position:               absolute;
        text-align:             center;
        width:                  127px;
        height:                 30px;
        font-size:              10px;
        z-index:                10;
    }

    #clientSupport a:link, #clientSupport a:visited {
        color:                  #E4E9E9;
        display:                block;
        font-weight:            bold;
        text-decoration:        none;
        padding-top:            3px;
    }

    #clientSupport a:hover {
        color:                  #FFF;
    }

    #clientSupportBar {
        background-image:       url(/rampart-hosting/client-support-bar.png);
        background-repeat:      repeat-x;
        position:               relative;
        width:                  100%;
        height:                 15px;
        line-height:            15px;
        top:                    0px;
        left:                   0px;
        z-index:                10;
    }

/* -------------------------------------------------------------------------- */


/* ========================================================================== */
/*  Layout Elements                                                           */
/* ========================================================================== */

    #container {
        background-image:       url(/rampart-hosting/container.png);
        background-repeat:      repeat-y;
       /* margin:                 4px auto;*/
       position:relative;
       top:-12px;
        width:                  940px;
        z-index:5;
       /* border:solid 1px green;*/
    }

    #logo {
       /* margin:                 48px 0px 0px 35px;*/
        position:               relative;
        top:35px;
        left:-300px;
    }

    #footerLine {
        background-image:       url(/rampart-hosting/blue-bar.jpg);
        background-repeat:      repeat-x;
        width:                  900px;
        line-height:            7px;
    }
    
    .footerBlock 
    {
        margin:                 0px 0px 10px 0px;
        font-size:              10px;
        line-height:            16px;
    }

/* -------------------------------------------------------------------------- */


/* ========================================================================== */
/*  Main Navigation                                                           */
/* ========================================================================== */

    #navigation {
       /* position:               absolute;
        width:                  900px;
        text-align:             right;
        margin-top:             70px;*/
        text-align:             right;
        position:relative;
        top:0px;
        z-index:				9;
       /* border:solid 1px black;*/
        height:					25px;
        
    }

    #navigation a:link, #navigation a:visited {
        padding:                0px 5px 3px 5px;
        color:                  #7B9093;
        font-size:              11px;
        text-decoration:        none;
        font-weight:            bold;
        
    }

    #navigation a:hover, #navigation a.on {
        border-bottom:          3px solid #5B6161;
        color:                  #D2DADB;
    }

/* -------------------------------------------------------------------------- */


/* ========================================================================== */
/*  Top Page Only Elements                                                    */
/* ========================================================================== */

    #topGraphicContainer {
        margin:                 100px 0px 0px 20px;
        position:               absolute;
    }

    #topBlueBar {
        background-image:       url(/rampart-hosting/blue-bar.jpg);
        margin:                 420px 0px 0px 20px;
        background-repeat:      repeat-x;
        position:               absolute;
        width:                  900px;
        line-height:            75px;
    }

    #topBlueBar table {
        margin:                 -105px 10px 0px 20px;
        position:               absolute;
    }

    td.bluebarContent {
        color:                  #596A6C;
        width:                  250px;
        padding:                10px 15px 0px 0px;
    }

    td.bluebarContent p {
        font-size:              9px;
    }

    td.bluebarContent p b {
        color:                  #414747;
        display:                block;
        font-size:              11px;
        margin-bottom:          5px;
    }

    td.bluebarGraphic {
        width:                  95px;
    }

    #topContent {
        background-image:       url(/rampart-hosting/content-texture.jpg);
        margin:                 495px 0px 0px 20px;
        background-repeat:      no-repeat;
        background-color:       #313636;
        width:                  900px;
    }

/* -------------------------------------------------------------------------- */


/* ========================================================================== */
/*  Sub Page Only Elements                                                    */
/* ========================================================================== */

    #subBlueBar {
        background-image:       url(/rampart-hosting/blue-bar.jpg);
        margin:                 20px 0px 0px 0px;
        background-repeat:      repeat-x;
        position:               relative;
        width:                  900px;
        line-height:            75px;
        /*border:solid 1px red; */
    }

    #subContent {
        background-image:       url(/rampart-hosting/content-texture.jpg);
       
        margin:                 0px 0px 0px 0px;
        background-repeat:      no-repeat;
        background-color:       #313636;
        
        width:                  900px;
    }

    .subContentText p {
        padding-right:          50px;
    }

    .subRightBar {
        padding-top:            55px;
    }

/* -------------------------------------------------------------------------- */


/* ========================================================================== */
/*  Content Elements                                                          */
/* ========================================================================== */

    table.content {
        width:                  850px;
        margin:                 40px 25px 25px 25px;
    }

    #contentLeft {
        width:                  595px;
        vertical-align:         top;
    }

    #contentLeft h1 {
        background-image:       url(/rampart-hosting/line.jpg);
        background-position:    bottom left;
        background-repeat:      no-repeat;
    }

    .sectionTitle {
        color:                  #7B9093;
        font-size:              15px;
    }

    .blogEntry {
        margin:                 10px 0px 30px 0px;
    }

    .blogAvatar {
        margin:                 -4px 0px 0px 2px;
        position:               absolute;
    }

    .blogPublished {
        margin:                 47px 0px 0px 7px;
        position:               absolute;
        color:                  #D6DDDD;
        font-size:              9px;
    }

    .blogPublished span.day {
        font-weight:            bold;
        font-size:              11px;
    }

    .blogTitle a:link, .blogTitle a:visited {
        color:                  #D2DADB;
        font-weight:            bold;
        text-decoration:        none;
        padding-left:           60px;
    }

    .blogTitle a:hover {
        color:                  #A35C8F;
    }

    .blogAuthor {
        padding:                5px 0px 13px 60px;
        color:                  #AAB9BB;
        font-size:              9px;
    }

    .blogContent {
        width:                  470px;
        padding-left:           60px;
    }

    #contentRight {
        width:                  250px;
        vertical-align:         top;
    }

    .rightBarBlock {
        width:                  250px;
    }

    .rightBarTop, .rightBarBottom {
        background-repeat:      no-repeat;
        width:                  250px;
        line-height:            15px;
        height:                 15px;
    }

    .rightBarTop {
        background-image:       url(/rampart-hosting/right-bar-top.gif);
    }

    .rightBarTopWithQuote {
        background-image:       url(/rampart-hosting/right-bar-top-quote.jpg);
    }

    .rightBarBottom {
        background-image:       url(/rampart-hosting/right-bar-bottom.gif);
        margin-bottom:          30px;
    }

    .rightBarContent {
        border:                 1px solid transparent; /* This is for Firefox... I don't know why it needs it... */
        background-color:       #414747;
        color:                  #95A6A9;
        width:                  248px;
        padding-top:            8px;
    }

    .quote {
        font-style:             italic;
        text-align:             right;
        width:                  200px;
        line-height:            27px;
        font-size:              15px;
        margin-left:            30px;
    }

    .quoteBy {
        color:                  #D2DADB;
        margin-top:             11px;
        line-height:            14px;
        font-size:              10px;
    }

    .formLabel {
        color:                  #95A6A9;
        margin-bottom:          3px;
    }

    .formInput {
        margin-bottom:          13px;
    }

    .formInput input, .formInput textarea {
        font-family:            Arial, Helvetica, sans-serif;
        color:                  #A35C8F;
        font-size:              11px;
        padding:                3px;
    }

    .formInput select option {
        color:                  #A35C8F;
        font-size:              11px;
    }

/* -------------------------------------------------------------------------- */