/* Page Background */
.bdyPage{
	background-color: #004A94;  // #BFC6E0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:  Verdana, Arial, sans-serif;
	font-size: 12pt;
	text-align: justify;}

table{
	background-color: transparent; border-collapse: collapse;
	font-family:  Verdana, Arial, sans-serif;
	font-size: 10pt;
	padding-top: 0px;
	margin-top: 0px;
	text-align: justify;}	
h2{
	background-repeat : repeat-y;
	background-position : top  left;
	background-image: url(images/h2_back.gif); 
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 40px 0px;	
	font-family:  Verdana, Arial, sans-serif;
	font-weight: 800;
	text-align: left;
	font-size: 16pt;
	color:  #0000000;
	z-index: 5;}
h3{
	background-repeat : no-repeat;
	background-position : bottom left;
	background-image: url(images/h3_back.gif); 
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
font-family:  Verdana, Arial, sans-serif;
	font-weight: 800;
	text-align: left;
	font-size: 12pt;
	color:  #000000;
	z-index: 5;}	
 
 
.tdTopLeft{
	background-image: url(images/top_left.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width:170px;
	height:100px;}
.tdTopCentre{
	background-image: url(images/top_tile.gif);
	background-color: transparent;
	width:100%;
	height:100px;}
.tdTopRight{
	background-image: url(images/top_right.gif);
	background-color: transparent;
	width:20px;
	height:100px;}
.tdLeft{
	background-image: url(images/left_tile.gif);
	background-repeat : repeat-y;
	text-align: left;
	vertical-align: top;
	width: 150px;
	height: 100%;
	padding: 0px 0px 0px 0px;}	

.tdContent{
	background-position : bottom  right;
	background-image: url(images/right_flash.gif); 
	background-repeat : no-repeat;
	height: 100%;
	width:100%;
	background-color :  #E5E9F3;
	padding: 50px 20px 20px 20px;
	font-family:  Verdana, Arial, sans-serif;
	font-size: 11pt;
	text-align: justify;	
	vertical-align: top;
	  }
.tdRight{
	background-image: url(images/right_tile.gif);
	background-repeat : repeat-y;
	background-color: transparent;
	width:20px;
	height:100px;}
.tdBottomLeft{
	background-image: url(images/bottom_left.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 170px;
	height: 40px;}
.tdBottomCentre{
	background-image: url(images/bottom_tile.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 20px;
	font-size: 8pt;
	color: #FFFFFF;
	font-family:  Verdana, Arial, Helvetica, sans-serif;	
	font-weight: normal;
	background-color: transparent;
	width: 100%;
	height: 40px;}	
.tdBottomRight{
	background-image: url(images/bottom_right.gif);
	background-repeat: no-repeat;	
	text-align: center;
	background-color: transparent;
	width: 20px;
	height: 40px;}	
 
/* Header Elements */
.imgSiteLogo{
	position: relative;
	left: 0px;
	width:200px;
	height:92px;	
	top: 5px;}

 .divSiteTitle1, .divSiteTitle2{
	position:absolute;
 	top:1px;
	left: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #FFFFFF; 
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-align: left;	
	font-size: 28pt;
	z-index: 5;}
.divSiteTitle2{
 	top:3px;
	left: 12px;
	color: #000000; 
	z-index: 4;}
 .divStrap1, .divStrap2{
	position:absolute;
 	top:52px;
	left: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #FFFFFF; 
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 800;
	xfont-style: italic;
	text-align: left;	
	font-size: 12pt;
	z-index: 5;}
.divStrap2{
 	top:46px;
	left: 221px;
	color: #333333; 
	z-index: 4;}
		
.pageTitle{
	position: absolute;
	top: 70px;
	width: 100%;
}

/* Top Buttons */
.divAreas{
	background-image : url(images/area_bar_t.gif);
	background-repeat : no-repeat;
	background-position : top;
	margin-top: 20px;
	padding-top: 20px;
 }
.divAreasEnd{
	background-image : url(images/area_bar_b.gif);
	background-repeat : no-repeat;
	background-position : top;
	padding-top: 20px;
 } 
.areaOut, .areaClicked, .areaOver{
	background-color: transparent;;
	text-align: center;
	height: 30px;
	width: 156px;
	margin: 0px 0px 0px 7px;
	padding: 5px 0px 0px 0px;
	background-image : url(images/area_out.gif);	}
.areaClicked{	
	background-image : url(images/area_clicked.gif);
	z-index: 10;	
}
.areaOver{
	background-image : url(images/area_over.gif);
	cursor: pointer;
}
/* Table Form classes */
.tblForm{
	margin: 10px 0px 10px 0px;
}
.trForm{
	padding: 5px 5px 5px 5px;}
.tdForm{
	border-style:    dashed;
	border-width: 1px;
	border-color: #000000;
	text-align: left;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}
.tblData{
	margin: 10px 0px 10px 0px;
}
.trData{
	padding: 8px 8px 8px 8px;}
.tdData{
	border-style:    dashed;
	border-width: 1px;
	border-color: #000000;
	text-align: left;
	padding: 8px8px 8px 8px;
	vertical-align: top;
}
/* Table List classes */
.tblList{
	font-size: 12pt;}
.trListHead{
	font-size: 10pt;
	font-weight: bold;
	border-style: outset;
	border-width: 3px;}
 
.trListGroup{
	border-style: none;
	background-color: transparent;
	height: 30px;}	

.trList{
	border-style: outset;
	border-width: 3px;
	background-color: #DDDDDD;}
	
.trListOdd{
	border-style: outset;
	border-width: 1px;
	background-color: #DDDDDD;}
		
.trListEven{
	border-style: outset;
	border-width: 1px;
	background-color: #DDDDDD;}
		
.tdList{
	border-style: outset;
	border-width: 1px;
	background-color: #DDDDDD;
	padding: 5px 2px 5px 5px;}
.tdQ{
	font-size: 11pt;
	font-weight: bold;
	color: 	#FF9900;
}
.tdA{
	
}
.divButton{
 	width: 220px;
	height: 145px;
	xbackground-color : #DDDDDD;
	vertical-align : middle;
	border-style : solid;
	padding-top: 10px;
	border-width : 1px;
}
.divRightFlash{
	background-repeat : repeat-y;
	height: 5px;
	background-position : bottom  right;
	background-image: url(images/right_flash.gif); 
}
.aArea{
	color: #000000;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10pt;
	font-weight: 800;
	text-decoration: none;}
 
.pageOut, .pageClicked, .pageOver{
	background-color: transparent;
	text-align: center;
	height: 25px;
	width: 125px;
	clip: rect(0px 125px 25px 0px);
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	background-image : url(images/page_out.gif);
	background-repeat : no-repeat;}
.pageClicked{	background-image : url(images/page_clicked.gif);}
.pageOver{
	background-image : url(images/page_over.gif);
	cursor: pointer;
}

.aPage{
	color: #000033;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 8pt;
	text-decoration: none;}

a.aPageLink:link, a.aPageLink:active, a.aPageLink:visited{
	background-color: transparent;
	color: #000099;
	font-weight: bold;
	text-decoration: underline;}
a.aPageLink:hover{
	background-color: #004A94;
	color: #FFFFFF;
	font-weight: bold;}	
 
 a.aFootLink:link, a.aFootLink:active, a.aFootLink:visited{
	background-color: transparent;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;}
a.aFootLink:hover{
	background-color: #FFFFFF;
	color: #004A94;
	font-weight: bold;}	
	
 a.aImg:link, a.aImg:active, a.aImg:visited{
	border-style : solid;
	border-top-color : #EEEEEE;
	border-left-color : #EEEEEE;
	border-bottom-color : #999999;
	border-right-color : #999999;	
	border-width : 2px;
}
a.aImg:hover{
	border-top-color : #FFDCB9;
	border-left-color : #FFDCB9;
	border-bottom-color : #FF8B19;
	border-right-color : #FF8B19;
 }	
		
/* Optional Add-Ins	 */
form{
	margin: 0px 0px 0px 0px;
}
.formButton{
	width:120px;
	height:25px;
}
.formMustHave{
	font-weight: bold;
}
.readOnly{
	background-color: #FFFFFF;
}

.dbEditButton{
	width:62px;
	height:25px;
}
.divPageTitle{
	position: absolute;
	top:90px;
	left: 160px;
	background-repeat : no-repeat;
	background-position : bottom  left;
	background-image: url(images/left_flash.gif); 
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 40px 0px;	
	font-family:  Verdana, Arial, sans-serif;
	font-weight: 800;
	text-align: left;
	width: 500px;
	font-size: 18pt;
	color:  #000000;
}
.divPages{
	background-image : url(images/page_bar_t.gif);
	background-repeat : no-repeat;
	background-position : top left;
	width:125px;
	margin: 30px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	z-index: 5}
.divCommonPages{
	background-image : url(images/page_bar_b.gif);
	background-repeat : no-repeat;
	background-position : bottom left;
	width:125px;
	margin: 0px 0px 0px 8px;
	padding-bottom: 18px;}
.divStory{
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	border-style : solid;
	border-width : 1px;
	background-color : #DBF1DB;
	border-top-color : #DBF1DB;
	border-left-color : #DBF1DB;	
	border-bottom-color : #8CBD8C;
	border-right-color : #8CBD8C;
		font-size: 8pt;
}	
.divStoryTitle{
	font-weight: bold;
	font-size: 10pt;
}
.imgLogo{
	position: absolute;
	top:10px;
	left: 50px;
	width: 460px;
	height: 40px;
	z-index: 50;}
.imgPhoto{
	border-style : solid;
	border-width : 1px;
	padding:5px; 
	background-color : #CCCCCC;
	border-bottom-color : #000099; //#004A94;
	border-right-color : #000099;
	border-top-color : #FFFFFF; //#C8E4FF;
	border-left-color : #FFFFFF;	
	}
.imgRight, .imgLeft, .imgCenter{
	margin: 0px 0px 10px 20px;
	border-style : solid;
	border-width : 1px;
	border-bottom-color : #000000;
	border-right-color : #000000;
	border-top-color : #FFFFFF;
	border-left-color : #FFFFFF;	
}
.imgCenter{
	margin: 0px 10px 0px 10px;
} 
.smallText{
 
	font-weight: normal;
	color: black;	
	font-size: 8pt;	
}
.msgError{
		background-color: #FFC68C; 
		color: black;
		font-weight: bold;
		padding: 2px 5px 2px 5px;
}
.spnHeader{
	color: #FF9900;
	font-weight: bold;
} 
.divPageMenu{
	text-align:center;
	height:20px;
	color: #000000; 
	font-weight: 800;
	font-size: 10pt;
	padding: 5px 0px 5px 0px;
}
/* Client-Specific */