 <!-- this css still has to be compatible with older browsers. -->
body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right: 10px;
	background-color: #332323;
}
table{
	padding: 0 0 0 0;
}
.pageTitle{
	font-size:xx-large;
}

table.layer1{
	background-color:#FFFFFF;
	width:100%;
	height:100%;
}
	td.layer1TopRight{
		background-image:url(images/layer1_tr_corner.gif);
		background-repeat:no-repeat;
		width:8px;
		height:10px;
	}
	td.layer1Bottom{
		padding-top:3px;
		background-color:#A59E9E;
		text-align:center;
	}
	td.layer1BottomRight{
		background-image:url(images/layer1_br_corner.gif);
		background-repeat:no-repeat;
		width:8px;
		height:10px;
	}
	.btn_Home_Footer
	{
	   background-image:url(images/btn_Home_Footer.gif);
	    background-position:center;
	    background-repeat:no-repeat;
	   height:23px; 
	   width:23px; 
	   cursor:pointer; 
	   text-align:left; 
	   position:absolute; 
	   left:1px;
	   display:block;

    }
	
table.header{
	width:100%;
	height:110px;
	background-image:url(images/header_bkg.gif);
	background-repeat:repeat-x;
}
	td.headerLogo{
		background-image:url(images/mfn_logo.gif);
		background-repeat:no-repeat;
		vertical-align:text-top;
		width:496px;
		height:97px;
		cursor:pointer;
	}
	td.headerSilouette{
		background-image:url(images/header_silouette.gif);
		background-repeat:no-repeat;
		background-position: bottom right;
	}
	td.headerRight{
		background-image:url(images/header_bkg_r.gif);
		background-repeat:no-repeat;
		width:8px;
		height:110px;
	}
	
td.leftSideBar{
	vertical-align:top;
	padding-top:25px;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:5px;
}	
	table.leftSideBar{
		width:186px;
	}
		td.leftSideBarFooter{
			background-image:url(images/leftSideBarBoxBottom.gif);
			background-position:top;
			background-repeat:no-repeat;
			height:32px;
		}
		td.leftSideBarContent{
			background-color:#E9E0A0;
			font-size:smaller;
			font-weight:bold;
			padding-left:15px;
			padding-right:15px;
		}
		td.searchTableHeader{
			background-image:url(images/search_bkg.gif);
			background-position:bottom left;
			background-repeat:no-repeat;
			height:34px;
			cursor:pointer;
		}
		td.searchTableCell{
			background-image:url(images/search_field_bkg.gif);
			background-position:bottom left;
			background-repeat:no-repeat;
			background-color:#1FDE02;
			height:37px;
			text-align:center;
			vertical-align:middle;
		}
		td.contactInfo{
			background-color:#1FDE02;
			font-size:x-small;
			color:#FFFFFF;
			font-weight:bolder;
		}
		
		input.searchField{
			border:none #000000 0px;
			width:165px;
		}
		#goToAdvance{
			margin:0;
			padding:0;
			cursor:pointer;
		}
		div.searchAdvance a{
			display:block;
			background-image:url(images/search_advance_u.gif);
			background-position:top left;
			background-repeat:no-repeat;
			height:50px;
			width:131px;
		}
		div.searchAdvance a:hover{
			display:block;
			background-position:top right;
		}
		#submitSearch{
			margin:0;
			padding:0;
			cursor:pointer;
			vertical-align:top;
			background-image:url(images/search_mag_u.gif);
			background-position:top left;
			background-repeat:no-repeat;
		}
		div.searchMag a{
			display:block;
			background-image:url(images/search_mag_u.gif);
			background-position:top left;
			background-repeat:no-repeat;
			height:50px;
			width:57px;
		}
		div.searchMag a:hover{
			display:block;
			background-position:top right;
		}
	
		td.quickListHeader{
			background-image:url(images/quickList_header.gif);
			background-position:bottom;
			background-repeat:no-repeat;
			height:33px;
			cursor:pointer;
		}
	
		td.browseHeader{
			background-image:url(images/browse_header.gif);
			background-position:bottom;
			background-repeat:no-repeat;
			height:33px;
			cursor:pointer;
		}
		.ccplLogo{
			background-image:url(images/ccplLogo.gif);
			background-position:center;
			background-repeat:no-repeat;
			height:95px;
			width:100px;
			display:block;
			padding-left:80px;
			cursor:pointer;
		}
		#sideBarBrowse ul{
			display:block;
			list-style-type:none;
			cursor:pointer;
			margin:0;
			padding:0;
			line-height:150%;
		}
		        #sideBarBrowse a {
			        display:block;
			        text-decoration:none;
			        color:#000000;
		        }
		        #sideBarBrowse a:hover {
			        display:block;
			        background-image:url(images/list_hilite.gif);
			        background-position:left;
			        background-repeat:no-repeat;
			        padding-left:18px;
			        color:#159501;
		        }		
		#sideBarlist ul{
			display:block;
			list-style-type:none;
			cursor:pointer;
			margin:0;
			padding:0;
			line-height:150%;
		}
		        #sideBarlist a {
			        display:block;
			        text-decoration:none;
			        color:#000000;
		        }
		        #sideBarlist a:hover {
			        display:block;
			        background-image:url(images/list_hilite.gif);
			        background-position:left;
			        background-repeat:no-repeat;
			        padding-left:18px;
			        color:#159501;
		        }		
td.contentArea{
	vertical-align:top;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
}
	table.contentAreaTable{
		background-color:#E9E0A0;
		height:100%;
		width:100%;
		background-image:url(images/content_bkg_t.gif);
		background-repeat:repeat-x;
		background-position:top right;
	}
		.contentTitleCell{
			background-image:url(images/content_header_bkg.gif);
			background-repeat:no-repeat;
			background-position:top left;
			height:88px;
			width:307px;
			position:absolute;
			top:143px;
			left:204px;
			padding-top:30px;
			padding-left:20px;
		}
		td.contentTopRight{
			background-image:url(images/content_bkg_tr.gif);
			background-repeat:no-repeat;
			background-position:bottom right;
			width:10px;
			height:88px;
		}
		td.contentLeft{
			background-image:url(images/content_bkg_l.gif);
			background-repeat:repeat-y;
			background-position:top left;
		}	
		td.contentRight{
			background-image:url(images/content_bkg_r.gif);
			background-repeat:repeat-y;
			background-position:top right;
			width:10px;
		}
		td.contentContentArea2{
			padding-left:25px;
			padding-top:20px;
			padding-bottom:20px;
			padding-right:10px;
		}
		td.contentBottomRow{
			background-image:url(images/content_bkg_b.gif);
			background-repeat:repeat-x;
			background-position:bottom left;
		}
		.contentBottomLeft{
			background-image:url(images/content_bkg_bl.gif);
			background-repeat:no-repeat;
			background-position:bottom left;
			width:10px;
			height:13px;
		}	
		td.contentBottomRight{
			background-image:url(images/content_bkg_br.gif);
			background-repeat:no-repeat;
			background-position:bottom right;
			width:10px;
			height:13px;
		}

	table.dynamicAreaTable{
		background-color:#E9E0A0;
		height:100%;
		width:100%;
		background-image:url(images/dynamic_bkg_t.gif);
		background-repeat:repeat-x;
		background-position:top right;
	}
		td.dynamicTopLeft{
			background-image:url(images/dynamic_bkg_tl.gif);
			background-repeat:no-repeat;
			background-position:top left;
			width:3px;
			height:59px;
		}
		td.dynamicTopRow{
			text-align:center;
			vertical-align:top;
		}
		td.dynamicTopRight{
			background-image:url(images/dynamic_bkg_tr.gif);
			background-repeat:no-repeat;
			background-position:top right;
			width:12px;
			height:59px;
		}
		td.dynamicBottomLeft{
			background-image:url(images/dynamic_bkg_bl.gif);
			background-repeat:no-repeat;
			background-position:top left;
			width:3px;
			height:59px;
		}	
		td.dynamicBottomRow{
			background-image:url(images/dynamic_bkg_b.gif);
			background-repeat:repeat-x;
			background-position:top left;
			text-align:center;
			vertical-align:bottom;
		}
		td.dynamicBottomRight{
			background-image:url(images/dynamic_bkg_br.gif);
			background-repeat:no-repeat;
			background-position:top right;
			width:12px;
			height:57px;
		}
			td.dynamicRecordSpacer{
				height:3px;
			}
				table.dynamicNavigator{
					width:506px;
				}
				td.dynamicRecord{
					text-align:center;
					vertical-align:middle;
					font-size:small;
					color:#FFFFFF;
					font-weight:bold;
					width:468px;
				}
				td.dynamicRecordBrowser{
					cursor:pointer;
					width:18px;
				}
				td.dynamicRecordBrowserRight{
					cursor:pointer;
					width:18px;
					text-align:right;
				}
				#dynamicAlpha{
					margin:0;
					border:0;
					cursor:pointer;
					height:23px;
					text-align:center;
					vertical-align:middle;
					font-size:x-small;
					font-weight:bold;
				}
				div.dynamicAlphaTabTop{
					float:left;
					width:18px;
					height:23px;
				}
				div.dynamicAlphaTabTop a{
					display:block;
					background-image:url(images/alpha_top_u.gif);
					background-repeat:no-repeat;
					background-position:top left;
					width:18px;
					height:23px;
					text-decoration:none;
					color:#FFFFFF;
				}
				div.dynamicAlphaTabTop a:hover{
					display:block;
					background-position:top right;
					text-decoration:none;
				}
				span.dynamicAlphaItem{
					display:block;
					margin:0; 
					padding:5px 0 0 1px;
				}			
				div.dynamicAlphaTabBottom{
					float:left;
					width:18px;
					height:23px;
				}
				div.dynamicAlphaTabBottom a{
					display:block;
					background-image:url(images/alpha_bottom_u.gif);
					background-repeat:no-repeat;
					background-position:top left;
					width:18px;
					height:23px;
					text-decoration:none;
					color:#FFFFFF;
				}
				div.dynamicAlphaTabBottom a:hover{
					display:block;
					background-position:top right;
					text-decoration:none;
				}

td.rightSideBar{
	vertical-align:top;
	padding-top:25px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
}	
	table.rightSideBarTable{
		width:175px;
	}
	td.rightSideBarContent{
		background-color:#E9E0A0;
		font-size:smaller;
		font-weight:bold;
	}
	td.rightSideBarFooter{
		background-image:url(images/rightSideBarBoxBottom.gif);
		background-repeat:no-repeat;
		background-position:top right;
		height:30px;
	}
		
		td.mainMenuHeader{
			background-image:url(images/mainMenu_header.gif);
			background-position:bottom right;
			background-repeat:no-repeat;
			height:30px;
		}
		#mainMenu {
			display:block;
			cursor:pointer;
			margin:0;
			padding:0;
		}
		div.mmBtn a{
			height:35px;
			width:175px;			
			display:block;
			background-repeat:no-repeat;
			background-position:top left;
			text-decoration:none;
			color:#000000;
		}
		div.mmBtn a:hover{
			display:block;
			background-position:top right;
			color:#FFFFFF;
			font-weight:bolder;
		}
		div.mmBtn1 a{
			display:block;
			background-image:url(images/btn_mainMenu_DDB964_u.gif);
		}
		
		div.mmBtn2 a{
			display:block;
			background-image:url(images/btn_mainMenu_F1E77F_u.gif);
		}
		
		div.mmBtn3 a{
			display:block;
			background-image:url(images/btn_mainMenu_ACD3D6_u.gif);
		}
		div.mmBtn4 a{
			display:block;
			background-image:url(images/btn_mainMenu_D8BEBE_u.gif);
		}
		div.mmBtn5 a{
			display:block;
			background-image:url(images/btn_mainMenu_CDCECE_u.gif);
		}
		div.mmBtn6 a{
			display:block;
			background-image:url(images/btn_mainMenu_99E28E_u.gif);
		}
		div.mmBtn7 a{
			display:block;
			background-image:url(images/btn_mainMenu_BFB7C6_u.gif);
		}
		span.mainMenuItem{
			display: block;
			margin:0; 
			padding: 10px 0 0 33px;
		}			
		.blackBoard{
			background-image:url(images/specialNeeds.gif);
			background-position:center;
			background-repeat:no-repeat;
			height:219px;
			width:182px;
			display:block;
			cursor:pointer;
		}


div.balloonHelp
{
    background-image:url(images/helpCloud_bkg.png);
    background-repeat:no-repeat;
    height:142px;
    width:396px;
    display:none;
    font-size:x-small;
    color:#000000;
    padding: 0px 0px 0px 0px;
}
div.balloonHelpContentArea
{
    position:relative; 
    top:30px; 
    left:45px; 
    width:310px; 
    max-height:65px; 
    overflow:hidden;      
}
        #balloonHelp_Search
        {
            position:absolute;
            top:145px;
            left:165px;
        }
        #balloonHelp_ContactInfo
        {
            position:absolute;
            top:215px;
            left:165px;
        }
        #balloonHelp_QuickList
        {
            position:absolute;
            top:285px;
            left:165px;
        }
        #balloonHelp_BrowseDatabase
        {
            position:absolute;
            top:455px;
            left:165px;
        }
        
    div.balloonHelp_Close
    {
		background-image:url(images/balloonHelpClose.gif);
		background-position:left;
		background-repeat:no-repeat;
		height:10px;
		width:10px;
		position:absolute;
		top:0px;
		left:0px;
		border:solid 2px #000854;
	}
#contactInfoHelp
{
	margin:0;
	padding:0;
	cursor:pointer;
}
div.contactInfoHelp a{
	float:left;
	display:block;
	background-image:url(images/help.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:14px;
	width:12px;
}
div.contactInfoHelp a:hover{
	display:block;
	background-position:top right;
}


div.balloonQuestion a
{
	display:block;
	background-image:url(images/help.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:14px;
	width:12px;
}
div.balloonQuestion a:hover{
	display:block;
	background-position:top right;
}
        #balloonQuestionSearch
        {
	        display:none;
            position:absolute;
            top:167px;
            left:85px;
        }
        #balloonQuestionQuickList
        {
	        display:none;
            position:absolute;
            top:330px;
            left:115px;
        }
        #balloonQuestionBrowseDatabase
        {
	        display:none;
            position:absolute;
            top:500px;
            left:145px;
        }
table.displayOptions
{
        border:#FFFFFF 2px solid;
}
        th.displayOptions
        {
            background-color:#116c03;
            color:#FFFFFF;
            font-size:smaller;
            padding:3px 5px 5px 5px;
        }
        td.displayOptions
        {
            border:#FFFFFF 1px solid;
            padding:3px 5px 5px 5px;
            font-size:x-small;
            font-weight:bolder;
        }
        div.displayOptions
        {
	        padding:5px 5px 5px 5px;
	        margin:2px 0px 10px 0px;
	        color:#FFFFFF;
	        font-weight:bold;
	        font-size:medium;
	        text-align:center;
	        vertical-align:middle;
            border:#FFFFFF 1px solid;
            float:left;
        }
        img.displayOptions
        {
	        border:solid 0px #524625;
        }