/* OFF WHITE CONTAINER */
.containerWrapper
{
    margin-bottom: 15px;
}

.containerOffWhite .top-left, .containerOffWhite .top-right, .containerOffWhite .bottom-left, .containerOffWhite .bottom-right
{
    background-image: url( images/offwhite.png );
    background-repeat: no-repeat;
    height: 9px;
    font-size: 2px;
}

.containerOffWhite .top-left, .containerOffWhite .bottom-left
{
    margin-right: 9px;
}

.containerOffWhite .top-right, .containerOffWhite .bottom-right
{
    margin-left: 9px;
    margin-top: -9px;
}

.containerOffWhite .bottom-left
{
    background-position: 0 -9px;
}

.containerOffWhite .bottom-right
{
    background-position: 100% -9px;
}

.containerOffWhite .inside
{
    background: #f0f1e4;
    color: #000000;
    padding-left: 9px;
    padding-right: 9px;
}



/* WHITE CONTAINER */
.containerWrapper
{
    margin-bottom: 15px;
}

.containerWhite .top-left, .containerWhite .top-right, .containerWhite .bottom-left, .containerWhite .bottom-right
{
    background-image: url( images/white.png );
    background-repeat: no-repeat;
    height: 9px;
    font-size: 2px;
}

.containerWhite .top-left, .containerWhite .bottom-left
{
    margin-right: 9px;
}

.containerWhite .top-right, .containerWhite .bottom-right
{
    margin-left: 9px;
    margin-top: -9px;
}

.containerWhite .bottom-left
{
    background-position: 0 -9px;
}

.containerWhite .bottom-right
{
    background-position: 100% -9px;
}

.containerWhite .inside
{
    background: #fff;
    color: #000000;
    padding-left: 9px;
    padding-right: 9px;
}




/* NARROW AQUA CONTAINER */
.containerAqua .top-left, .containerAqua .top-right, .containerAqua .bottom-left, .containerAqua .bottom-right
{
    background-image: url( images/aqua.png );
    background-repeat: no-repeat;
    height: 11px;
    font-size: 2px;
}

.containerAqua .top-left, .containerAqua .bottom-left
{
    margin-right: 11px;
}

.containerAqua .top-right, .containerAqua .bottom-right
{
    margin-left: 11px;
    margin-top: -11px;
}

.containerAqua .bottom-left
{
    background-position: 0 -11px;
}

.containerAqua .bottom-right
{
    background-position: 100% -11px;
}

.containerAqua .inside
{
    background: url( images/aqua-inside.png ) #92c5c4 repeat-y right;
    color: #000000;
    padding-left: 9px;
    padding-right: 9px;
}

.containerAqua .inside p
{
    font-size: 15px;
    line-height: 1.2em;
}





/* WIDE AQUA CONTAINER */
.containerAquaWide .top-left, .containerAquaWide .top-right, .containerAquaWide .bottom-left, .containerAquaWide .bottom-right
{
    background-image: url( images/aqua-wide.png );
    background-repeat: no-repeat;
    height: 11px;
    font-size: 2px;
}

.containerAquaWide .top-left, .containerAquaWide .bottom-left
{
    margin-right: 11px;
}

.containerAquaWide .top-right, .containerAquaWide .bottom-right
{
    margin-left: 11px;
    margin-top: -11px;
}

.containerAquaWide .bottom-left
{
    background-position: 0 -11px;
}

.containerAquaWide .bottom-right
{
    background-position: 100% -11px;
}

.containerAquaWide .inside
{
    background: url( images/aqua-inside-wide.png ) #92c5c4 repeat-y right;
    color: #000000;
    padding-left: 9px;
    padding-right: 9px;
}

.containerAquaWide .inside p
{
    font-size: 15px;
    line-height: 1.2em;
}

.containerAquaWide a, .containerAqua a, .containerAquaWide a:link, .containerAqua a:link, .containerAquaWide a:visited, .containerAqua a:visited
{
    text-decoration:underline;
    color:White;
}

/* AQUA & WHITE (DEFAULT) CONTAINER */
.containerDefault .top-left, .containerDefault .top-right, .containerDefault .bottom-left, .containerDefault .bottom-right
{
    background-image: url( images/main.png ); /* CHANGE: path and name of your image */
    background-repeat: no-repeat;
    height: 19px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
    font-size: 2px; /* DNC: correction IE for height of the <div>'s */
}

.containerDefault .top-left, .containerDefault .bottom-left
{
    margin-right: 19px; /* CHANGE: replace by the width of one of your corners */
}

.containerDefault .top-right, .containerDefault .bottom-right
{
    margin-left: 19px; /* CHANGE: replace by the width of one of your corners */
    margin-top: -19px; /* CHANGE: replace by the height of one of your corners */
}

.top-right
{
    background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */
}

.containerDefault .bottom-left
{
    background-position: 0 -19px; /* CHANGE: replace second number by negative height of one of your corners */
}

.containerDefault .bottom-right
{
    background-position: 100% -19px; /* CHANGE: replace second number by negative height of one of your corners */
}

.containerDefault .inside
{
    border-left: 11px #558790 solid; /* YCC: color & properties of the left-borderline */
    border-right: 11px #558790 solid; /* YCC: color & properties of the right-borderline */
    background: #fff; /* YCC: background-color of the inside */
    color: #000000; /* YCC: default text-color of the inside */
    padding-left: 9px; /* YCC: all texts at some distance of the left border */
    padding-right: 9px; /* YCC: all texts at some distance of the right border */
}
/* THIN VERSION START */
/* AQUA & WHITE (DEFAULT) CONTAINER */
.thin .containerDefault .top-left, .thin .containerDefault .top-right, .thin .containerDefault .bottom-left, .thin .containerDefault .bottom-right
{
    background-image: url( images/main-aqua.png ); /* CHANGE: path and name of your image */
    background-repeat: no-repeat;
    height: 13px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
    font-size: 2px; /* DNC: correction IE for height of the <div>'s */
}

.thin .containerDefault .top-left, .thin .containerDefault .bottom-left
{
    margin-right: 13px; /* CHANGE: replace by the width of one of your corners */
}

.thin .containerDefault .top-right, .thin .containerDefault .bottom-right
{
    margin-left: 13px; /* CHANGE: replace by the width of one of your corners */
    margin-top: -13px; /* CHANGE: replace by the height of one of your corners */
}

.thin .containerDefault .bottom-left
{
    background-position: 0 -13px; /* CHANGE: replace second number by negative height of one of your corners */
}

.thin .containerDefault .bottom-right
{
    background-position: 100% -13px; /* CHANGE: replace second number by negative height of one of your corners */
}

.thin .containerDefault .inside
{
    border-left: 5px #558790 solid; /* YCC: color & properties of the left-borderline */
    border-right: 5px #558790 solid; /* YCC: color & properties of the right-borderline */
    background: #fff; /* YCC: background-color of the inside */
    color: #000000; /* YCC: default text-color of the inside */
    padding-left: 9px; /* YCC: all texts at some distance of the left border */
    padding-right: 9px; /* YCC: all texts at some distance of the right border */
}

/* THIN VERSION END   */



.containerDefault h1
{
/*
    margin: 0;
    margin-bottom: 15px;
    font-size: 14px;
    color: #848484;
    line-height: 1.4em;
    font-weight: bold;
*/
}








/* ORANGE & WHITE CONTAINER */
.containerOrangeBorder .top-left, .containerOrangeBorder .top-right, .containerOrangeBorder .bottom-left, .containerOrangeBorder .bottom-right
{
    background-image: url( images/main-orange.png ); /* CHANGE: path and name of your image */
    background-repeat: no-repeat;
    height: 13px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
    font-size: 2px; /* DNC: correction IE for height of the <div>'s */
}

.containerOrangeBorder .top-left, .containerOrangeBorder .bottom-left
{
    margin-right: 13px; /* CHANGE: replace by the width of one of your corners */
}

.containerOrangeBorder .top-right, .containerOrangeBorder .bottom-right
{
    margin-left: 13px; /* CHANGE: replace by the width of one of your corners */
    margin-top: -13px; /* CHANGE: replace by the height of one of your corners */
}

.top-right
{
    background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */
}

.containerOrangeBorder .bottom-left
{
    background-position: 0 -13px; /* CHANGE: replace second number by negative height of one of your corners */
}

.containerOrangeBorder .bottom-right
{
    background-position: 100% -13px; /* CHANGE: replace second number by negative height of one of your corners */
}

.containerOrangeBorder .inside
{
    border-left: 5px #f69127 solid; /* YCC: color & properties of the left-borderline */
    border-right: 5px #f69127 solid; /* YCC: color & properties of the right-borderline */
    background: #fff; /* YCC: background-color of the inside */
    color: #000000; /* YCC: default text-color of the inside */
    padding-left: 9px; /* YCC: all texts at some distance of the left border */
    padding-right: 9px; /* YCC: all texts at some distance of the right border */
}








h1, .Head
{
/*
    font-family: Arial, Verdana, helvetica, Sans-Serif;
    font-size: 14px;
    color: #eb9100;
*/
}

.containerHeader
{
    padding-left: 0;
}

.containerDefault h1, .containerDefault .Head, .containerDefaultBottom h1, .containerDefaultBottom .Head
{
/*
    margin: 0;
    margin-bottom: 15px;
    line-height: 1.4em;
    font-weight: bold;
*/
}

p, .Normal
{
    margin: 0;
    padding-bottom: 5px;
    font-family: Arial, Verdana, helvetica, Sans-Serif;
    color: #463e3e;
    font-size: 12px;
    line-height: 1.4em;
}

img
{
    border: 0;
}

hr
{
    margin-bottom: 10px;
    border: 1px solid pink;
    border-bottom: 0;
    height: 1px;
}

tr
{
    vertical-align: top;
}