/* ---------- Basic Page Setup ---------- */
html {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    background: #E9EBF1 url(gfx/bg.png) repeat-y center;
}


/* ---------- Page Elements ---------- */
#container {
    position: relative;
    margin: 0px auto 0px auto;
    padding: 115px 0 0 0;
    width: 800px;
    height: 100px;
}
#header {
    position: absolute;
    top: 0;
    margin: 0 auto 0 auto;
    padding: 82px 0 0 0;
    width: 800px;
    height: 28px;
    background: url(gfx/header.gif) no-repeat;
    border-bottom-width: 5px;
    border-bottom-color: #1A54AC;
    border-bottom-style: solid;
}
#intro {
    position: relative;
    margin: 0;
    padding: 0;
    width: 800px;
}
#content {
    position: relative;
    margin: 0;
    padding: 0;
    width: 800px;
}
#footer {
    margin: 0;
    padding: 0;
    width: 400px;
}


/* ---------- Header Elements ---------- */
/* Menu */
#menu {
    width: 780px;
    margin: 0;
    padding: 0 20px 0 0;
    text-align: right;
}
#headergreen {
    position: absolute;
    top: 0;
    margin: 0 auto 0 auto;
    padding: 82px 0 0 0;
    width: 800px;
    height: 28px;
    background: url(gfx/header.gif) no-repeat;
    border-bottom-width: 5px;
    border-bottom-color: #CCFB9B;
    border-bottom-style: solid;
}

#headeryellow {
    position: absolute;
    top: 0;
    margin: 0 auto 0 auto;
    padding: 82px 0 0 0;
    width: 800px;
    height: 28px;
    background: url(gfx/header.gif) no-repeat;
    border-bottom-width: 5px;
    border-bottom-color: #FEFF9C;
    border-bottom-style: solid;
}

#headerblue {
    position: absolute;
    top: 0;
    margin: 0 auto 0 auto;
    padding: 82px 0 0 0;
    width: 800px;
    height: 28px;
    background: url(gfx/header.gif) no-repeat;
    border-bottom-width: 5px;
    border-bottom-color: #277BFB;
    border-bottom-style: solid;
}

/* ---------- Footer Elements ---------- */
#bottombar {
    width: 800px;
    height: 5px;
    margin: 30px 0 0 -4px;
    background-color: #1A54AC;
}


#personalcontainer {
    float: left;
    width: 330px;
    height: 360px;
    margin-left: 40px;
    background-color: #FAFB9B;
    padding: 10px 10px 10px 10px;
    border: solid 1px #ECED94;
}
#businesscontainer {
    float: right;
    width: 330px;
    height: 360px;
    margin-right: 40px;
    background-color: #CCFB9B;
    padding: 10px 10px 10px 10px;
    border: solid 1px #C3EF95;
}


/* ---------- Personal Insurance ---------- */
#personal_insurance {
    position: relative;
    width: 700px;
    margin: 20px auto 0 auto;
    padding: 10px 10px 10px 10px;
    background-color: #FAFB9B;
    border: solid 1px #ECED94;
}
#pi_content {
    position: relative;
    margin: 20px auto 0 auto;
    padding: 0;
    width: 700px;
}
#pi_content_left {
    width: 380px;
    margin: 0;
    padding: 0;
    text-align:justify;
    float: left;
}
#pi_content_right {
    width: 300px;
    margin: 0 0 0 400px;
    padding: 0;
    text-align:justify;
}
#pi_types {
    position: relative;
    margin: 0;
    padding: 0;
    width: 700px;
}
#pi_clear 
{
    clear: both;
    width: 700px;
    height: 1px;
}


/* ---------- Business Insurance ---------- */
#business_insurance {
    position: relative;
    width: 700px;
    margin: 20px auto 0 auto;
    padding: 10px 10px 10px 10px;
    background-color: #CCFB9B;
    border: solid 1px #C3EF95;
}
#bi_content {
    position: relative;
    margin: 20px auto 0 auto;
    padding: 0;
    width: 700px;
}
#bi_content_left {
    width: 380px;
    margin: 0;
    padding: 0;
    text-align:justify;
    float: left;
}
#bi_content_right {
    width: 300px;
    margin: 0 0 0 400px;
    padding: 0;
    text-align:justify;
}
#bi_types {
    position: relative;
    margin: 0;
    padding: 0;
    width: 700px;
}
#bi_clear 
{
    clear: both;
    width: 700px;
    height: 1px;
}

#fullwidth 
{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#formview 
{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#leftcolumn 
{
    float: left;
    width: 200px;
    margin: 0 25px 0 0;
    padding: 0;
}

#rightcolumn 
{
    float: left;
    width: 200px;
    margin: 0 0 0 25px;
    padding: 0;
}

#centercolumn 
{
    float: left;
    width: 200px;
    margin: 0 25px 0 25px;
    padding: 0;
}

#welcometxt 
{
    width: 400px;
    margin: 20px 10px 20px 40px;
    text-align:justify;
    float: left;
}

#clients 
{
    width: 300px;
    margin: 20px 40px 20px 10px;
    text-align:justify;
    float: left;
}

#contact 
{
    width: 620px;
    margin: 30px auto 40px auto;
}

#contact ul 
{
    font-family: Tahoma;
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

#contact li.pic 
{
    width: 400px;
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
}

#contact li.txt 
{
    width: 200px;
    margin: 0;
    padding: 0;
    float: left;
}

#bio 
{
    width: 620px;
    margin: 30px auto 0 auto;
}

#bio ul 
{
    font-family: Tahoma;
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

#bio li.pic 
{
    width: 200px;
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
}

#bio li.txt 
{
    width: 400px;
    margin: 0;
    padding: 0;
    float: left;
}

#bio hr 
{
    width: 350px;
    height: 4px;
    margin: 10px auto 10px auto;
    padding: 0;
    background: #1A54AC;
    clear: both;
}

h1 
{
    font-family: Tahoma;
    font-size: 18px;
    font-weight: bold;
}

h2
{
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold; 
    text-align: left;      
}

h3
{
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold; 
    text-align: left; 
    padding-bottom: 10px;
    border-bottom: dotted 1px black;     
}

.formheader 
{
        background-color: #1A54AC;
        color: #FFFFFF;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
}

.stdtxt 
{
        font-family: Tahoma;
        font-size: 12px;
        font-weight: normal;
        text-align: left;
}

.boldtxt 
{
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
}

.smltxt 
{
        font-family: Tahoma;
        font-size: 10px;
        color: #A4A4A4;
}

.warning 
{
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        color: #FF0000;
}

.right
{
    text-align: right;
}

.imgleft
{
    float: left;
     margin-right: 10px;
}

.leftcol 
{
    width: 200px;
}

.centercol 
{
    width: 275px;
}

.rightcol 
{
    width: 275px;
}

.rowheight 
{
    height: 20px;
}

img 
{
    border: 0px;
}

td 
{
    vertical-align: top;
}