/* these styles are based on CCP_students_styles.css  but are not linked */

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

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

#CCPstudents_container {
	width: 999px;
	height: 837px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/nhceo_background.jpg) no-repeat scroll left top;
	position: relative;
}
#CCPstudents_leftEdge {
	width: 49px; height: 200px;
	position: absolute;
	top: 0px; left: -49px;
}
#CCPstudents_paperBottom {
	width: 852px; height: 163px;
	position: absolute;
	top: 837px; left: 177px;
}

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


#CCPstudents_homeLink a {
	width: 109px;
	height: 110px;
	position: absolute;
	top: 20px;
	left: 22px;
	border: 0;
	text-decoration: none;
}

#CCPstudents_askJoe a {
	display: block;
	position: absolute;
	width: 186px; height: 137px;
	top: 152px; left: 0px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;
}

	#CCPstudents_askJoe a:hover {
		background: url(../images/askjoe_hover.jpg) no-repeat;
	}

		

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

#CCPstudents_mainText {
	position: absolute;
	top: 360px; left: 400px;
	width: 500px; height: auto;
	overflow: visible;
	z-index: 999;
}

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

		#CCPstudents_mainText .postitSandbag {
			float: right;
			width: 160px;
			height: 170px;
			margin: 0; padding: 0;
			position: relative;
			display: block;
		}

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

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

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


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

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

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




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


#CCPstudents_BorrowerButton a {
	display: block;
	position: absolute;
	top: 47px; left: 228px;
	width: 191px; height: 43px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;
	}

		#CCPstudents_BorrowerButton a:hover  {
			background: url(../images/button_borrower_services_over.jpg) no-repeat;
		}

#CCPstudents_AboutButton a {
	display: block;
	position: absolute;
	top: 47px; left: 419px;
	width: 113px; height: 43px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;
	}


	#CCPstudents_AboutButton a:hover {
		background: url(../images/button_about_us_over.jpg) no-repeat;
	}


/* the folder tab links */

#CCPstudents_tabNavStudents a {
	display: block;
	position: absolute;
	top: 117px; left: 216px;
	width: 258px; height: 54px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;
	
}

#CCPstudents_tabNavParents a {
	display: block;
	position: absolute;
	top: 107px; left: 479px;
	width: 265px; height: 54px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;

}

#CCPstudents_tabNavSchools a {
	display: block;
	position: absolute;
	top: 107px; left: 760px;
	width: 229px; height: 54px;
	border: 0;
	margin: 0; padding: 0;
	text-decoration: none;
}


/* the Student section links */


#CCPstudents_topNav {
	position:absolute;
	display: block;
	width: 500px;
	height: 50px; /* but any overflow is set to be visible */
	left: 420px; top: 190px;
	overflow: visible;
	margin: 0; padding: 0;
		z-index: 999;
	}
		
		#CCPstudents_topNavLayout {
			margin: 0;
			padding: 0;
			}

		#CCPstudents_topNavLayout li {
			display: inline;
			padding: 4px 15px 4px 0px;
			margin: 0;
			list-style-type: none;
			color: #32442c; /* folder script green */
			font: bold 13px/140% arial, sans-serif;
			}
			
		#CCPstudents_topNavLayout li a, #CCPstudents_topNavLayout li a:visited{
			color: #32442c; /* folder green */
			text-decoration: none;
			}
				
		#CCPstudents_topNavLayout li a:hover {
			color: #fff; /* not the askjoe brown color */
			text-decoration: underline;
			}


#CCPstudents_leftNav {
	position: absolute;
	display: block;
	width: 128px; height: 330px;
	left: 23px; top: 305px;
	overflow: visible;
	margin: 0; padding: 0;
	}

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



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


#NHCEO_bookcover {
	position: relative;
	width: 448px; height: 497px;
	top: 0px; left: 0px;
	margin: 0; padding: 0;
}

#altNHCEO_bookcover { /*swf replacement image */
	position: relative;
	width: 448px; height: 497px;
	top: 0px; left: 0px;
	margin: 0; padding: 0;
}


/* this swf loads in a popup window */

#NHCEO_flipbook {
	position: relative;
	width: 718px; height: 432px;
	top: 10px; left: 0px;
	margin: 0; padding: 0;
}

#altNHCEO_flipbook {
	position: relative;
	width: 450px; height: auto;
	top: 10px; left: 0px;
	margin: 0; padding: 0;
}

.popupstyling p {
	margin: 0; padding: 0;
	color: #333;
	font: 12px/120% "Century Gothic","Verdana","Arial","Helvetica";
	}
.popupstyling img {
	margin: 0;
	border: 0;
	vertical-align: middle;
	text-decoration: none;
}
.popupstyling a {
	border: 0;
	text-decoration: none;
	color: #000;
	padding: 0; margin: 0;
}
.popupstyling a:hover {
	color: #000;
	border: 0;
	padding: 0; margin: 0;
	text-decoration: underline;
}




#NHCEO_pushpins {
	width: 137px; height: 118px;
	top: 269px; left: 795px;
	position: absolute;
	margin: 0; padding: 0;
}

#altNHCEO_pushpins {  /*swf replacement image */
	width: 137px; height: 118px;
	top: 269px; left: 795px;
	position: absolute;
	margin: 0; padding: 0;
	}




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

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