body {
	margin: 0; 
	padding: 0;
	background: #ebd3a3 url(../images/paper_background.jpg) repeat left top;
	}

#printheader{ display:none;}
#sloganheader {display:none;}

#About_container {
	width: 999px;
	height: 674px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: visible;
	}
#About_leftEdge {
	width: 49px; height: 200px;
	position: absolute;
	top: 0px; left: -49px;
	}
#About_paperBottom {
	width: 924px; height: 326px;
	position: absolute;
	top: 674px; left: 75px;
	}

#About_rightEdge {
	width: 54px; height: 1000px;
	position: absolute;
	top: 0px; left: 999px;
	}

	

/*Main content areas
***********************************************/

.about_main {
	background: url(../images/about_background.jpg) no-repeat scroll left top;
}

#About_mainText {
	position: absolute;
	top: 225px; left: 320px;
	width: 600px; height: auto;
	overflow: visible;	
}

#About_mainText table td {
	font: 12px/140% "Century Gothic","Verdana","Arial","Helvetica";
}

#About_mainText h1 {
	margin: 0;
	padding: .3em 0 .3em 0;
	color: #333;
	font: bold 18px/140% "Century Gothic","Verdana","Arial","Helvetica";
}

#About_mainText h2 {
	margin: 0;
	padding: .3em 0 .3em 0;
	color: #333;
	font: bold 15px/140% "Century Gothic","Verdana","Arial","Helvetica";
}

#About_mainText h3 {
	margin: 0;
	padding: .3em 0 .3em 0;
	color: #333;
	font: bold 12px/140% "Century Gothic","Verdana","Arial","Helvetica";
}


#About_mainText p {
	margin: 0;
	padding: .3em 0 .3em 0;
	color: #333;
	font: 12px/140% "Century Gothic","Verdana","Arial","Helvetica";
}


#About_mainText a, #About_mainText a:visited {
	color: #552c18; /* askjoe brown color */
	text-decoration: underline;
	position: relative;
	z-index: 50;
}

#About_mainText a:hover {
	color: #42b675; /* folder green */
	text-decoration: underline;
	position: relative;
	z-index: 50;
}


#BulletStyle {
	color: #333;
}
#BulletStyle li {
	font: 12px/140% "Century Gothic","Verdana","Arial","Helvetica";
}

#ListIndented  li {
	margin-left: 0; padding-left: .1em; list-style-type:none;
	font: 12px/140% "Century Gothic","Verdana","Arial","Helvetica";
}

#pdficontext {
	margin-left: 0; padding-left: .1em; list-style-type:none;
	font: 12px/140% "Century Gothic","Verdana","Arial","Helvetica";
}


/* "About" main page sandbags 
********************************************/


.leftSandbag1 {
	float: left;
	clear: left;
	width: 1px; height: 500px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}
.leftSandbag2 {
	float: left;
	clear: left;
	width: 50px; height: 220px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}

.rightSandbag1 {
	float: right;
	clear: right;
	width: 120px; height: 150px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}
.rightSandbag2 {
	float: right;
	clear: right;
	width: 10px; height: 235px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}

.rightSandbag3 {
	float: right;
	clear: right;
	width: 85px; height: 250px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}
	


/* Page Navigation areas
***********************************************/

.preload_TopNav {
	visibility: hidden;
}

#About_homeLink a {
	top: 50px; left: 22px;
	width: 109px; height: 120px;
	position: absolute;
	border: 0;
	text-decoration: none;
}


#About_tabNavStudents a {
	display: block;
	position: absolute;
	top: 29px; left: 306px;
	width: 113px; height: 43px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;
}
#About_tabNavStudents a:hover  {
	background: url(../images/students.gif) no-repeat;
}

#About_tabNavParents a {
	display: block;
	position: absolute;
	top: 29px; left: 419px;
	width: 92px; height: 43px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;
}
#About_tabNavParents a:hover  {
	background: url(../images/parents.gif) no-repeat;
}

#About_tabNavSchools a {
	display: block;
	position: absolute;
	top: 29px; left: 511px;
	width: 90px; height: 43px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;
}
	
#About_tabNavSchools a:hover  {
	background: url(../images/schools.gif) no-repeat;
}

#About_tabNavBorrower a {
	display: block;
	position: absolute;
	top: 29px; left: 601px;
	width: 166px; height: 43px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;
}

#About_tabNavBorrower a:hover  {
	background: url(../images/borrower_services.gif) no-repeat;
}

#About_tabNavAbout a {
	display: block;
	position: absolute;
	top: 24px; left: 775px;
	width: 139px; height: 43px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;
}


/* the About section links */


#About_topNav {
	position: absolute;
	display: block;
	width: 650px;
	height: 50px; /* but any overflow is set to be visible */
	left: 320px; top: 80px;
	overflow: visible;
	margin: 0; padding: 0;
	z-index: 999;
}
	
	#About_topNavLayout {
		margin: 0;
		padding: 0;
		}

	#About_topNavLayout li {
		display: inline;
		padding: 4px 15px 4px 0px;
		margin: 0;
		list-style-type: none;
		color: #332502; /* envelope writing color */
		font: bold 13px arial, sans-serif;
		}
		
	#About_topNavLayout li a, #About_topNavLayout li a:visited{
		color: #332502; /* envelope writing color */
		text-decoration: none;
		}
			
	#About_topNavLayout li a:hover {
		color: #fff; /* not the askjoe brown color */
		text-decoration: underline;
		}


#About_leftNav {
	display: block;
	position: absolute;
	width: 168px; height: 330px;
	left: 23px; top: 210px;
	overflow: visible;
	margin: 0; padding: 0;
	z-index: 999;
}

	#About_leftNavLayout {
		margin: 0;
		padding: 0;
		}
		
	#About_leftNavLayout li {
		padding: 0px 0px 10px 0px;
		margin: 0;
		list-style-type: none;
		color: #552c18; /* for not-linked subtitles */
		font: bold 11px/110% "Century Gothic","Verdana","Arial","Helvetica";
		}
		
	#About_leftNavLayout li a, #About_leftNavLayout li a:visited {
		color: #fff;
		text-decoration: none;
		position: relative;
		}
					
	#About_leftNavLayout li a:hover {
		color: #552c18; /* askjoe brown color */
		text-decoration: underline;
		}



/* Main page objects
***********************************************/


#About_postit {
	position: absolute;
	width: 261px; height: 248px;
	top: 614px; left: 841px;
	margin: 0; padding: 0;
	}
#altAbout_postit { /*swf replacement image */
	position: absolute;
	width: 261px; height: 248px;
	top: 614px; left: 841px;
	margin: 0; padding: 0;
	}

#About_stamps { /* not used now */
	position: absolute;
	width: 260px; height: 479px;
	top: 473px; left: 108px;
	margin: 0; padding: 0;
	}
#altAbout_stamps {  /*swf replacement image */
	position: absolute;
	width: 260px; height: 479px;
	top: 473px; left: 108px;
	margin: 0; padding: 0;
	}


#About_building { /* adjust top position depending on number of sublinks */
	position: absolute;
	width: 320px; height: 362px;
	top: 411px; left: 15px;
	margin: 0; padding: 0;
	}

#About_ceo { /* adjust top position depending on number of sublinks */
	position: absolute;
	width: 320px; height: 362px;
	top: 411px; left: 2px;
	margin: 0; padding: 0;
	}

#altAbout_building {  /*swf replacement image */
	position: absolute;
	width: 320px; height: 362px;
	top: 411px; left: 15px;
	margin: 0; padding: 0;
	}

#altAbout_ceo
 {  /*swf replacement image */
	position: absolute;
	width: 320px; height: 362px;
	top: 411px; left: 2px;
	margin: 0; padding: 0;
	}

/* redefine the footer position for this layout because of the pen collage */

#footer {
	position: absolute;
	padding-top: 0px;
	text-align: center;
	width: 600px;
}



/* About: Charitable pages 
********************************************/


#Charitable_ribbon {
	position: absolute;
	top: 290px; left: 14px;
	width: 400px; height: 765px;
	margin: 0; padding: 0;
	z-index: 1;
}
#altCharitable_ribbon {
	position: absolute;
	top: 290px; left: 14px;
	width: 400px; height: 765px;
	margin: 0; padding: 0;
	z-index: 1;
}

#bpPen {
	position: relative;
	width: 523px; height: 172px;
	margin: 0 0 0 0; padding: 0;
	}
#altbpPen {
	position: relative;
	width: 523px; height: 172px;
	margin: 0 0 0 0; padding: 0;
	}


/* sandbags for the Charitable giving page */

.rightSandbag1b {
	float: right;
	clear: right;
	width: 120px; height: 150px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}


.leftSandbag1b {
	float: left;
	clear: left;
	width: 0px; height: 400px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}
.leftSandbag2b {
	float: left;
	clear: left;
	width: 40px; height: 130px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}
.leftSandbag3b {
	float: left;
	clear: left;
	width: 90px; height: 190px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}


/* About: Generic pages 
**********************************/

.about_generic {
	background: url(../images/about_background.jpg) no-repeat scroll left top;
}




/* About: Media pages 
********************************************/

.about_media #About_container {
	width: 999px;
	height: 674px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: visible;
	}

.about_media #About_paperBottom {
	width: 895px; height: 326px;
	position: absolute;
	top: 674px; left: 133px;
	}

.about_media #About_rightEdge {
	width: 92px; height: 674px;
	position: absolute;
	top: 0px; left: 999px;
	}

.about_media {
	background: url(../images/media_background.jpg) no-repeat scroll left top;
}


/* new content location for Media */

.about_media #About_mainText {
	position: absolute;
	top: 290px; left: 320px;
	width: 580px; height: auto;
	overflow: visible;
}



/* 2 Media objects */

#About_media_camera {
	position: absolute;
	top: 480px; left: -100px;
	width: 550px; height: 535px;
	margin: 0 0 0  -80px;
	padding: 0;
}
#altAbout_media_camera { /* swf replacement */
	position: absolute;
	top: 480px; left: -100px;
	width: 550px; height: 535px;
	margin: 0 0 0  -80px;
	padding: 0;
}

	#About_media_recorder {
		position: absolute;
		top: 638px; left: 880px;
		width: 237px; height: 383px;
		margin: 0 0 0 0; padding: 0;
		}
	#altAbout_media_recorder { /* swf replacement */
		position: absolute;
		top: 638px; left: 880px;
		width: 237px; height: 383px;
		margin: 0 0 0 0; padding: 0;
		}


/* sandbags for the media page */

.leftSandbag1c {
	float: left;
	clear: left;
	width: 0px; height: 400px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}
.leftSandbag2c not used{
	float: left;
	clear: left;
	width: 40px; height: 130px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}
.leftSandbag3c {
	float: left;
	clear: left;
	width: 90px; height: 190px;
	margin: 0; padding: 0;
	position: relative;
	border: 0;
}

/* Ribbon flash object sandbag- DRS */
.leftSandbag1d {
	float: left;
	clear: left;
	width: 1px; height: 380px;
	margin: 0; padding: 0;
	border: 0;
}

.leftSandbag2d {
	float: left;
	clear: left;
	width: 55px; height: 200px;
	margin: 0; padding: 0;
	border: 0;
}

.leftSandbag3d {
	float: left;
	clear: left;
	width: 90px; height: 170px;
	margin: 0; padding: 0;
	border: 0;
}

/* redefine the footer position for Media layout because of the camera collage */

.about_media #footer {
	position: absolute;
	margin-top: 100px;
	margin-left: 0px;
	text-align: center;
	width: 600px;
}

/* Admin page styles */
.percentjump input{
	display:block;
	width:40px;
	height:20px;
	margin:0px;
	padding-bottom:16px;
	font-size:10px;
	text-align: center;
}

.percentjump td{
	text-align:center;
}