body
{
    font: 12px Arial, Helvetica, sans-serif;
    background-image: url('../images/page-background.png');
    background-repeat:repeat-x;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    line-height: 1.5em;
    background-color: #C6D9EA;
}
h1 {
	font-size: 18px;
	font-weight: bold;
}
h2
{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}
h3 {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
	font-style: italic;
}
h5 {
	font-size: 14px;
	margin-bottom: 10px;
	font-style: italic;
}
h6 {
	font-size: 14px;
	margin-bottom: 10px;
}
.main-container 
{
    width:1000px;
    margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
    background-color:White;
    
}
.header
{
    height:100px;
    background-image:url('../images/header-background.png');
}
.top-navigation
{
   text-align:left;
       background-image:url('../images/top-navigation-background-grey.png');

}
.main-content
{
    background-color:White;
    text-align:left;
    width:750px;
    float:left;
    padding-left: 10px;
    padding-right:10px;    
}
.main-content-shadow
{
    background-image:url('../images/main-content-drop-shadow.png');
    background-position:bottom;
    background-repeat:no-repeat;
    height:25px;

}    
.right-content
{
    background-color:#6E9FC8;
/*    background-image:url('../images/right-div-top.png');*/
    background-repeat:no-repeat;
    text-align:left;
    width:220px;
    float:right;
    color:White;
    padding: 0px 5px 5px 5px;
}

.right-content h1
{
    border-bottom-color: #2C71AE;
    border-bottom-width: thin;
    border-bottom-style: solid;
}

.right-content a, a:link, a:hover, a:visited
{
    color:Navy;
}

.footer
{
}

.menu {
	font-size: 14px;
	vertical-align:middle;
    background-image:url('../images/top-navigation-background-grey.png');
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td
{
    color: #FFFFFF;
    height: 30px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	vertical-align:middle;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: middle;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover
{
    vertical-align: middle;
    color: #D17576;
}

/* make drop down menu container style */
.menuPopup {
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
	vertical-align:middle;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
	vertical-align:middle;
}
.footer
{
    /*    background-image: url('../images/main-content-background.png');
      background-color: #E3ECF5;    ;
*/
    width: 1000px;
    margin: 0 auto;
    background-color: #C6D9EA;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}
.accordionHeader
{
    border: thin solid #C0C0C0;
    background-color: #336699;
    font: bold 13px Arial, Helvetica, sans-serif;
    cursor: pointer;
    color: #FFFFFF;
}
.accordionContent
{
    background-color: Transparent;
    font: normal 11px auto Verdana, Arial;
    border: 1px gray;
    padding: 4px;
    padding-top: 7px;
}