/* reset **************************************************/

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, em, font, img, ul, dl
fieldset, form, label {
        margin: 0;
        padding: 0 0 0 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
}

/* special elements ***************************************/

img.left {
                float: left;
                margin-right: 10px;
                margin-bottom: 5px;
}

h1.teaser {
                background-image: url("../_images/_layout/bg-headline.jpg");
                background-position: right bottom;
                background-repeat: no-repeat;
}

h2.teaser {
        text-transform: uppercase;
                   font-size: 13px;
}

a.btn {
                background-image: url("../_images/_layout/btn.gif");
                background-position: left bottom;
                background-repeat: no-repeat;
                padding-left: 18px;
}

a.subsub, a.subsubcur {
                color: #0D418C;
                font-size: 13px;
                font-weight: normal;
}

a.subsub:hover, a.subsub:active {
                text-decoration: none;
}

a.subsubcur {
                font-weight: bold;
                text-decoration: none;
}

a.subsub:hover, a.subsub:active {
                text-decoration: none;
}

/* basic elements *****************************************/

body        {
                background-image: url("../_images/_layout/bg.jpg");
                background-position: center top;
                background-repeat: no-repeat;
        background-color: #D3F1FF;
        font-family: 'Helvetica','Arial',sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
        margin: 0px;
        padding: 0px;
        }

table        {
                table-layout: auto;
                border-collapse: seperate;
                border-style: none;
                border-width: 0px;
                border-spacing: 0px;
                }

th, td {
        font-family: 'Helvetica','Arial',sans-serif;
        font-size: 15px;
        line-height: 24px;
        color: #333333;
        padding: 0px;
        text-align: left;
                vertical-align: top;
                }

a                {
                color: #0D418C;
                text-decoration: underline;
        }

a:hover, a:active {
                color: #0D418C;
                text-decoration: none;
        }

a img        {
                border: 0px;
                }

h1, h2        {
                color: #0D418C;
                }

h1                {
                font-family: 'Helvetica','Arial',sans-serif;
                font-size: 20px;
                font-weight: bold;
                line-height: 25px;
                margin-bottom: 15px;
}

h2                {
                font-family: 'Helvetica','Arial',sans-serif;
                font-size: 15px;
                font-weight: bold;
                margin-bottom: 5px;
}

img                {
                border: 0px;
                display: block;
        }

ul                {
                list-style-type: square;
                list-style-position: outside;
                line-height: 20px;
                margin: 0px;
                padding: 0 0 0 16px;
                }

/* forms **************************************************/

form        {
                margin: 0px;
                padding: 0px;
                }

input, select, textarea        {
                background-color: #CCEBF0;
                font-family: 'Helvetica','Arial',sans-serif;
                font-size: 16px;
                color: #000000;
                border: 2px solid #319CAC;
                width: 280px;
                padding: 5px;
                margin-bottom: 8px;
                }

input:focus, select:focus, textarea:focus        {
                background-color: #CCEBF0;
                font-family: 'Helvetica','Arial',sans-serif;
                font-size: 16px;
                color: #000000;
                border: 2px solid #FFFFFF;
                width: 280px;
                padding: 5px;
                margin-bottom: 8px;
                }

input.button {
                font-family: 'Helvetica','Arial',sans-serif;
                font-size: 16px;
                color: #CCEBF0;
                border: 0px;
                width: 180px;
                background-color: #303B42;
                }

input.button:focus, input.button:hover {
                font-family: 'Helvetica','Arial',sans-serif;
                font-size: 16px;
                color: #FFFFFF;
                border: 0px;
                background-color: #303B42;
                width: 180px;
                cursor: pointer;
                }

/* basic layout *******************************************/

#page_margins        {
                margin-top: 0px;
                }


#page        {
                width: 940px;
                text-align: left;
        }

#top {
                float: left;
                clear: both;
                height: 0px;
                width: 940px;
                }

#header        {
                float: left;
                clear: both;
                width: 940px;
                height: 110px;
                line-height: 15px;
        }

#logo        {
                float: left;
                width: 274px;
                height: 60px;
                margin-top: 30px;
                margin-right: 125px;
                }


#nav_prod        {
                float: left;
                margin-top: 17px;
                margin-left: 12px;
                margin-bottom: 43px;
        }

#nav_prod a  {
                color: #666666;
                text-decoration: none;
                font-size: 13px;
                margin-right: 15px;
                }

#nav_prod a:hover, #nav_prod a:active {
                color: #0D418C;
                text-decoration: none;
                font-size: 13px;
                }

#nav_prod a.cur  {
                color: #0D418C;
                }

#nav_main        {
                float: left;
                width: 530px;
        }

#nav_main div, #nav_main div.cur {
                float: left;
                margin-right: 20px;
                height: 35px;
                }

#nav_main div.cur, #nav_main div:focus, #nav_main div:hover {
                background-image: url("../_images/_layout/arrow-nav.gif");
                background-position: bottom center;
                background-repeat: no-repeat;
                }

#nav_main div.cur a {
                color: #0D418C;
                text-decoration: none;
                font-size: 16px;
                font-weight: bold;
}

#nav_main a  {
                color: #333333;
                text-decoration: none;
                font-size: 16px;
                font-weight: bold;
}

#nav_main a:hover, #nav_main a:active {
                color: #0D418C;
                text-decoration: none;
                font-size: 16px;
                font-weight: bold;
}

#nav_sub {
                float: left;
                clear: both;
                width: 940px;
                height: 240px;
                margin-bottom: 30px;
                background-image: url("../_images/_layout/bg-subnav.jpg");
                background-position: left top;
                background-repeat: no-repeat;
}

#nav_subwrapper {
                float: right;
                width: 150px;
                margin-top: 10px;
}

#nav_subwrapper div {
                float: left;
                width: 150px;
                height: 20px;
                padding-top: 5px;
                padding-bottom: 5px;
                border-bottom: 1px solid #5B81B0;
}

#nav_subwrapper div.cur a {
                color: #FFFFFF;
}

#nav_subwrapper div a  {
                background-image: url("../_images/_layout/btn_sub.gif");
                background-position: left center;
                background-repeat: no-repeat;
                padding-left: 16px;
                color: #A8E4FF;
                text-decoration: none;
                font-size: 13px;
                font-weight: bold;
}

#nav_subwrapper div a:hover, #nav_subwrapper div a:active {
                color: #FFFFFF;
                text-decoration: none;
                font-size: 13px;
                font-weight: bold;
}

#stage {
                float: left;
                clear: both;
                width: 940px;
                margin-bottom: 30px;
        }

#stage_sub {
                float: right;
                width: 780px;
                margin-top: 10px;
                margin-bottom: 30px;
        }

#content {
                float: left;
                clear: both;
                width: 940px;
                margin-bottom: 20px;
        }

#footer {
                background-image: url("../_images/_layout/bg-footer.gif");
                background-position: center top;
                background-repeat: no-repeat;
                width: 940px;
                height: 30px;
                clear: both;
                font-size: 11px;
                color: #297395;
                margin-bottom: 80px;
        }

#footer .footerleft {
                float: left;
                padding: 4px 0px 0px 10px;
        }

#footer .footerright {
                float: right;
                text-align: right;
                padding: 4px 5px 0px 0px;
        }

#footer .footerright img {
                float: right;
                margin: 5px 0px 0px 20px;
        }

#footer .footerright a                {
                margin-right: 5px;
        }

#footer a                {
                color: #297395;
                text-decoration: none;
        }

#footer a:hover, a:active {
                color: #0D418C;
                text-decoration: none;
        }

#footer a.cur                {
                color: #0D418C;
        }

/* wrapper ************************************************/

.wrapper2col, .wrapper2colright,
.wrapper3col, .wrapper3colright,
.wrapper4col, .wrapper4colright,
.wrapper5col, .wrapper5colright,
.wrapper6col, .wrapper6colright,
.wrapper8col, .wrapper8colright,
.wrapper10col, .wrapper10colright,
.wrapper12col, .wrapper12colright {
                float: left;
                margin-right: 20px;
                margin-bottom: 30px;
}

.wrapper2col, .wrapper2colright {
                width: 140px;
}


.wrapper3col, .wrapper3colright {
                width: 200px;
}

.wrapper4col, .wrapper4colright {
                width: 300px;
}

.wrapper5col, .wrapper5colright {
                width: 380px;
}

.wrapper6col, .wrapper6colright {
                width: 460px;
}

.wrapper8col, .wrapper8colright {
                width: 620px;
}

.wrapper10col, .wrapper10colright {
                width: 780px;
}

.wrapper12col, .wrapper12colright {
                width: 940px;
}

.wrapper1colright,
.wrapper2colright,
.wrapper3colright,
.wrapper4colright,
.wrapper5colright,
.wrapper6colright,
.wrapper7colright,
.wrapper8colright,
.wrapper9colright,
.wrapper10colright,
.wrapper11colright,
.wrapper12colright {
                float: right;
                margin-right: 0px;
}

/* boxes **************************************************/

.box2, .box2right, .box2blue, .box2blueright,
.box4, .box4right, .box4blue, .box4blueright,
.box5, .box5right, .box5blue, .box5blueright,
.box8, .box8right, .box8blue, .box8blueright        {
                float: left;
                background-repeat: no-repeat;
                background-color: #E9F8FF;
                margin-right: 20px;
                margin-bottom: 30px;
}

.box2, .box2right        {
                background-image: url("../_images/_boxes/2col-top.gif");
                width: 140px;
}

.box2blue, .box2blueright        {
                background-image: url("../_images/_boxes/2col-top-blue.gif");
                background-color: #A8D1E4;
                width: 140px;
}

.box4, .box4right        {
                background-image: url("../_images/_boxes/4col-top.gif");
                width: 300px;
}

.box4blue, .box4blueright        {
                background-image: url("../_images/_boxes/4col-top-blue.gif");
                background-color: #A8D1E4;
                width: 300px;
}

.box5, .box5right        {
                background-image: url("../_images/_boxes/5col-top.gif");
                width: 380px;
}

.box5blue, .box5blueright        {
                background-image: url("../_images/_boxes/5col-top-blue.gif");
                background-color: #A8D1E4;
                width: 380px;
}

.box8, .box8right        {
                background-image: url("../_images/_boxes/8col-top.gif");
                width: 620px;
}

.box8blue, .box8blueright        {
                background-image: url("../_images/_boxes/8col-top-blue.gif");
                background-color: #A8D1E4;
                width: 620px;
}

.box2right, .box2blueright,
.box4right, .box4blueright,
.box5right, .box5blueright,
.box8right, .box8blueright {
                float: right;
                margin-right: 0px;
}

.box2bg, .box2bgblue,
.box4bg, .box4bgblue,
.box5bg, .box5bgblue,
.box8bg, .box8bgblue        {
                float: left;
                background-position: center bottom;
                background-repeat: no-repeat;
}

.box2bg        {
                background-image: url("../_images/_boxes/2col-bottom.gif");
                width: 140px;
}

.box2bgblue        {
                background-image: url("../_images/_boxes/2col-bottom-blue.gif");
                width: 140px;
}

.box4bg        {
                background-image: url("../_images/_boxes/4col-bottom.gif");
                width: 300px;
}

.box4bgblue        {
                background-image: url("../_images/_boxes/4col-bottom-blue.gif");
                width: 300px;
}

.box5bg        {
                background-image: url("../_images/_boxes/5col-bottom.gif");
                width: 380px;
}

.box5bgblue        {
                background-image: url("../_images/_boxes/5col-bottom-blue.gif");
                width: 380px;
}

.box8bg        {
                background-image: url("../_images/_boxes/8col-bottom.gif");
                width: 620px;
}

.box8bgblue        {
                background-image: url("../_images/_boxes/8col-bottom-blue.gif");
                width: 620px;
}

.box2in,
.box4in,
.box5in,
.box8in        {
                float: left;
                padding: 5px;
                width: auto;
                height: auto;
                font-size: 12px;
                line-height: 15px;
                color: #333333;
}

.box2in img,
.box4in img,
.box5in img,
.box8in img {
                float: left;
                margin-top: 2px;
                margin-bottom: 5px;
}

.box4in img,
.box5in img,
.box8in img {
                margin-bottom: 0px;
                margin-right: 10px;
}