﻿*
{
    margin: 0;
}

html, body
{
    height: 100%;
}

body
{
    min-width: 640px;
    margin: 0;
    padding: 0;
    font: 13px/1.6em "Lucida Grande" , "Helvetica New" , Helvetica, Verdana, Sans-serif;
    background-position: 0% 0%; /*background-image: url(../images/body_bg.gif);*/
    background-repeat: repeat;
    background-color: #ffffff;
}

#wrapper
{
    padding: 0;
    background-image: url(../images/tws_hdbg.gif);
    background-repeat: repeat;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -2em; /* the bottom margin is the negative value of the footer's height */
}

#headerDiv, #submenuDiv, #footerDiv, #contentDiv
{
    overflow: hidden;
    display: inline-block;
}

/* for safari and opera */
#headerDiv, #footerDiv
{
    width: 100%;
}

#submenuDiv, #contentDiv
{
    float: left;
}

#headerDiv
{
    background-image: url(../images/header_bg_vista.gif);
}

#newheader
{
    background-color: #ffffff;
}

#bannertext
{
    color: Gray;
    font: bold 14px/1.8em "Lucida Grande" , "Helvetice Neue" , Helvetica, Verdana, Sans-serif;
}

#submenuDiv
{
    margin: 0;
    padding: 0;
    width: 92px;
}
#submenuHeader
{
    width: 87px;
    margin: 0;
    padding: 0;
    color: #000000;
    background: #99f1b8 url(../images/degradadoMenu.jpg) repeat-x;
}
#submenuDiv ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font: bold 14px/21px "Lucida Grande" , "Helvetica New" , Helvetica, Verdana, Sans-serif;
    border: none;
}

#submenuDiv ul li
{
    margin: 0;
    padding: 0;
    border: none;
    text-indent: 40px; /*display: block;*/
}

#submenuDiv ul a, #submenuDiv ul a:visited
{
    text-decoration: none; /*color: #ffffff;*/
    background: #808080 url(../images/degradadoMenu.jpg);
    height: 100%;
    border: none;
    display: block;
}
#submenuDiv ul a:hover
{
    color: #808080;
}

#contentDiv
{
    padding-left: 20px;
    width: 90%; /* background-image: url(../images/body_bg.gif);     background-repeat: repeat; */
}

.push
{
    height: 2em; /* .push must be the same height as .footer */
}

#footerDiv
{
    clear: both;
    margin: 0; /* padding: 10px 0; */
    color: #808080;
    background: #f5f5f5;
    border-top: 2px solid #29c;
    height: 2em; /* .push must be the same height as .footer */
}

#footerDiv a
{
    color: #808080;
    text-decoration: none;
}
#footerDiv a:hover
{
    color: #29c;
    text-decoration: none;
    border-bottom: dotted 2px #29c;
}

#navmenuDiv
{
    background-image: url(../images/menu_bg.gif);
    color: white;
    font-variant: small-caps;
}


#navmenuDiv /*ul*/
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    font: bold 14px/1.8em "Lucida Grande" , "Helvetice Neue" , Helvetica, Verdana, Sans-serif;
}

#navmenuDiv li
{
    display: inline;
}

#navmenuDiv /*li*/ a, #navmenuDiv /*li*/ a:visited
{
    text-decoration: none;
    margin: 4px;
    padding: 0px 20px 0px 20px; /*background-color: Navy;*/
    color: White;
}

#navmenuDiv /*li*/ a:hover
{
    /*background-color: White;     color: Navy;*/
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}
#section
{
    margin: 0px 0px 0px 10px;
    width: 99%;
}

.grid
{
    width: 98%;
    border: solid 1px #d3d3d3;
    background-color: #ffffff;
    margin: 0;
    padding: 15px;
}

.gridHeader
{
    width: 98%;
    background: url(../images/navbar1.png) #ffffff repeat;
    border-bottom: solid 1px #808080;
    text-indent: 10px;
    font-weight: bold;
    color: #000000;
    color: #ffffff;
}

.questionText
{
    color: #000033;
    font-weight: bold;
}


.questionDiv
{
    border-bottom: solid 1px #d3d3d3;
    height: 10px;
}

legend
{
    width: 98%;
    background: url(../images/navbar1.png) #ffffff repeat;
    border: solid 1px #808080;
    font-weight: bold;
    color: #000000;
    color: #ffffff;
}

fieldset
{
    width: 98%;
    border: solid 1px #d3d3d3;
    background-color: #ffffff;
}
