/*
Blue Filament v3.0
layout/structural styles
*/

html {
    height: 100%;
}

body {
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: 0px;
    height: 100%;
}

#outer {
    width: 800px;
    height: 100%;
    margin: 0px auto;
    padding: 0px;

    text-align: left;
/*    background-color: #FFFFFF;*/
}

#leftouter {
    text-align: center;
    width: 514px;
    height: 100%;
    margin: 0px auto;
    padding: 0px;
    clear: none;
    display: block;
    /*background-color: #CCCCFF;*/
    float: left;
}

#rightouter {
    text-align: center;
    width: 286px;
    height: 100%;
    margin: 0px auto;
    padding: 0px;
    clear: none;
    display: block;
    float: left;
    /*background-color: #FFCCCC;*/
}

.leftbox {
    position: relative;
    text-align: left;
    background-image: url("/images/wide-box-sides-blue.gif");
    background-repeat: repeat-y;
    width: 492px;
    padding: 0px;
    margin: 0px;
}

.lefttop {
    background-image: url("/images/wide-box-top-blue.gif");
    background-repeat: no-repeat;
    width: 492px;
    height: 12px;
    font-size: 6pt;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid #FF0000;*/
}


.leftbottom {
    background-image: url("/images/wide-box-bottom-blue.gif");
    background-repeat: no-repeat;
    width: 492px;
    height: 12px;
    font-size: 6pt;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid #FF0000;*/
}

.rightbox {
    position: relative;
    text-align: left;
    background-image: url("/images/narrow-box-sides-blue.gif");
    background-repeat: repeat-y;
    width: 264px;
    padding: 0px;
    margin: 0px;
}

.righttop {
    background-image: url("/images/narrow-box-top-blue.gif");
    background-repeat: no-repeat;
    width: 264;
    height: 12px;
    font-size: 6pt;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid #FF0000;*/
}

.rightbottom {
    background-image: url("/images/narrow-box-bottom-blue.gif");
    background-repeat: no-repeat;
    width: 264;
    height: 12px;
    font-size: 6pt;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid #FF0000;*/
}

.fullbox {
    position: relative;
    text-align: left;
    background-image: url("/images/full-box-sides-blue.gif");
    background-repeat: repeat-y;
    width: 773px;
    padding: 0px;
    margin: 0px;
}

.fulltop {
    background-image: url("/images/full-box-top-blue.gif");
    background-repeat: no-repeat;
    width: 773px;
    height: 12px;
    font-size: 6pt;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid #FF0000;*/
}


.fullbottom {
    background-image: url("/images/full-box-bottom-blue.gif");
    background-repeat: no-repeat;
    width: 773px;
    height: 12px;
    font-size: 6pt;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid #FF0000;*/
}



.leftbox.redleftbox { background-image: url("/images/wide-box-sides-red.gif"); }
.lefttop.redlefttop { background-image: url("/images/wide-box-top-red.gif"); }
.leftbottom.redleftbottom { background-image: url("/images/wide-box-bottom-red.gif");}

.leftbox.greenleftbox { background-image: url("/images/wide-box-sides-green.gif"); }
.lefttop.greenlefttop { background-image: url("/images/wide-box-top-green.gif"); }
.leftbottom.greenleftbottom { background-image: url("/images/wide-box-bottom-green.gif");}

.leftbox.grayleftbox { background-image: url("/images/wide-box-sides-gray.gif"); }
.lefttop.graylefttop { background-image: url("/images/wide-box-top-gray.gif"); }
.leftbottom.grayleftbottom { background-image: url("/images/wide-box-bottom-gray.gif");}

.rightbox.bluerightbox { background-image: url("/images/narrow-box-sides-blue.gif");  }
.righttop.bluerighttop { background-image: url("/images/narrow-box-top-blue.gif");    }
.rightbottom.bluerightbottom { background-image: url("/images/narrow-box-bottom-blue.gif"); }

.rightbox.redrightbox { background-image: url("/images/narrow-box-sides-red.gif");  }
.righttop.redrighttop { background-image: url("/images/narrow-box-top-red.gif");    }
.rightbottom.redrightbottom { background-image: url("/images/narrow-box-bottom-red.gif"); }

.rightbox.greenrightbox { background-image: url("/images/narrow-box-sides-green.gif"); }
.righttop.greenrighttop { background-image: url("/images/narrow-box-top-green.gif"); }
.rightbottom.greenrightbottom { background-image: url("/images/narrow-box-bottom-green.gif");}

.rightbox.grayrightbox { background-image: url("/images/narrow-box-sides-gray.gif"); }
.righttop.grayrighttop { background-image: url("/images/narrow-box-top-gray.gif"); }
.rightbottom.grayrightbottom { background-image: url("/images/narrow-box-bottom-gray.gif");}

.boxcontent {
    padding-top: 0px;
    padding-bottom; 0px;
    padding-left: 18px;
    padding-right: 18px;
    margin: 0px;
}

.flush {
    padding: 0px;
    margin: 0px;
}

.vertspacer {
    height: 18px;
}

.inner {
    background-color: #FFFFFF;
    margin: 10px;
    padding: 10px;
}

p {
    margin-top: 6px;
    margin-bottom: 12px;
}