body , .main
{
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #333333;
background: #FFFFFF url('img/bkg.jpg') repeat-x;
}

.center
{
float: left;
width: 100%;
text-align: center;
}

.main-container
{
float: left;
*float: center;
position: relative;
width: 794px;
background: url('img/shadow.jpg') repeat-y;
text-align: left;
}

a:link , a:visited , a:active
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
color: #336666;
text-decoration: none;
}

a:hover
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
color: #336666;
text-decoration: none;
}

.text
{
font-family: arial, verdana, trebuchet ms;
font-size: 12px;
padding: 8px;
text-align: left;
}

.image-left
{
position: relative;
float: left;
margin-right: 8px;
margin-bottom: 4px;
border: 1px solid #D9D9D9
}

.image-right
{
position: relative;
float: right;
margin-left: 8px;
margin-bottom: 4px;
border: 1px solid #D9D9D9
}

.image-center
{
margin-left: 2px;
margin-top: 2px;
margin-bottom: 8px;
border: 1px solid #D9D9D9;
}

.title
{
position: relative;
padding-top: 8px;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
color: #999999;
text-align: left;
text-transform: uppercase;
padding-left: 20px;
}

.tagline
{
position: relative;
margin-top: 61px;
margin-left: 75px;
font-family: arial, helvetica, sans-serif;
font-size: 9px;
color: #013463;
}

.left-shadow
{
position: relative;
float: left;
width: 8px;
height: 578px;
background: url('img/shadow_left.jpg') no-repeat;
}

.right-shadow
{
position: relative;
float: left;
width: 8px;
height: 578px;
background: url('img/shadow_right.jpg') no-repeat;
}

.center-container
{
position: relative;
float: left;
width: 778px;
background: #FFFFFF;
}

.company-name
{
float: left;
padding-top: 42px;
padding-left: 78px;
font-size: 14px;
font-weight: 700;
color: #FFCC00;
}

.slogan
{
font-size: 9px;
text-transform: uppercase;
color: #999999;
}

.header-links
{
float: left;
width: 764px;
float: right;
font-family: arial, tahoma, verdana, trebuchet ms;
font-size: 11px;
margin-top: 4px;
margin-right: 7px;
text-align: right;
}

.header-links a
{
padding-left: 4px;
padding-right: 4px;
}

.header-container
{
float: left;
width: 764px;
height: 110px;
background: url('img/header_bkg.jpg') repeat-x;
margin-bottom: 2px;
margin-left: 7px;
}

.header-left
{
float: left;
}

.header-right
{
float: right;
width: 429px;
height: 115px;
background: url('img/header_2.jpg') no-repeat;
text-align: right;
}

.menu
{
float: left;
width: 100%;
height: 24px;
background: #FFFFFF url('img/menu_bkg.jpg') repeat-x;
}

.button-active
{
float: left;
width: 98px;
height: 24px;
background: url('img/button_active.jpg') no-repeat;
text-align: center;
padding-top: 8px;
text-indent: -2px;
margin-left: 3px;
font-size: 11px;
}

.button-inactive
{
float: left;
width: 98px;
height: 24px;
background: url('img/button_inactive.jpg') no-repeat;
text-align: center;
padding-top: 8px;
text-indent: -2px;
margin-left: 3px;
font-size: 11px;
}

.sub-menu
{
float: left;
width: 100%;
height: 22px;
background: #FFFFFF url('img/submenu_bkg.jpg') repeat-x bottom;
}

.sub-menu-links
{
float: left;
padding-top: 3px;
padding-left: 8px;
font-family: arial, tahoma, verdana, trebuchet ms;
font-size: 11px;
}

.sub-menu-links a
{
padding-left: 4px;
padding-right: 4px;
}

.spacer
{
float: left;
width: 5px;
height: 24px;
}

.left-column-top
{
position: relative;
float: left;
width: 222px;
height: 10px;
background: #FFFFFF;
}

.column-container
{
position: relative;
float: left;
width: 100%;
}

.left-column
{
position: relative;
float: left;
width: 202px;
margin-left: 10px;
}

.center-column
{
position: relative;
float: left;
width: 336px;
margin-left: 6px;
}


.right-column
{
position: relative;
float: left;
width: 202px;
margin-left: 5px;
}

.left3-column
{
position: relative;
float: left;
width: 250px;
margin-left: 5px;
}

.center3-column
{
position: relative;
float: left;
width: 250px;
margin-left: 5px;
}

.right3-column
{
position: relative;
float: left;
width: 250px;
margin-left: 5px;
}


.center4-column
{
position: relative;
float: left;
width: 375px;
margin-left: 5px;
}

.right4-column
{
position: relative;
float: left;
width: 375px;
margin-left: 5px;
}


.box-header
{
position: relative;
float: left;
width: 202px;
height: 32px;
background: url('img/box_header.jpg') no-repeat;
text-align: center;
}

.box-body
{
position: relative;
float: left;
width: 202px;
background: url('img/box_bkg.jpg') repeat-y;
}

.box-footer
{
position: relative;
float: left;
width: 202px;
height: 21px;
background: url('img/box_footer.jpg') no-repeat;
}


.footer-container
{
float: left;
width: 764px;
height: 61px;
background: url('img/footer_mid.jpg') repeat-x;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 7px;
}

.footer-left
{
float: left;
width: 67px;
height: 61px;
background: url('img/footer_left.jpg') no-repeat;
}

.footer-center
{
float: left;
width: 630px;
height: 61px;
}

.footer-right
{
float: left;
width: 67px;
height: 61px;
background: url('img/footer_right.jpg') no-repeat;
}

.footer-links
{
float: left;
width: 630px;
margin-top: 16px;
text-align: center;
}

.footer-links a
{
padding-left: 4px;
padding-right: 4px;
}

.footer-copyright
{
font-size: 10px;
}

.form
{
padding: 0px;
margin: 0px;
}

.table-login
{
font-size: 11px;
}

.table-ie
{
font-size: 11px;
}

h1
{
font-family: arial, verdana, tahoma, helvetica, sans-serif;
font-size: 20px;
font-weight: 500;
text-align: left;
color: #666666
}

h2
{
margin: 0px;
padding: 0px;
font-family: arial, verdana, tahoma, helvetica, sans-serif;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
color: #666666;
}

h3
{
margin: 0px;
padding: 0px;
margin-bottom: 8px;
font-family: arial, verdana, tahoma, helvetica, sans-serif;
font-size: 13px;
font-weight: 700;
color: #666666;
}

h4
{
margin: 0px;
padding: 0px;
font-family: arial, verdana, tahoma, helvetica, sans-serif;
font-weight: 700;
font-size: 13px;
color: #666666;
font-style: italic;
}

.alert
{
font-weight: 700;
color: red;
}

.breadcrumbs
{
font-family: arial, verdana, tahoma, helvetica, sans-serif;
font-size: 11px;
color: #999999;
}

.breadcrumbs a
{
font-family: arial, verdana, tahoma, helvetica, sans-serif;
font-size: 11px;
padding-left: 2px;
padding-right: 2px;
}

.breadcrumbs a:hover
{
font-family: arial, verdana, tahoma, helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
}