/* CSS Document */
/* mac hide\*/

/*---------------------------------------------------------------------------- Subpage Div ids ----*/
html, body {height:100%}
/* end hide */
body {
        padding:0;
        margin:0;
        text-align:center;
        min-width:800px;/* for mozilla*/
        background-image:url(images/bg-image.jpg);
        background-repeat:repeat-x;
        color: #000000;
}
#outer{
        height:100%;
        min-height:100%;
        width:800px;
        color: #000000;
        text-align:left;
        margin:auto;
        position:relative;
        background-image:url(images/subpage-bg.jpg);
}

#outer2{
        height:100%;
        min-height:100%;
        width:800px;
        color: #000000;
        background-image:url(images/bg-mid.gif);
        background-repeat:repeat-y;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
html>body #outer2{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#innerwrap {/* enables content first */
        float:left;
        width:550px;
}
#header{
}

#logotop{
        position:absolute;
        top:0;
        right:0;
        width: 475px;
        height: 74px;
        z-index:10000;
        }

#left {
        position:relative;/*ie needs this to show float */
        width:157px;
        float:left;
        padding-top:0px;/*needed to make room for header*/
        padding-bottom:460px;/* needed to make room for footer */
        z-index:10;
}
#right p {padding-left:4px;padding-right:2px}

                #navtop{
                top:74px;
                left:0px;
                position:absolute;
                width: 157px;
                z-index:500;
                font-size:14px;
                }

#right {
        position:relative;/*ie needs this to show float */
        width:157px;
        float:right;
        padding-top:100px;/*needed to make room for header*/
        padding-bottom:32px;/* needed to make room for footer */
}

#footer {
        width:800px;
        clear:both;
        color: #000000;
        text-align:left;
        left:0;
        bottom:0;
        position: absolute;

}
                #footerin {
                width:157px;
                clear:both;
                height:400px;
                background-image:url(images/bgbottom.gif);
                background-repeat:no-repeat;
                background-position:bottom;
                color: #000000;
                text-align:left;
                left:0;
                bottom:0;
                position: absolute;
        
        }

                #footcontent {
                        position:absolute;
                        bottom:20px;
                        left:10px;
                        width: 137px;
                        margin: 0 5 0 18;
                        font-family:Arial, Helvetica, sans-serif;
                        font-size:12px;
                        color:#FFFFFF;
                }




* html #footer {/*only ie gets this style*/
        \height:517px;/* for ie5 */
        he\ight:515px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
        width:350px;
        float:right;
        padding-top:100px;
        padding-bottom:30px;/* needed to make room for footer */
        font-family:Arial, Helvetica, sans-serif;
        color:#333333;
        font-size:13px;
        line-height:18px;
        z-index:200;
}
#centrecontent p {padding-left:3px}


#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

        #colTwoFooter {
                clear:both;
                position: absolute;
                bottom:15px;
                right:0px;
                width: 640px;
                        
        }


/*---------------------------------------------------------------------------- Text Classes ----*/

.headline{
        font-family:"Times New Roman", Times, serif;
        font-style:oblique;
        font-size:22px;
        line-height:28px;
        color:#000000;
}

.subhead{
        font-family:Arial, Helvetica, sans-serif;
        font-style:oblique;
        font-size:14px;
        line-height:18px;
        color:#000000;
}


.footersub {
        font-size:11px;
        color:#333333;
        line-height:14px;
        font-family:Arial, Helvetica, sans-serif;
        text-align:center;
        
}
a.footersub:active {color: #333333;text-decoration: none;}
a.footersub:link {color: #333333;text-decoration: none;}
a.footersub:visited {color: #333333;text-decoration: none;}

.buttons{
background-image:url(images/button-bg.gif);
color:#FFFFFF;
border-width:thin;
border-color:#CCCCCC;
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 3px;
}

a:link {color: #000099;}
a:visited {color:#330033;}




/*------------------------------------------------------------------------- Subcontent Div Ids ----*/


        #subcontentnav {
                position:absolute;
                top:105px;
                right:0px;
                width: 150px;   
                z-index:100;
                }
        
#subcontentnav ul{
list-style:none;
margin:0;
padding: 0;
}

a.sidelinks{
        font-size:14px;
        font-family:Arial, Helvetica, sans-serif;
        text-decoration: none;  
        display:block;
        text-align:right;
        padding: 3px 7px;
        background-image:url(images/nav-bg-sliver4.gif);
        color: #000;
        border: 0px;
}

a.sidelinksACTIVE{
        font-size:14px;
        color:#ffffff;
        background:#BC808B;
        font-family:Arial, Helvetica, sans-serif;
        text-decoration: none;
        padding: 3px 7px;
        display:block;
        text-align:right;
        background-image:url(images/nav-bg-sliver3.gif);
}

#subcontentnav a:hover {
color: #ffffff;
background-image:url(images/nav-bg-sliver.gif);

}


/*------------------------------------------------------------------------- Subcontent Div Ids ----*/


        #subcontentnav {
                position:absolute;
                top:105px;
                right:0px;
                width: 150px;   
                z-index:100;
                }
        
#subcontentnav ul{
list-style:none;
margin:0;
padding: 0;
}

a.sidelinks{
        font-size:14px;
        font-family:Arial, Helvetica, sans-serif;
        text-decoration: none;  
        display:block;
        text-align:right;
        padding: 3px 7px;
        background-image:url(images/nav-bg-sliver4.gif);
        color: #000;
        border: 0px;
}

a.sidelinksACTIVE{
        font-size:14px;
        color:#ffffff;
        background:#BC808B;
        font-family:Arial, Helvetica, sans-serif;
        text-decoration: none;
        padding: 3px 7px;
        display:block;
        text-align:right;
        background-image:url(images/nav-bg-sliver3.gif);
}

#subcontentnav a:hover {
color: #ffffff;
background-image:url(images/nav-bg-sliver.gif);

}


/*---------------------------------------------------- DHTML Menu ----*/



#menu {
        padding-left:0px;
        z-index:50;
}



#menu ul {
list-style: none;
margin:0;
padding: 0;
}



#menu a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
display: block;
margin: 0;
padding: 3px 7px;
border-bottom: 1px solid #375B8E;
text-decoration: none;
}



#menu a:hover {
color: #000;
border-bottom: 1px solid #375B8E;
background: #9CbAD8;
}



#menu li {
position: relative;
}



#menu ul ul {
position: absolute;
top: 0px;
left: 100%;
width: 100%;
}

#menu ul ul a{
background: #9CbAD8;
color: #000;
border: 0px;
}



#menu ul ul a:hover{
background: #00204E;
color: #FFF;
border:0px;
}



div#menu ul ul,
div#menu ul ul li:hover ul ul
{display: none; 
}



div#menu ul li:hover ul,
div#menu ul ul li:hover ul

{
position: absolute;
display: block;
}



/*----------------------------------------------------END DHTML Menu ----*/
input, select{
  float:left;
  margin:5px 0px 5px 0px;
  clear:right;
}
label{
  float:right;
  margin:5px 0px 5px 0px;
  clear:left;
}

form span.required {
    color: red;
}
form div.error > p {
    float:left;
    width:100%;
    clear:both;
    border: 2px solid red;
    margin:10px 0px 5px 0px;
    padding: 4px;   
    background: #FFDDD1;
}
form div.qfelement {
    display: inline;
    float: left;
    text-align:left;
    margin: 5px 0 0 10px;
    padding: 0;
    
    clear:right;
}
form label.qflabel {
    display: block;
    float: left;
    width: 100px;
    padding: 0;
    margin: 5px 0 0 0;
    text-align: right;
    clear:left;
}
form div.qfrow0{float:left; width:350px; background:#fff;}
form div.qfrow1{float:left; width:350px; background:#efefef;}