body {
    text-align: center;
    background-color: #54666e;
    background-image: url(/gfx/body-bg-stripe.png);
    background-attachment: fixed;
}
body, div, img, p {
    margin: 0px;
    padding: 0px;
    border: none;
}
body, div, p, h1, h2, h3, h4, h5, h6, input, textarea, ul, li {
    font-family: "Lucida Grande", "Free Sans", "Arial Unicode MS",
                 "Microsoft Sans Serif", "Lucida Sans Unicode",
                 Tahoma, Verdana, sans-serif;

    color: #033956;
}
div, p, ul, li, strong {
    font-size: 13px;
}
#page-container {
    position: relative;
    width: 906px;
    margin: auto;
    text-align: center;
    background-image: url(/gfx/page-container-bg.png);
    background-repeat: repeat-y;
}
#page {
    background-color: #d5f0ff;
    background-color: #6b93a9;
    width: 898px;
    margin: auto;
    text-align: left;
    background-image: url(/gfx/page-bg-280.png);
    background-repeat: repeat-x;
    overflow: hidden;
}
#page-bottom {
    width: 906px;
    height: 12px;
    margin: auto;
    background-image: url(/gfx/page-bottom-trans.png);
    background-repeat: no-repeat;
}
#logo {
    padding: 34px 0px 14px 20px;
    
}

/*
**  Ribbon
*/
#ribbon {
    position: absolute;
    top: 106px;
    left: -5px;
    height: 42px;
    width: 916px;
}
#ribbon-l,
#ribbon-r {
    width: 9px;
    height: 42px;
    background-image: url(/gfx/ribbon-trans.png);
    background-repeat: no-repeat;
    clear: none;
}
#ribbon-l {
    float: left;
}
#ribbon-r {
    float: right;
    background-position: -8px 0px;
}
#ribbon-m {
    text-align: left;
    float: left;
    width: 898px;
    height: 42px;
    background-image: url(/gfx/ribbon-bg.png);
    background-repeat: repeat-x;
}
#ribbon-m a {
    margin: 0px 0px 0px 20px;
    line-height: 38px;
    color: #033956;
    text-decoration: none;
}
#ribbon-m a.active {
    color: #FFFFFF;
}
#ribbon-m a:hover {
    zzcolor: #027abb;
    text-decoration: underline;
}

/*
**  Content
*/
#content {
    margin-top: 64px;
    padding: 0px 0px 20px 20px;
    overflow: hidden;
}
div.article {
    background-color: white;
    float: left;
    clear: left;
    width: 660px;
    background-image: url(/gfx/content-mid-bg.gif);
    background-repeat: repeat-y;
}
div.article-top {
    float: left;
    clear: left;
    width: 660px;
    height: 12px;
    background-image: url(/gfx/content-top-bg.gif);
    background-repeat: no-repeat;
}
div.article-bot {
    float: left;
    clear: left;
    width: 660px;
    height: 12px;
    background-image: url(/gfx/content-bot-bg.gif);
    background-repeat: no-repeat;
}


#content div.clear {
    clear: both;
}
#content div.pofo {
    width: 430px;
    overflow: hidden;
}
#content p {
    margin: 10px 10px 20px 10px;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}
#content h1 {
    font-size: 25px;
    font-weight: normal;
    color: #fff;
    margin: 0px 0px 10px 0px;
}
#content h2 {
    margin: 20px 10px 20px 20px;
    color: #73be1e;
    font-size: 18px;
    clear: both;
}
#content h3 {
    margin: 10px 10px 0px 20px;
    color: #027abb;
    font-size: 15px;
}
#content h4 {
    margin: 10px;
    color: #73be1e;
}
#content a {
    color: #961207;
    text-decoration: none;
}
#content a:hover {
    color: #ff1a00;
    text-decoration: underline;
}
#content a:visited {
    color: #027abb;
}


.credits {
    color: #6b93a9;
    font-size: 10px;
}
.credits a {
    color: #027abb;
    text-decoration: none;
}


/*
**  Forms
*/
#content form {
    margin: 10px 10px 20px 20px;
    color: #033956;
}

input.txt,
textarea {
    display: block;
    border: 1px solid #b4d2e3;
    font-size: 14px;
    color: #033956;
}
input.txt {
    height: 22px;
    width: 300px;
}
textarea {
    height: 120px;
    width: 500px;
    width: 616px;
}
input.btn {
    float: right;
    clear: both;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 98px;
    height: 30px;
    font-size: 15px;
    color: #033956;
    background-color: #73be1e;
    border: 1px solid #88bb00;
    background-image: url(/gfx/button3.png);
}
input.btn:hover {
    color: #027abb;
    background-color: #ffffff;
}
label {
    display: block;
    color: #027abb;
    font-size: 15px;
    font-weight: bold;
}


/*
**  Columns
*/
div.col-l {
    float: left;
    width: 658px;
}
div.col-l p {
    margin: 10px 20px 20px 10px !important;
    text-align: justify !important;
}
div.col-r {
    float: right;
    width: 200px;
}

div.panel {
    width: 200px;
    height: 250px;
    overflow: hidden;
    background-image: url(/gfx/panel.png);
    background-repeat: no-repeat;
    float: right;
}
div.panel h3 {
    padding: 20px 0px 10px 28px !important;
    margin: 0px !important;
    color: #FFFFFF !important;
}
div.panel p {
    padding: 20px 20px 10px 28px;
    margin: 0px !important;
}
div.panel ol {
    padding: 0px 20px 10px 48px;
    margin: 0px;
}

/*
**
*/
img.thumb {
    float: left;
    clear: right;
    margin: 0px 10px 10px 10px;
}



.center {
    text-align: center;
}
.right {
    text-align: right;
}



ul li {
    margin: 0px 0px 10px 0px;
}


.error {
    border: 1px solid #FF0000;
    background-color: #FFCCCC;
    margin: 0px 20px 0px 20px;
}