﻿body, html
{
    margin: 0;
    padding: 0;
}
body
{
    text-justify: inter-word;
    font-size: 10pt;
    color: #333333;
    font-family: Arial;
    height: 100%;
    text-align: justify;
    min-width: 788px;
    background-color: #eeece4;
    font-weight: normal;
}

/* WRAPPER */
#wrap
{
    background-repeat: repeat-y;
    margin: 50px auto 0px;
    width: 788px;
}

/* HEADER */
#header
{
    width: 788px;
    height: 100px;
    margin: 0px;
    background-position: center top;
    background-image: url(/imgz/header-bg.png);
    background-repeat: no-repeat;
}

#header .logo
{
    left: 30px;
    position: relative;
    top: 30px;
}

/* Login View */
#loginView
{
    font-size: 8pt;
    color: white;
    float: right;
    left: -40px;
    position: relative;
    top: -38px;
}
#loginbox
{
    width: 300px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.loginForm
{
    margin: 10px;
    border: thin double #C0C0C0;
    font-family: Arial;
    font-size: 10px;
}
.loginForm td
{
    padding: 2px;
}
.loginButton
{
    margin: 5px;
    border: medium double #386784;
    color: White;
    background-color: #386784;
    font-family: Tahoma, Sans-Serif;
    font-size: 11px;
    display: block;
}

/* MAINNAV */
#mainnav
{
    float: right;
    width: 500px;
    left: 220px;
    position: relative;
    top: -14px;
}
#mainnav ul
{
    list-style-type: none;
}
#mainnav li
{
    display: inline;
}
.mainnavon
{
    display: inline-block;
    height: 64px;
    padding-top: 40px;
    background-position: center -6px;
    background-image: url(/imgz/nav-on.png);
    background-repeat: repeat-x;
    padding-right: 14px;
    padding-left: 14px;
}
.mainnavoff
{
    display: inline-block;
    height: 64px;
    padding-top: 40px;
    background-position: center -6px;
    background-image: url(/imgz/nav-off.png);
    background-repeat: repeat-x;
    padding-right: 14px;
    padding-left: 14px;
}

#mainnav a:link, #mainnav a:active, #mainnav a:hover, #mainnav a:visited
{
    text-decoration: none;
    font-weight: normal;
    color: black;
}

/* CONTENT */
#content
{
    width: 788px;
    background-position-x: center;
    background-image: url(/imgz/content-bg.png);
    background-repeat: repeat-y;
}

/* FULLSPAN */

#fullspan
{
    padding-right: 16px;
    padding-left: 16px;
    clear: both;
}
#fullspan h1
{
    margin-left: 20px;
    font-family: Arial;
    font-weight: normal;
    color: #4387AE;
    font-size: 26px;
}


#fullspan p
{
    margin-left: 25px;
}


/* LEFTCONTENT */

#leftcontent
{
    float: left;
    padding-left: 16px;
    width: 496px;
}

#leftcontent p
{
    margin-left: 25px;
    margin-right: 10px;
}
#leftcontent h1
{
    margin-left: 20px;
    font-family: Arial;
    font-weight: normal;
    color: #4387AE;
    font-size: 26px;
    margin-right: 10px;
}

#leftcontent h2
{
    margin-left: 20px;
    font-family: Arial;
    font-weight: normal;
    color: #316280;
    font-size: 20px;
    margin-right: 10px;
}
/* RIGHTCONTENT */
#rightcontent
{
    float: right;
    padding-right: 16px;
}
#rightcontent h2
{
    margin-left: 10px;
    font-family: Arial;
    font-weight: normal;
    color: #316280;
    font-size: 20px;
    margin-right: 10px;
}
#rightcontent p
{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 10px;
}

/* SECONDNAV */

#secondnav
{
    left: -55px;
    position: relative;
    top: 20px;
    width: 250px;
}
#secondnav ul
{
    list-style-type: none;
}
#secondnav li
{
    margin-bottom: 3px;
}

#secondnav a:link, #secondnav a:visited, #secondnav a:active, #secondnav a:hover
{
    color: #333333;
    font-weight: normal;
    text-align: left;
}
#secondnav a:link, #secondnav a:visited, #secondnav a:active
{
    text-decoration: none;
}
#secondnav a:hover
{
    text-decoration: underline;
}
/* BUTTONS */
.button
{
    border: medium double #386784;
    color: White;
    background-color: #386784;
    font-family: Tahoma, Sans-Serif;
    font-size: 13px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 150px;
}
/* CONTACT */
#contact
{
    left: -10px;
    position: relative;
    top: 20px;
    width: 250px;
}
.formelement
{
    width: 250px;
}
/* PARTNERS */
.protxLogo
{
    padding: 10px;
    border-style: none;
    border-width: 0px;
    text-decoration: none;
    float: left;
}
/* FOOTER */
#footer
{
    margin-top: 0px;
    width: 788px;
    height: 55px;
    clear: both;
    background-position: center top;
    background-image: url(/imgz/footer-bg.png);
    background-repeat: no-repeat;
}
/* MODAL POPUP */
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    background-color: #D5EAFF;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 30px;
    width: 250px;
}

.homebanner
{
    margin-left: 30px;
    margin-bottom: 20px;
}

#accordionnav
{
    left: -25px;
    position: relative;
    top: 15px;
    width: 250px;
}

#accordionnav a:link, #accordionnav a:visited, #accordionnav a:active, #accordionnav a:hover
{
    color: #333333;
    font-weight: normal;
    text-align: left;
}
#accordionnav a:link, #accordionnav a:visited, #accordionnav a:active
{
    text-decoration: none;
}
#accordionnav a:hover
{
    text-decoration: underline;
}

.accordionHeader
{
    margin-left: 20px;
    display: block;
}

.accordionHeaderSelected
{
    margin-left: 20px;
    font-weight: bold;
    display: block;
}

.accordionContent
{
    margin-left: 30px;
    text-align: left;
    display: block;
    width: 220px;
    margin-bottom: 5px;
}














/*
img
{
    margin: 0px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
td
{
    vertical-align: top;
}
img.left
{
    float: left;
    margin: 5px 5px 5px 0px;
}
.blockgreen
{
    background-color: #d4e7b2;
    display: block;
    padding: 10px;
}
.blockgreencontact
{
    background-color: #d4e7b2;
    display: block;
    padding: 10px;
    text-align:center;
    font-weight:bold;
}
.blockem
{
    background-color: #BEE6EF;
    display: block;
    padding: 10px;
}
.boxbtn
{margin-top: 10px;
    margin-left: auto;
    margin-right: auto;}





#header .headerc
{
    min-width: 727px;
    width: 727px;
    height: 120px;
    background-position: center top;
    background-image: url(/imgz/header.gif);
    background-repeat: repeat-x;
    background-color: white;
    margin: 0px;
}
#header .logo
{
    left: 10px;
    position: relative;
    top: 10px;
}
#header img
{
    margin: 0px;
}
#header .tag
{
    left: 50px;
    position: relative;
    top: 3px;
}
#header ul
{
    display: inline;
    list-style-type: none;
    left: 0px;
    position: relative;
    top: 23px;
}
#header li
{
    display: inline;
    position: relative;
    margin-right: 15px;
}
#header a:link, #header a:hover, #header a:active, #header a:visited
{
    color: #1465A9;
    font-weight: normal;
}
#header a:link, #header a:active, #header a:visited
{
    text-decoration: none;
}
#header a:hover
{
    text-decoration: underline;
}



#content .grad
{
    width: 758px;
    margin-left: 2px;
    background-position: center top;
    background-image: url(/imgz/contentgrad.png);
    background-repeat: repeat-x;
    min-height: 494px;
}
#leftcontent
{
    float: left;
    width: 460px;
    margin-left: 10px;
}
#rightcontent
{
    float: right;
    width: 250px;
    margin-right: 8px;
    margin-left: 10px;
    padding-top: 35px;
}
#rightcontent .box
{
    width: 249;
    padding: 0px;
    margin: 0px 0px 15px;
}
#rightcontent .boxcontent
{
    width: 249;
    margin: 0px;
    background-position: left top;
    background-image: url(/imgz/boxbg.png);
    background-repeat: repeat-y;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}
#leftcontent h1
{
    color: #1465A9;
    font-size: 15pt;
    margin-bottom: -10px;
}
#fullspan h1
{
    color: #1465A9;
    font-size: 15pt;
    margin-bottom: -10px;
}
#fullspan h3
{
    color: ;
    font-size: 10pt;
    margin-bottom: 3px;
}
h2
{
    color: #09345B;
    font-size: 13pt;
    margin-bottom: -5px;
}
h3
{
    color: #1465A9;
    font-size: 10pt;
    margin-bottom: -13px;
}
h3.jumpdown
{
    margin-top: 30px;
}
#content p.intro
{
    font-size: 11pt;
}
#content A:link, #content A:active, #content A:visited, #content A:hover
{
    color: #1465A9;
    text-decoration: underline;
}


/* DATA */
/*.dataGrid
{
    font-size: 8pt;
}
.dataGridHeader
{
    font-weight: bold;
}
.dataGridItem
{
    
}
.dataGridAltItem
{
    
}
.detailsView
{
    font-size: 8pt;
    text-align: left;
}





#footer .footerc
{
    background-position: center bottom;
    background-image: url(/imgz/footerbg.gif);
    background-repeat: repeat-x;
    height: 35px;
    min-width: 727px;
    width: 727px;
}
#footer A:link, #footer A:active, #footer A:visited, #footer A:hover
{
    font-weight: normal;
    font-size: 7pt;
    margin-bottom: -15px;
    color: #09345B;
    text-align: left;
}
#footer A:link, #footer A:active, #footer A:visited
{
    text-decoration: none;
}
#footer A:hover
{
    text-decoration: underline;
}

table.footer
{
    position: relative;
    top: 15px;
}

#footer ul, #footer li
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    list-style-type: none;
}
#fullspan
{
    margin: 15px;
}
.note
{
    font-size: 8pt;
    color: #4aa674;
}
h3.sidebox
{
    text-align: center;
    margin: 0px;
    font-size: 11pt;
   
}
p.sidebox
{
    margin: 7px 0px 0px;
}
a:active.sidebox, a:hover.sidebox, a:visited.sidebox, a:link.sidebox
{
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}
h4.sidebox
{
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    font-size: 10pt;
    margin-bottom: 0px;
}

#fullspan ul
{
    list-style-type: none;
}

#fullspan li
{
    margin-top: 5px;
    list-style-type: none;
}
