@charset "UTF-8";
/* Pearson Custom Publishing
/* Website Portal _global stylesheet
 * Package: _pcp08_a_002
 * Desc: The _global stylesheet applies prescribed styles to _global (or reuseable template) elements
 *
 * **********************************************************************************************
 * * DO NOT EDIT
 * * When styles need to be adjusted for your portal, those adjustments should
 * * be made in your local.css stylesheet, or if adjustments are more significant,
 * * make a copy of this sheet and deploy it *with* your local portal instance, making
 * * to reference your new stylesheet instance in your XHTML index instance
 * **********************************************************************************************
 */

/*
 * *********************************************************************************************
 * XHTML TAG ELEMENTS
 * *********************************************************************************************
*/
html, body, div, table, tr, td, h1, h2, h3, h4, h5, h6, p, img{
	padding:0; 
	margin:0;
}
body{
	font:1em Arial, Helvetica, sans-serif;
	color:#222;
	background:url(_media/body_bg.jpg) left top no-repeat #fff;
}
td{vertical-align:top}
h1{font-size:1.2em; font-weight:bold;}
h2{font-size:1.1em; font-weight:bold;}
h3{font-size:1em; font-weight:bold;}
h4{font-size:0.9em; font-weight:bold;}
h5{font-size:0.8em; font-weight:bold;}
h6{font-size:0.7em; font-weight:bold;}
p, li{font-size:0.8em;}
a{
	cursor:pointer;
	color:#069;
	text-decoration:none;
}
a:hover{
	color:#036;
	text-decoration:underline;
}
a img{border:none;}

/* _global Utility Classes */
/* The .clearfloat class should be placed on a div or break element and should be the final element before the close of a div/container that needs to contain a float */
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.SpryHiddenRegion {
	visibility: hidden;
}

/*
 * *********************************************************************************************
 * LAYOUT ELEMENTS AND LAYOUT CLASSES
 *
 * LAYOUT ELEMENTS
 * Layout elements define the styles for the major container (div) elements in the 
 * XHTML. 
 *
 * LAYOUT CLASSES
 * Layout classes are exactly the same as Layout elements - they are layout wrappers that
 * contain content elements. The difference is that since they are declared as classes,
 * They are re-useable (can be placed multiple times) in the XHTML index.
 *
 * Layout Elements and Layout Classes are listed below in a roughly sequential order
 * (as they appear in the XHTML index file).
 * *********************************************************************************************
*/

#pageWrapper{
	width:790px;
	margin:0 auto;
	background:url(_media/pagewrapper_bg.jpg) center top repeat-y;
	padding-bottom:5px;
}

#headerWrapper{/*The styles for the headerWrapper should always be defined in the local.css file*/}

#midWrapper{
	margin:5px auto 0;
	width:735px;
}

.leftNavWrapper{
	float:left;
	width:150px;
	margin-right:3px;
}
.rightNavWrapper{
	float:right;
	width:150px;
	margin-left:2px;
	text-align:right;
}
.navPanel{
	
	margin:0 0 0px;
	padding:0 0 0px;
}
.topNav{
	border:1px solid #069;
	padding:0px;
	background-color:#ddf;
}
.contentWrapperFull{
	clear:both;
	width:735px;
	margin:0 auto 5px;
	background-color:#cad9fc;
}
.contentFull{
	border:1px solid #069;
	padding:0px;
}
.contentWrapper{
	float:left;
	width:430px;
	background:url(_media/_bottomnavwrapper_bg.gif) center top repeat-y;
}
.content{margin-bottom:10px;}
.bookTile{
	width:170px;
	display:-moz-inline-box;
	display:inline-block;
	float:left;
	border:1px solid #069;
	background-color:white;
	margin:0 2px 4px;
}
* html .bookTile{
	display:inline;
}
.bookTileInfo{
	border-top:1px solid #ccc;
	background-color:#eee;
	padding:5px;
}
#bottomNavWrapper{
	width:790px;
	margin:0 auto;
	background:url(_media/_bottomnavwrapper_bg.gif) center top repeat-y;
}
.bottomNav{
	float:left;
	display:block;
	width:160px;
	margin:0 0px 0 10px;
	padding:10px;
	/*border:1px solid white;*/
}
#footerWrapper{
	clear:both;
	width:790px;
	margin:0 auto;
	padding:17px 0 4px;
	font:0.65em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#999;
	background:url(_media/footer_bg.png) center top no-repeat #eee;
}
#pageBottom{
	width:790px;
	margin:0 auto;
	text-align:center;
	font-size:0.65em;
	color:#069;
	padding:5px 0 5px;
	background-color:#0024dc;
}

/*
 * *********************************************************************************************
 * LOGOS, BUTTONS, GRAPHICS, LINKS
 * Styles applied to Logo/Buttons (re-useable) classes and unique elements. Logos and
 * buttons are listed below in in a roughly sequential order (as they appear in the XML and
 * XHTML index files.
 * *********************************************************************************************
*/
#schoolLogo{/*The styles for the schoolLogo should always be defined in the local.css file*/}

#pcpLogo{
	float:right;
	display:block;
	cursor:pointer;
	margin-right:20px;
	margin-top:15px;
	width:90px;
	height:74px;
	
}
#directions{
	float:right;
	display:block;
	cursor:pointer;
	margin:40px 5px 0px 0px;
	width:285px;
	height:60px;
	
}
#plsLogoWhite{
	float:right;
	display:block;
	cursor:pointer;
	margin-right:30px;
	margin-top:5px;
	width:90px;
	height:74px;
	background:url(../_logos/_pearson/_plswhite_logo.png) center center no-repeat;
}



* html #pcpLogo{
	margin-right:10px;
}
.accessBtn{
	display:block;
	width:180px;
	height:21px;
	padding:9px 0 0;
	margin:10px auto 5px;
	font:bold 0.7em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666;
	background:url(_media/_access_btn_bg.gif) center bottom no-repeat;
	text-decoration:none;
}
.accessBtn:hover{
	color:#fff;
	background-position:center top;
	text-decoration:none;
}
.navPanelTextLink{
	display:block;
	color:#000;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	padding:3px 15px;
	margin:0;
}
.navPanelTextLink:hover{
	background-color:#99adf4;
	color:#ffffff;
	text-decoration:none;
}
.itemLink{
	display:block;
	margin:3px 30px 0px 30px;
	padding:5px 0 5px 30px;
	font:0.75em Arial, Helvetica, sans-serif;
	background:url(_media/_itemlink_icon0.gif) 5px 4px no-repeat;
	color:#000;
	text-decoration:underline;
}
.itemLink:hover{
	color:#069;
	text-decoration:none;
	background:url(_media/_itemlink_icon1.gif) 10px 4px no-repeat;
}
.bookcover{
	float:right;
	margin:5px 10px 5px 10px;
}
.bookTile .bookcover{
	display:block;
	float:none;
	margin:10px auto;
}
.bookTileAccessBtn{
	display:block;
	width:130px;
	height:21px;
	padding:9px 0 0;
	margin:10px auto; 5px;
	font:bold 0.7em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666;
	background:url(_media/_access_btn_sm_bg.gif) center bottom no-repeat;
}
.bookTileAccessBtn:hover{
	background-position:center top;
	color:#fff;
	text-decoration:none;
}
.bookTile .textLink{
	display:block;
	font-size:0.7em;
	padding:2px 5px;
	margin:0 0 0 5px;
}
.contentFull .accessBtn, .content .accessBtn{
	width:130px;
	height:21px;
	padding:9px 0 0;
	display:-moz-inline-box;
	display:inline-block;
	margin:0 10px 10px;
	text-align:center;
	background:url(_media/_access_btn_sm_bg.gif) center bottom no-repeat;
}
.contentFull .accessBtn:hover, .content .accessBtn:hover{
	background-position:top center;
}
.bottomNav .accessBtn{
	width:130px;
	height:21px;
	padding:9px 0 0;
	margin:0 5px 5px 15px;
	background:url(_media/_access_btn_sm_bg.gif) center bottom no-repeat;
	color:#666;
}
.bottomNav .accessBtn:hover{
	background-position:center top;
	color:#fff;
}
.bottomNav .textLink{
	display:block;
	font-size:0.7em;
	color:#666;
	text-decoration:none;
	margin:0 5px 0 15px;
	padding:2px;
}
.bottomNav .textLink:hover{
	color:#069;
	text-decoration:underline;
}
#footerWrapper a{color:white;}
#footerWrapper a:hover{color:#fc0;}

#pageBottom a{
	color:#fff;
}
#pageBottom a:hover{
	color:#fc0;
}

/*
 * *********************************************************************************************
 * TEXT CLASSES
 * Special styles applied to text elements. Styles are listed below in in a roughly 
 * sequential order (as they  would appear in the XHTML index  and/or XML files.
 * *********************************************************************************************
*/
.navPanelTitle{
	font:bold 0.7em Arial, Helvetica, sans-serif;
	padding:2px 5px 2px 10px;
	color:#fff;
	background:url(_media/_navpanel_h5_bg.gif) left center repeat-x;
	border-bottom:1px solid #069;
}
.welcomeInstrux{
	border:1px solid #ccf;
	background-color:#ddf;
	padding:5px;
	margin:5px 0;
	font-size:0.8em;
}
.separator{
	border-top:1px solid #ccc;
	margin:10px 5px 5px;
}
.instrux{padding:5px;}
.instrux h5{
	font-weight:bold;
	margin:0 0 5px;
	color:#036;
}
.instrux p{
	margin:5px 15px;
	color:#222;
}
.instrux p strong{color:#069;}
.instruxHover{background-color:#ff9;}
.contentPanelTitle{
	color:#036;
	margin:0 5px 5px;
	font-weight:bold;
	font-size:0.85em;
}
.contentPanelTitle2{
	color:#036;
	margin:0 5px 5px;
	font-weight:bold;
	font-size:1em;
}
.contentBlurb{
	font-size:0.8em;
	margin:5px;
}
.itemLinkBlurb{
	font-size:0.75em;
	color:#06c;
	margin:0 5px 5px 60px;
}
.notice{
	font-size:0.8em;
	color:#333;
	padding:5px;
	background-color:#fdf;
	border:1px solid #fcf;
	margin:5px;
}
.bookTile h5{
	border-bottom:1px solid #069;
	padding:2px 5px;
	background:url(_media/_navpanel_h5_bg.gif) left center repeat-x;
	color:white;
}
.bottomNav .navPanelTitle{
	color:#036;
	font-size:0.75em;
	font-weight:bold;
	margin-bottom:5px;
	background:none;
	border-bottom:none;
}

/*SiteMap*/
.siteMapPanel  {
	margin:0 auto;
	padding: 0px;
	width:225px;
	top:10px;
	left:5px;
	z-index:9999;
	position:fixed;
	/*display:block;*/
}
* html .siteMapPanel{position:absolute;}
.siteMapPanelTab {
	font:bold 0.7em Arial, Helvetica, sans-serif;
	background:none;
	margin: 0px;
	padding: 3px 5px 3px 10px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align:left;
	color:#666;
}
.siteMapPanelContent {
	margin: 0px;
	padding: 0px;
	width:223px;
	height:200px;
	overflow:auto;
	background-color:#eef;
	border-top:1px solid #aaf;
	border-right:1px solid #ccf;
	border-bottom:1px solid #ccf;
	border-left:1px solid #ccf;
}
.siteMapPanelTab a {
	color: black;
	text-decoration: none;
}
.CollapsiblePanelOpen .siteMapPanelTab {
	background-image:none;
	background-color:#ccf;
	color:#036;
}
.CollapsiblePanelClosed .siteMapPanelTab {
	background:none;
}
#siteMap .CollapsiblePanelTabHover {
	background-image:none;
	background-color:#ccf;
}
#siteMap .CollapsiblePanelOpen .CollapsiblePanelTabHover{
	background-image:none;
}
.CollapsiblePanelFocused .siteMapPanelTab {
	background-image:none;
}
.siteMapPanelPadding{
	padding:5px;
	background:none;
	margin:0 10px;
}
#siteMap p{
	font-size:0.75em;
	color:#036;
}
.siteMapLink{
	color:#666;
	margin:0 5px 0 10px;
	font-size:0.7em;
	display:block;
}
.siteMapLink:hover{
	color:#069;
}