﻿html,body,form,p,h1,h2,h3,h4,h5,h6,ul,li,hr,div,span,table,tr,td,th
{
    margin:0px;
    padding:0px;
    line-height: 1.3;
}

html {
 /* makes the scrollbar appear always to prevent content shift when pages have long content and require a scrollbar */
 overflow: scroll !important;
}

body { background-color: #CFD1CC;
       text-align:center;
       font-family: 'Trebuchet MS',arial,verdana;
       color:Gray;
       font-size:12px;
}

ul { margin-left: 30px; }

p { padding: 0px 0px 10px 0px; }

hr 
{
    clear:both;
    margin: 10px auto 10px auto;
    border:0px;
    border-top:dotted 1px #999999;
    height:1px;
}

#outerContainer 
{
    margin:auto;
    padding:0px;
    width:954px;
}

#topContainer 
{
    width:954px;
    background-color:White;
}

#topLeft
{
    width: 350px;
    height: 90px;
    background-image: url("/images/framework/topLeft2.gif");
    float:left;
}

#topRight
{
    width: 604px;
    height: 90px;
    background-image: url("/images/framework/topRight.gif");
    float:left;
}

#loginPanel
{
    float:right;
    width:270px;
    height:62px;
    margin-right:30px;
    margin-top:10px;
    border:dotted 1px gray;
    text-align:left;
    padding:5px;
}

#menuTop
{
    clear:both;
    width:950px;
    height:3px;
    background-color:gray;
    margin-left:2px;
    margin-right:2px;
    overflow:hidden;
}

#menu
{
    width:954px;
    height:38px;
    background-image: url("/images/framework/menuBg2.gif");
    margin:0;
    text-align:left;
}

#submenu
{
    width:895px;
    height:38px;
    background: #baaf0f url("/images/framework/submenuBg.gif");
    margin:0;
    text-align:left;
}

#contentsContainer
{
    width: 895px;
    margin-left: 29px;
    margin-right: 30px;
    background-color:White;
    min-height:300px;
}
*html #contentsContainer
{
    height:300px; /* used because IE6 does not support "MIN-HEIGHT" */
}

#contents 
{
    text-align:left;
    padding:5px 20px 20px 20px;
}

.imgContainerLeft
{
    float:left;margin:0px 10px 10px 0px; border:solid 1px #999999;text-align:center; font-style:italic;
}

.imgContainerRight
{
    float:right;margin:0px 0px 10px 10px;border:solid 1px #999999;text-align:center; font-style:italic;
}

.imgContainerLeft img,.imgContainerRight img
{
    padding:1px;
}

#footer
{
    width: 895px;
    margin-left: 29px;
    margin-right: 30px;
    background-color:#999999;
    height:50px;
    color:White;
    background-image: url("/images/framework/footer2.gif");
    text-align:left;
}

#footer p { padding:10px 0px 0px 0px; text-align:center; }
#footer a { color:#666666; }
#footer a:hover { color:#cccccc; }

h1
{
    font-size:20px;
    color:#cc6600;
}

h2
{
    font-size:16px;
    color:#cc6600;
}

h3
{
    font-size:14px;
    color:#cc6600;
}

h4
{
    font-size:13px;
    color:#cc6600;
}

h5
{
    font-size:12px;
    color:#cc6600;
}

h6
{
    font-size:11px;
    color:#cc6600;
}

a 
{
    color:#cc6600;
    text-decoration: underline;
}

a:hover { color:#ffcc33; }

.eabsOrange { color: #cc6600; }

.hMenu { color:White; font-size:14px; padding-top:2px;}
.hMenu li
{
    line-height:26px;
    display:inline;
    font-weight:bold;
}
.hMenu a
{
    color:White;
    text-decoration:none;
}
.hMenu a:hover { color:#ffcc33; }
.hMenu a:active { color:#cc6600; }

.infoPanelContainer_X_2
{
    margin:auto;
    width:550px;
}

.infoPanel
{
    margin:auto;
    width:275px;
    background: White url("/images/infoPanel/bg.gif");    
    float:left;
}

.infoPanelIcon
{
    float:left;
    width:70px;
    height:70px;
}

.infoPanelHeading
{
    float:right;
    width:205px;
    background: White url("/images/infoPanel/topRight.gif");
    height:42px;
    padding-top:28px;
}

.infoPanelHeading a
{
    margin-left:-20px;
    font-size:20px;
    color:#cc6600;
    text-decoration:none;
}

.infoPanelHeading a:hover
{
    color:purple;
    text-decoration:underline;
}

.infoPanelContents
{
    margin-left:32px;
    margin-right:19px;
    padding:0px 10px 0px 10px;
    text-align:justify;
}

.infoPanelContents img
{
    padding:0px 0px 0px 10px;
    float:right;
    border-style:none;
}


.infoPanelFooter
{
    width:275px;
    height:18px;
    background: White url("/images/infoPanel/bottom.gif");
}