/* ---------- XHTML Elements ---------- */
body {
    background: #f9f9fa url("../img/background.png") repeat-x fixed bottom left;
    margin: 0;
    padding: 0;
}

body, td, p, input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    color: #48484a;
}


/* Links always underlined */
a, a:link, a:visited, a:hover, a:active
{
    text-decoration: underline;
    color: #48484a;
}

img {
    margin: 0;
    padding: 0;
    border: none;
}

/* ---------- Layout ---------- */

div#all {
    position: relative;
    width: 905px;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
}

div#header {
    position: absolute;
    left: 0;
    top: 6px;
    width: 900px;
    height: 85px;
    margin: 0;
    padding: 0;
}

div#navigation {
    position: absolute;
    left: 0;
    top: 85px;
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0;
    overflow: visible;
   
    z-index: 1;
}

div#footer {
    position: relative;
    float: right;
    width: 690px;
    height: 40px;
    margin: 16px 0 0 0;
    padding: 10px 0 0 0;

    color: #aaaaaa;
    font-size: 0.65em;
    font-weight: normal;
    font-variant: normal;
    text-align: center;

    z-index: 1;
}

div#content {
    background: url("../img/contentbg.png") repeat-y scroll left top;
    position: relative;
    float: right;
    width: 695px;
    height: auto;
    margin: 103px 0 0 0;
    z-index: 2;
}

div#content .top {
    background: url("../img/contenttop.png") no-repeat scroll left top;
    width: 695px;
    height: 20px;
    margin-top: -20px;
}

div#content .bottom {
    background: url("../img/contentbottom.png") no-repeat scroll left bottom;
    width: 695px;
    height: 20px;
    clear:both;
    margin-bottom: -20px;
}


/* ---------- Header ---------- */

div#header a {
    position: absolute;
    left: 510px;
}


/* ---------- Navigation ---------- */

div#navigation div.category {
    clear: both;
    width: 203px;
    height: auto;
    margin: 0;
    padding: 0 0 10px 0;
    overflow: visible;
}

div#navigation div.category div.header {
    background: url("../img/navibox.png") no-repeat scroll left top;
    width: 203px;
    height: 24px;
    margin: 0;
    padding: 2px 0 1px 22px;

    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-variant: normal;

    line-height: 1.46em; /* safari fix */
}

div#navigation div.category ul.internal {
    background: url("../img/navibox.png") repeat-y scroll left bottom;
    position: relative;
    width: 202px;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 22px 0;
}

div#navigation div.category ul.internal li {
    position: relative;
    left: 0;
    top: 3px;
    list-style-type: none;
    margin: 0 6px 0 5px;
    padding-left: 17px;

    z-index: 2;

    font-size: 0.70em;
    font-weight: normal;
    font-variant: normal;
    line-height: 18px;
    text-decoration: none;
}

div#navigation div.category ul.internal li a:hover {
    text-decoration: underline;
}

div#navigation div.category ul.internal li a {
    display: block;
    width: 160px;
    text-decoration: none;
}

div#navigation div.category ul.internal li a.activePage {
    font-weight: bold;
    letter-spacing: -1px;
}


/* ---------- Footer ---------- */

div#footer #links {
    position: relative;
    margin: 0 20px 0 0;
    z-index: 2;
}

div#footer #links a {
    margin: 0 0 0 2px;
    padding: 0 0 0 6px;

    border-left: 1px solid #aaaaaa;
    color: #aaaaaa;
    font-weight: normal;
    text-decoration: none;
}

div#footer #links a:first-child {
    padding: 0;
    border: none;
}

div#footer #links a:hover {
    text-decoration: underline;
}


/* ---------- Content ---------- */

div#content div.header {
    position: relative;
    top: -26px;
    width: 700px;
    margin: 5px -35px 7px 0;
}

div#content div.header.direct {
    margin: 5px -35px 0 0;
}

div#content div.header img {
    margin: 6px -5px -6px 5px;
}

div#content div.header img.direct {
    margin: 21px -25px -10px 20px;
}

div#content img.headerFrame {
    width: 680px;
    height: 190px;
    position: absolute;
    top: -5px;
    left: -5px;
    margin: 0;
    z-index: 1;
}

div#content div.header.flash {
    margin: 7px -35px -9px 0;
}

div#content div.area {
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 2;
}

div#content div.separator {
    float: left;
    clear: both;
    width: 100%;
    border-bottom: 1px solid #a07070;
    margin-bottom: 20px;
}

div#content div.floatBreak {
    clear: both;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
    margin-bottom: -1px;
}

div#content div.bigBox {
    position: relative;
    clear: both;
    width: 600px;
    padding: 0 0 20px 25px;
    z-index: 2;

    font-size: 0.80em;
    color: #48484a;
}

div#content div.bigBox p {
    margin: 0;
}

div#content div.bigBox h1 {
    margin: 0 0 7px 0;
    color: #ab1100;

    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
    font-variant: normal;
    font-size: 1.85em;
    letter-spacing: 0;
}

div#content div.contentColumn {
    position: relative;
    float: left;
    width: 440px;
    margin: 0 -5px 0 0;
    overflow: visible;
    z-index: 2;    
}

div#content div.teaserColumn {
    position: relative;
    float: right;
    width: 220px;
    margin: 0 0 0 -5px;
    overflow: visible;
    z-index: 2;
    padding-right: 23px;
}

div#content div.box {
    background: url("../img/box.png") no-repeat scroll left bottom;
    float: left;
    position: relative;
    top: 22px;
    width: 207px;
    margin: 0 -3px 34px 20px;
    z-index: 2;

    color: #48484a;
    font-size: 0.70em;
}

div#content div.box.aside,
div#content div.box.right {
    float: right;
    margin-right: 20px;
}

div#content div.box.left {
    float: left;
}

div#content div.box.fixedHeight {
    height: 86px;
}

div#content div.box.doubleHeight {
    height: 206px;
}

/* Links in boxes underlined only onMouseOver */
div#content div.box a, div#content div.box a:link, div#content div.box a:visited, div#content div.box a:active
{
    text-decoration: none;
}

div#content div.box a:hover
{
    text-decoration: none;
    color: #78787a;
}

div#content div.box h1  { font-size: 14px; }
div#content div.box h2  { font-size: 13px; }
div#content div.box h3  { font-size: 12px; }
div#content div.box h4  { font-size: 11px; }
div#content div.box h5  { font-size: 10px; }
div#content div.box h6  { font-size: 9px; }

div#content div.box h1,
div#content div.box h2,
div#content div.box h3,
div#content div.box h4,
div#content div.box h5,
div#content div.box h6 {
    position: relative;
    top: -22px;
    margin: 0;
    width: 171px;
    background: no-repeat scroll left top;

    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
    font-variant: normal;
    color: #48484a;
}

div#content div.box.headline h1,
div#content div.box.headline h2,
div#content div.box.headline h3,
div#content div.box.headline h4,
div#content div.box.headline h5,
div#content div.box.headline h6 {
    background-image: url("../img/boxtop1.png");
    height: 12px;
    padding: 10px 18px 0 18px;
}

div#content div.box.title h1,
div#content div.box.title h2,
div#content div.box.title h3,
div#content div.box.title h4,
div#content div.box.title h5,
div#content div.box.title h6 {
    background-image: url("../img/box.png");
    height: 19px;
    padding: 2px 18px 1px 18px;
    margin-bottom: -6px;
    color: #48484a;
    
    line-height: 1.46em; /* safari fix */
}

div#content div.box h1 a,
div#content div.box h2 a,
div#content div.box h3 a,
div#content div.box h4 a,
div#content div.box h5 a,
div#content div.box h6 a
{
    text-decoration: none;
    color: #48484A;
}

div#content div.box p {
    width: 171px;
    margin: -22px 0 0 0;
    padding: 15px 18px 21px 18px;
    overflow: visible;
    float: left;
    clear: both;
    line-height: 16px;
}

div#content div.box p:first-child {
    background: url("../img/boxtop1.png") no-repeat scroll left top;
}

div#content div.box.headline p {
    background-image: none;
}

div#content div.box.title p {
    background-image: none;
}

div#content div.box.title.emphasis p {
    background-image: none;
}

div#content div.box.headline.emphasis p {
    background-image: none;
}

div#content div.box img,
div#content div.box img.left {
    float: left;  
    margin: 0 7px 0 0;
    padding: 4px 0 5px 0;
}

div#content div.box img.right {
    float: right;
    margin: 0 0 0 7px;
}

div#content div.box img.center {
    float: none;
    clear: both;
    display: block;
    position: relative;
    left: 1px;
    margin: 0 auto 0 auto;
}

div#content div.box ul {
    float: left;
    clear: both;
    width: 154px;
    overflow: visible;
    margin: -22px 0 0 0;
    padding: 11px 38px 21px 19px;
    list-style-type: none;
}

div#content div.box ul li {
    background: url("../img/teaserlistbullet.png") no-repeat 0 9px;
    margin: 0;
    padding: 5px 0 0 14px;
}

div#content div.box ol {
    float: left;
    clear: both;
    width: 169px;
    overflow: visible;
    margin: -22px 0 0 0;
    padding: 11px 38px 21px 4px;
    list-style: decimal inside;
}

div#content div.box ol li {
    margin: 0;
    padding: 5px 0 0 30px;
    text-indent: -16px;    
}

div#content div.box.headline ul,
div#content div.box.headline ol {
    background-image: none;
}

div#content div.box.title ul,
div#content div.box.title ol {
    background-image: none;
}

div#content div.box.title.emphasis ul,
div#content div.box.title.emphasis ol {
    background-image: none;
}

div#content div.box.headline.emphasis ul,
div#content div.box.headline.emphasis ol {
    background-image: none;
}

div#content div.box div.continueButton {
    background: url("../img/continuebutton.png") no-repeat scroll 5px 5px;

    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    right: 7px;
    bottom: 12px;
    height: 19px;
    width: 19px;

    font-size: 9px;
    line-height: 9px;
    text-decoration: none;
}

div#content div.box a.continueLink {
    position: absolute;
    display: block;
    top: -22px;
    bottom: 9px;
    right: 5px;
    width: 202px;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 9px;
    line-height: 9px;
    text-decoration: none;
    z-index: 2;
    background: url("../img/blank.gif") repeat scroll left top; /* IE 6,7,8 */
}

div#content div.linked:hover h2,
div#content div.linked:hover h2 a {
    color: #78787a !important;
}

div#content div.content {
    background: url("../img/contentcolfull.png") no-repeat scroll right bottom;
    position: relative;
    float: left;
    width: 439px;
    height: auto;
    margin:  0 0 13px 6px;
    padding: 0 0 27px 0;
    z-index: 2;

    font-size: 0.80em;
    color: #48484a;
}

div#content div.content h1 {
    background: url("../img/contentcol.png") repeat-y scroll right top;
    margin: 0;
    padding: 10px 35px 10px 35px;
    color: #ab1100;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
    font-variant: normal;
    font-size: 1.80em;
}

div#content div.content h1:first-child {
    background: url("../img/contentcoltop.png") no-repeat scroll right top;
    margin: 0;
    padding: 10px 35px;
    color: #ab1100;
    font-size: 1.70em;
}

div#content div.content p,
div#content div.content ul,
div#content div.content ol {
    margin: 0;
    padding: 0 35px 0 35px;
}

div#content div.content p:first-child {
    background: url("../img/contentcoltop.png") no-repeat scroll right top;
    margin: 0;
    padding: 15px 35px 10px 35px;
}

div#content div.content ul {
    padding: 3px 35px 8px 36px;
    list-style-type: none;
}

div#content div.content ul li {
    background: url("../img/listbullet.png") no-repeat 0 6px;
    margin: 0;
    padding-left: 14px;
}

div#content div.content ol {
    padding: 3px 35px 8px 36px;
    list-style-position: inside;
}

div#content div.content ol li {
    margin: 0;
    padding: 0;
}

div#content div.content img,
div#content div.content img.left {
    float: left;
    margin: 0 15px 0 0;
}

div#content div.content img.right {
    float: right;
    margin: 0 0 0 15px;
}

div#content div.content img.center {
    float: none;
    clear: both;
    display: block;
    margin: 0 auto 0 auto;
}

.verticalSpacer {
    clear: both;
}

div#content div.image {
    float: left;
    position: relative;
    z-index: 2;

    top: 22px;
    left: 4px;
    width: 210px;
    margin: -22px -6px 36px 16px;

    color: #48484a;
    font-size: 0.70em;
}

div#content div.image.asideImg,
div#content div.image.rightImg {
    float: right;
}

div#content div.image.leftImg {
    float: left;
}

div#content div.image.fixedHeightImg {
    height: 106px;
}

div#content div.image.doubleHeightImg {
    height: 226px;
}

div#content div.image.freeHeightImg {
    margin-bottom: 40px;
}

div#content div.image a.caption,
div#content div.image div.caption {
    background: url("../img/imagecaptionbg.png") repeat 0 0;
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 200px;
    height: 15px;
    padding-top: 0;
    color: #fff;

    text-align: center;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
}

div#content div.image.freeHeight a.caption,
div#content div.image.freeHeight div.caption
{
    bottom: 9px;
}

div#content div.image a.noBG,
div#content div.image div.noBG,
div#content div.image.freeHeight a.noBG,
div#content div.image.freeHeight div.noBG {
    background-image: none;
}

div#content div.image a,
div#content div.image a:hover
{
    text-decoration: none;    
}

div#content div.image.customMargin30 { margin-bottom: 30px; }
div#content div.image.customMargin31 { margin-bottom: 31px; }
div#content div.image.customMargin32 { margin-bottom: 32px; }
div#content div.image.customMargin33 { margin-bottom: 33px; }
div#content div.image.customMargin34 { margin-bottom: 34px; }
div#content div.image.customMargin35 { margin-bottom: 35px; }
div#content div.image.customMargin36 { margin-bottom: 36px; }
div#content div.image.customMargin37 { margin-bottom: 37px; }
div#content div.image.customMargin38 { margin-bottom: 38px; }
div#content div.image.customMargin39 { margin-bottom: 39px; }
div#content div.image.customMargin40 { margin-bottom: 40px; }

div#content div.image div.customPosition2, div#content div.image a.customPosition2 { bottom: 2px; }
div#content div.image div.customPosition3, div#content div.image a.customPosition3 { bottom: 3px; }
div#content div.image div.customPosition4, div#content div.image a.customPosition4 { bottom: 4px; }
div#content div.image div.customPosition5, div#content div.image a.customPosition5 { bottom: 5px; }
div#content div.image div.customPosition6, div#content div.image a.customPosition6 { bottom: 6px; }
div#content div.image div.customPosition7, div#content div.image a.customPosition7 { bottom: 7px; }
div#content div.image div.customPosition8, div#content div.image a.customPosition8 { bottom: 8px; }
div#content div.image div.customPosition9, div#content div.image a.customPosition9 { bottom: 9px; }
div#content div.image div.customPosition10, div#content div.image a.customPosition10 { bottom: 10px; }
div#content div.image div.customPosition11, div#content div.image a.customPosition11 { bottom: 11px; }
div#content div.image div.customPosition12, div#content div.image a.customPosition12 { bottom: 12px; }

div.flash em {
    display: block;
    width: 99%;
    margin: 15px auto 0 auto;

    color: #903030;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    text-indent: -30px;
}


/* ---------- CSS bugfixes ---------- */

div#content div.content div.ie6ContentFixTop,
div#content div.content div.ie6ContentFixBottom {
    display: none;
}

div.ie6marginFix { display: block; height: 20px; }

div.ie6shadowCover { display: none; }


/* ---------- Mgnl Forms ---------- */

div#content div.content div.text h1:first-child,
div#content div.text p {
    background: none;
}

div#content div.form-wrapper form {
    display: inline;
}

div#content div.form-wrapper p.required {
    padding-top: 10px;
    background: none;
    font-size: 0.85em;
    font-style: italic;
    color: #ab1100;
}

div#content div.form-wrapper p.required span {
    font-weight: bold;
    color: #ab1100;
    font-size: 1.18em;    
}

div#content div.form-wrapper fieldset {
    margin: 0;
    padding: 10px 35px 10px 35px;
    border: none;    
}

div#content div.form-wrapper fieldset dfn,
div.error label span em {
    font-weight: bold;
    font-style: normal;
    color: #ab1100;
}

div#content div.form-wrapper fieldset label {
    display: block;
    width: 390px;
    clear: both;
    padding-bottom: 2px;
}

div#content div.form-wrapper fieldset label#info_label {
    margin: 3px 0 3px 0;
    width: 390px;
}

div#content div.form-wrapper fieldset label span {
    float: left;
    width: 100px;
    padding-right: 20px;
}

div#content div.form-wrapper fieldset label input {
    width: 260px;
    height: 20px;
    vertical-align: baseline;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    border: 1px solid #999;
    background: transparent url(../img/contentbg.png) repeat scroll center;
}

div#content div.form-wrapper fieldset label#contact_label {
    margin-top: 7px;
}
div#content div.form-wrapper fieldset label#marlatest_label {
    margin-bottom: 7px;
}

div#content div.form-wrapper fieldset label#contact_label input#contact_0,
div#content div.form-wrapper fieldset label#marlatest_label input#marlatest_0 {
    width: auto;
    height: auto;
    border: none;
    position: relative;
    top: 2px;
}

div#content div.form-wrapper fieldset label textarea {
    width: 260px;
    vertical-align: top;
    font-family: inherit;
    font-size: inherit;
    border: 1px solid #999;
    background: transparent url(../img/contentbg.png) repeat scroll center;
}

div#content div.form-wrapper div.button-wrapper {
    width: 380px;
}

div#content div.form-wrapper div.button-wrapper input {
    margin: 10px 0 0 120px;
}

div.error ul {
    display: none;
}

div#content div.content div.error h1:first-child {
    font-size: 1.2em;
    font-style: italic;
    color: #48484a;
}