﻿body
{
    margin-top: 15px;
    background: #9a9090;
    font-family: arial;
    font-size: small;
}

td 
{
    font-size:small;
}

#container
{
    width: 915px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.container_inner
{
    width: 915px;
    margin-left: auto;
    margin-right: auto;
    background: #fff url(assets/images/twocol_bg.gif) repeat-y 65% 0;
}


#banner
{
    height: 173px;
    background: #fff url(assets/images/banner_bg.jpg) no-repeat right;
}

#logo
{
    float: left;
    width: 220px;
    padding-left: 15px;
    background: url(assets/images/main_ellipse_top_left.gif) no-repeat left top;
}

#contact
{
    float: right;
    width: 325px;
    text-align: center;
    padding-left: 355px;
    padding-top: 30px;
    color: #fff;
    font-size: 140%;
}

#contact a
{
    color: #fff;
}

#contact a:hover
{
    color: #ccc;
}

#nav
{
    clear: both;
    float: left;
    width: 100%;
    background: #bdb4b4;
    font-size: 140%;
    line-height: normal;
}
#nav ul
{
    margin: 0;
    padding: 10px 10px 0 20px;
    list-style: none;
}
#nav li
{
    float: left;
    background: url(assets/images/norm_right.gif) no-repeat right top;
    margin-right: 4px;
    padding: 0;
}

#nav a
{
    display: block;
    background: url(assets/images/norm_left.gif) no-repeat left top;
    padding: 4px 18px 4px;
    color: #004275;
    text-decoration: none;
    font-family: Arial;
}

#nav a:hover
{
    color: #9cc1de;
}

.content
{
    width: 695px;
    float: left;
    font-size: 90%;
    line-height: 1.4em;
}



.content div
{
    padding: 10px 20px;
    font-size: 110%;
    line-height: 1.4em;
    text-align: left;
}

.content-wholepage
{
    width: 100%;
    float: left;
    font-size: 90%;
    line-height: 1.4em;
}

.content-wholepage div
{
    padding: 10px 20px;
    font-size: 110%;
    line-height: 1.4em;
    text-align: left;
}

.staff h3
{
    font-size: 130%;
    background: #723983;
    width: 842px;
    margin-bottom: 0;
    color: #fff;
    padding: 4px;
}

table.directory
{
    width: 850px;
    border: solid #ccc;
    border-width: 1px 0 1px 1px;
    margin-bottom: 20px;
}

table.directory a
{
    color: #0d739e;
}

table.directory a:hover
{
    color: #00f;
}

table.directory td
{
    width: 33%;
}

table.directory tr.headerrow td
{
    font-weight: bold;
    padding: 4px;
    border-bottom: 4px solid #333;
    border-right: 1px solid #ccc;
    background: #faf9f9 url(assets/images/headerrow_bg.gif) repeat-x left top;
}

table.directory tr.datarow td
{
    padding: 4px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

table.directory tr.endrow td
{
    padding: 4px;
    border-bottom: 0;
    border-right: 1px solid #ccc;
}

.sidebar
{
    float: right;
    width: 220px;
}

.sidebar h3
{
    padding: 4px 4px 4px 25px;
    width: 90%;
    background: #e9e2ed url(assets/images/down_arrow.gif) no-repeat 3px;
    border-bottom: 1px solid #333;
    margin-bottom: 4px;
    font-size: 140%;
    text-transform: uppercase;
}

.header-tips
{
    font-weight: bold;
    font-size: 110%;
    color: #009;
    text-transform: uppercase;
}

.sidebar div
{
    padding: 10px 20px;
}


h1
{
    font-size: 180%;
}

h2
{
    font-size: 160%;
}

h3
{
    font-size: 130%;
}

h3.faq
{
    color: #900;
}

ul
{
    list-style-type: square;
}

table#pay
{
    width: 100%;
}

table#pay td
{
    width: 33%;
    text-align: center;
}


table#pay td a
{
    padding: 40px 0;
    display: block;
}

table#pay td a:hover
{
    display: block;
    background: #bdb4b4;
}

#rmv
{
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background: url(assets/images/arrow.gif) no-repeat center right;
    font-size: 140%;
}

#rmv a
{
    color: #fff;
    text-decoration: none;
}

#rmv a:hover
{
    color: #ccc;
}

div.icon
{
    padding:0;
    float:left;
    margin-right:4px;
    margin-top:4px;
}

table.formtable 
{
    width:90%;
    background:url(assets/images/formtable_bg.gif) repeat-x left bottom;
    border:1px solid #ccc;
}

table.formtable td 
{
    vertical-align:top;
    padding:6px;  
  
}

table.formtable input 
{
    width:175px;
    border:1p solid red;
    font-size:90%;
    vertical-align:middle;
    padding-left:4px;
}


#footer-outer
{
    clear: both;
    width: 915px;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    background: #bdb4b4 url(assets/images/footer_corner_left.gif) no-repeat left bottom;
}

#footer-inner
{
    float: right;
    width: 900px;
    height: 40px;
    background: #bdb4b4 url(assets/images/footer_corner_right.gif) no-repeat right bottom;
    text-align: center;
    color: #004275;
    padding-top: 8px;
}

#footer-inner a
{
    color: #004275;
    padding-left: 8px;
    padding-right: 8px;
}

#footer-inner a:hover
{
    color: #fff;
}

