/* TextProject Reset */

body {
background-color: #eee;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
line-height: 1.25;
}

#accessibility {
position: absolute;
top: -10000px;
}

#container {
width: 780px;
background-color: #fff;
border: 1px solid #888;
padding: 12px;
}

.full-width {
width:780px;
margin-left: -264px;
}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, Serif;
line-height: 1.25;
}

p, h4, h5, li
{
margin-bottom: 0.75em;
}

table, td, th {
vertical-align: top;
}

.basic th, .basic-small th {
background-color: #D2D2E6;
}

.basic, .basic th, .basic td, .basic-small, .basic-small td, .basic-small th {
border-bottom: 1px solid #036;
}

.basic-small {
font-size: 0.8em;
}

table ul li {
padding-Left: 0;
margin-bottom: 0.25em;
}

blockquote {
border: 1px solid #036;
margin: 0 0 0.75em 0;
padding: 1.5em 1.5em 0.75em 1.5em;
font-style: normal;
background-color: #E6DFCF;
color: black;
}

.inset {
margin: 0 12px;
}





/* BASE LINKS */
/* ---------- */

a
{
	color: #036;
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

a:hover
{
	text-decoration: underline;
}

#min-height
{
	height: 600px;
}

/* Page Header */

#header
{
	width: 100%;
	text-align: right;
	position: relative;
}

#main-logo, #page-logo
{
	float: left;
}

#header h1, #header h2
{
	text-align: right;
	margin-bottom: 0;
	float: right;
	clear: right;
}

#header h1
{
	font-size: 3.6em;
}

#page-section
{
	position: absolute;
	bottom: 12px;
	right: 0;
	float: right;
}

.home-image
{
	float: right;
	margin-left: 5px;
}

.site-slogan
{
	text-align: right;
	font-style: italic;
	font-size: 1.8em;
}

#footer
{
	margin-top: 1.5em;
	font-size: 0.8em;
	color: #666;
}	

#search-box
{
	width: 120px;
}

#help
{
	margin-bottom: 2em;
}

/* SECTION CONTENTS (ARTICLES LIST) */

.page-subhead
{
	font-size: 2em;
	color: #BF6930;
	margin: 0 0 0.5em 0;
}

.post-info
{
	color: #666;
}

.item-type
{
	font-weight: bold;
	color: #597B7E;
}

.read-more
{
	font-style: italic;
	font-weight: bold;
}

.link-info
{
	font-size: 0.8em;
	color: #666;
}

.toggle-hidden
{
	display: none;
}

.toggle-shown
{
	display: block;
}

.note
{
	font-size: 0.8em;
	margin-left: 2em;
}

#section-contents, #section-contents li,
#page-section-contents, #page-section-contents li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#section-info h3, #section-contents h3
{
	margin-bottom: 0.5em;
}

#section-contents p
{
	margin-bottom: 1em;
}

#section-contents .post-info
{
	font-size: 0.9em;
	margin-top: -0.5em;
	margin-bottom: 1.5em;
}

#page-section-menu
{
	margin: 0 0 2em 0;
}

#video-menu
{
	border: 1px solid #597B7E;
	margin: 0 0 2em 0;
}

#content #video-menu
{
	width: 217px;
	float: right;
	margin: 0 0 1.5em 12px;
}

#video-menu h4
{
	font-size: 1.5em;
	margin: 0.5em 18px;
}




#page-section-menu h4
{
	margin-top: 2em;
	font-size: 1.5em;
}

#page-section-menu ul, #page-section-menu li,
#video-menu ul, #video-menu li
{
	list-style-type: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#page-section-menu ul
{
	margin-left: 24px;
}

#video-menu ul
{
	margin: 0 18px;
}

#video-menu h5
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-weight: normal;
	margin-bottom: 0;

}


#page-section-menu .current a
{
	color: black;
}


#page-section-menu .current a:hover
{
	text-decoration: none;
}



/* NAVIGATION MENU */
/* --------------- */

#site-nav, #secondary-nav, #section-info
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
}


#site-nav, #secondary-nav
{
	width: 804px;
	margin: 0 -12px;
	text-align: right;
	color: white;
	line-height: 1;
}

#site-nav
{
	background-color: #9C60BF;
/*	border-bottom: 1px solid #BFA260; */
}

#secondary-nav
{
	background-color: #60B6BF;
	border-bottom: 1px solid #036;
	margin-bottom: 2em;
}

#nav-bar, #section-nav-bar
{
	margin: 2px 0 0 0;
	list-style-type: none;
	float: right;
}

#nav-bar
{
	margin: 2px 12px 0 0;
}

#section-nav-bar
{
	margin: 3px 45px 0 0;
}

#site-search
{
	float: left;
	margin-left: 12px;
	padding: 4px 0 2px 0;
}

#nav-bar li, #section-nav-bar li
{
	margin-bottom: 0;
	display: inline;
}

#nav-bar li a, #section-nav-bar li a
{
	color: white;
	display: block;
	float: left;
	margin-left: 2px;
	border-top: 1px solid #BFA260;
	border-right: 1px solid #036;
	border-left: 1px solid #BFA260;
	border-bottom: 1px solid #036;
}

#nav-bar li a, #section-nav-bar li a
{
	padding: 5px 4px;
}

/*
#section-nav-bar li a
{
	padding: 4px;
}
*/

#nav-bar li.nav-bar-current a
{
	background-color: #60B6BF;
	color: #036;
	padding-bottom: 7px;
	border-bottom: 1px solid #60B6BF;
}

#section-nav-bar li.section-nav-bar-current a
{
	background-color: #036;
}

#nav-bar li a:hover,
#section-nav-bar li a:hover
{
	color: white;
	text-decoration: none;
	background-color: #800000;

}

#nav-bar li.nav-bar-current a:hover
{
	color: white;
	text-decoration: none;
	background-color: #597C80;

}

#section-nav-bar li.section-nav-bar-current a:hover
{
	color: white;
	text-decoration: none;
	background-color: #6D6DBF;

}

#section-info
{
	background-color: #60B6BF;
	width: 471px;
	padding: 6px 45px 6px 12px;
	border-top: 1px solid #60B6BF;
	border-bottom: 1px solid #036;
	margin-top: -3.5em;
	margin-right: -12px;
	margin-bottom: 2em;
	font-weight: bold;
}


/* Generic Simple List Box */


.list-box, .list-box li
{
	list-style-type: none;
	padding: 0;
}

.list-box
{
	margin: 0 0 2em 0;
}

.list-box li
{
	margin: 0 0 0.5em 0;
}

.list-box h4
{
	font-size: 1.25em;
	font-weight: bold;
	color: #BF6930;
	margin: 0 0 0.5em 0;
}




/* FEATURES BOX */

#feature-banners {
position: relative;
margin-bottom: 2em;
width: 780px;
height: 312px;
}

#feature-banners > div {
display: block;
height: 312px;
width: 780px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}


.feature-panel
{
	margin: -1em 0 1em 0;
}

.center-feature-panel {
margin-bottom: 2em;
}

/* 1 column */

.col-1 .features
{
	background: url(/site/images/feature-1-top.png) no-repeat left top;
	width: 780px;
}

.col-1 .features-bottom
{
	background: url(/site/images/feature-1-bottom.png) no-repeat left bottom;
	height: 8px !important;
	width: 780px;
}

/* 2 columns (A): 3/4 + 1/4 */

.col-2a .features
{
	background: url(/site/images/features-2a-top.png) no-repeat left top;
	width: 780px;
}

.col-2a .features-bottom
{
	background: url(/site/images/features-2a-bottom.png) no-repeat left bottom;
	height: 8px !important;
	width: 780px;
}

.col-2a .feature-box-1
{
	width: 558px;
}

/* 3 columns */

.col-3 .features
{
	background: url(/site/images/features-3-top.png) no-repeat left top;
	width: 780px;
}

.col-3 .features-bottom
{
	background: url(/site/images/features-3-bottom.png) no-repeat left bottom;
	height: 8px !important;
	width: 780px;
}

.col-3 .feature-box
{
	width: 228px;
}

/* 3 columns in center column area (width=549px) */

.center-col-3 .features
{
	background: url(/site/images/center-features-3-top.png) no-repeat left top;
	width: 549px;
}

.center-col-3 .features-bottom
{
	background: url(/site/images/center-features-3-bottom.png) no-repeat left bottom;
	height: 8px !important;
	width: 549px;
}

.center-col-3 .feature-box
{
	width: 151px;
}

/* 4 columns */

.col-4 .features
{
	background: url(/site/images/features-4-top.png) no-repeat left top;
	width: 780px;
}

.col-4 .features-bottom
{
	background: url(/site/images/features-4-bottom.png) no-repeat left bottom;
	height: 8px !important;
	width: 780px;
}



/* Product Map */

.product-map-1
{
	background: url(/site/images/product-map-1-top.png) no-repeat left top;
	width: 780px;
	clear: both;
}

.product-map-1-bottom
{
	background: url(/site/images/product-map-1-bottom.png) no-repeat left bottom;
	height: 8px !important;
	width: 780px;
}

.product-map-2
{
	background: url(/site/images/product-map-2-top.png) no-repeat left top;
	width: 780px;
	clear: both;
}

.product-map-2-bottom
{
	background: url(/site/images/product-map-2-bottom.png) no-repeat left bottom;
	height: 8px !important;
	width: 780px;
}

div.product-map-1-bottom, div.product-map-2-bottom
{
	margin: 0 0 12px 0;
}

.qr-feature-box
{
	padding: 6px 0;
}

.qr-feature-box > *
{
	padding: 0 6px;
}

#qr-feature-nav, #qr-feature-nav li
{
	list-style-type: none;
	display: inline;
	vertical-align: bottom;
}

#qr-feature-nav
{
	float: right;
	margin: 0 0 0 18px;
}

#qr-feature-nav li a
{
	float: left;
	display: block;
	padding: 6px;
	margin: 0 0 0 6px;
	border: 1px solid #6D6DBF;
	font-size: 1.5em;
}

#qr-feature-nav li a:hover
{
	background-color: #D2D2E6;
}

#qr-feature-nav li a.active
{
	background-color: #6A6A8F;
	color: white;
}

#qr-feature-title, #qr-feature-nav li
{
	font-family: Impact, Verdana, Arial, Helvetica, sans-serif;
}

#qr-feature-title
{
	float: left;
	margin-right: 12px;
}


/* 22-col white box with drop shadow */

.shadow-box-22c
{
	background: url(/site/images/shadow-box-22c-top.png) no-repeat left top;
	width: 780px;
	padding-top: 12px;
}

.shadow-box-22c-bottom
{
	background: url(/site/images/shadow-box-22c-bottom.png) no-repeat left bottom;
	height: 12px !important;
	width: 780px;
}

.shadow-box-22c table {
margin-bottom: 0;
}

.shadow-box-22c p {
padding: 6px;
}


/* 15-col text feature box with drop shadow */

.text-feature-box-15c
{
	background: url(/site/images/text-feature-box-15c-top.png) no-repeat left top;
	width: 495px;
	margin: 0 -6px;
	padding-top: 12px;
}

.text-feature-box-15c-bottom
{
	background: url(/site/images/text-feature-box-15c-bottom.png) no-repeat left bottom;
	height: 18px !important;
	width: 495px;
	margin: 0 -6px 1em -6px;
}

.text-feature-box-15c > *
{
	padding: 0 18px;
}

.text-feature-box-15c table.basic-small
{
	margin-bottom: -1px;
	border-bottom: none;
}





.col-4 .feature-box,
.col-2a .feature-box-2
{
	width: 162px;
}

.feature-box,
.feature-box-1,
.feature-box-2
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-right: 12px;
	padding: 8px 12px 0 12px;
	float: left;
}

.feature-box p,
.feature-box-1 p,
.feature-box-2 p
{
	margin-top: 0;
	margin-bottom: 0.5em;
}

.feature-box ul, .feature-box li,
.feature-box-1 ul, .feature-box-1 li,
.feature-box-2 ul, .feature-box-2 li
{
	list-style-type: none;
	margin: 0 0 0.5em 0;
	padding-left: 0;
}

.feature-box h4,
.feature-box-1 h4,
.feature-box-2 h4
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #BF6930;
	margin-bottom: 0.75em;
}


/* QR Home Page Product Menu */

.features .product-nav {
margin-bottom: 1em;
}

.features .product-nav li {
list-style-type: none;
margin: 0 12px 0 0;
padding: 0;
float: left;
width: 116px;
}

.features .product-nav li.last {
margin-right: 0;
padding-right: 0;
}

/* QR Home Page Pearson Links */

.features .pearson-product-info p {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
margin-bottom: .25em;
}

.features .pearson-product-info {
margin: 0 -12px 1em 0;
}

/* QR Home Page Feature Columns */

.qr-features {
margin-right: 0;
padding-right: 0;
}

.qr-features .feature-column {
float: left;
width: 172px;
margin-right: 29px;
}

.qr-features .last {
margin-right: 0;
}

.qr-features .colborder {
padding-right: 12px;
border-right: 1px solid #eee;
margin-right: 12px;
}

.qr-features h3 {
margin-top:1.5em;
}

.qr-features h5 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
font-weight: bold;
margin-bottom: .25em;

}



.upcoming-event
{
	font-weight: bold;
}

.upcoming-event .event-info
{
	font-weight: normal;
}




/* ===================================================== */


/* LIBRARY LISTS */

#library #section-info,
#publications #section-info,
#papers #section-info,
#presentations #section-info,
#resources #section-info
{
	margin-top: -25px;
}

#section-options
{
	margin-top: -1.5em;
	float: right;
}

#toggle, #toggle li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
}

#toggle li#current-item a
{
	color: #666;
}

#toggleable, #standard-item, #library-item
{
}

.page-list,
.front-page-list,
.full-list-box,
.summary-list-box,
.title-list-box,
#article-children
{
	list-style-type: none;
	margin: 0 0 2em 0;
	padding: 0;
}

.page-list ul,
.full-list-box ul,
.summary-list-box ul,
#article-children
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.page-list ul li,
.full-list-box li,
.summary-list-box li,
.title-list-box li,
#article-children li
{
	list-style-type: none;
	margin: 0.75em 0 0 0;
	padding: 0.5em 5px 0.5em 10px;
	border-right: 1px solid #CCBA8F;
	border-left: 2px solid #E6DFCF;
	border-bottom: 1px solid #CCBA8F;
	border-top: 2px solid #807459;
}


/* Parents only on individual article pages */

#article-parents
{
margin-bottom: 2em;
}

.parent-info {
margin-bottom: 0.5em;
background-color: #CFE3E6;
padding: 0.75em;
}

.parent-event-title {
font-size: 1.5em;
margin-top: 0;
}

#standard-item .parent-link,
#library-item .parent-link
{
	margin: 0.75em 0 0 0;
}

/* Article children only on individual article pages */

#article-children
{
	margin-top: 2em;
}


/* Library Typography */

.library-list .title,
#home-page-content .title,
#standard-item .title,
#library-item .title
{
	color: #597B7E;
	margin-bottom: 0.5em;
}

.summary-list-box .title,
.title-list-box .title
{
	margin-bottom: 0;
}


.library-list .list-subhead,
.library-list .event,
#standard-item .event, #library-item .event,
#standard-item .parent-event, #library-item .parent-event
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 1.25em;
	font-weight: bold;
	color: #666;
	margin-bottom: 0.25em;
}

.library-list .list-subhead,
.library-list .event
{
	font-size: 1em;
	margin-top: 0;
}

.library-list h3
{
	margin: 0.5em 0;
}

.library-list p
{
	margin-bottom: 0.5em;
}

#current-article .author,
.library-list .author
{
	font-style: italic;
}

#current-article .download-link,
.library-list .download-link
{
	margin-bottom: 0;
}

#current-article .post-info
{
	margin-bottom: 0.75em;
	color: #666;
}

#current-article .title
{
	font-size: 2.0em;
	color: black;
}

/* Topics Lists */
#topics #section-contents li
{
	margin-bottom: 1em;
}

#topics #section-contents .list-subhead
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 1.25em;
	font-weight: bold;
	color: #666;
	margin: 1em 0 .5em 0;
}

#topics #section-contents .post-info
{
	margin-bottom: 0.5em;
}

/* Events Lists */
#events #section-contents .event-info,
#events #event-item .event-info
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 1.25em;
	font-weight: bold;
	color: #666;
	margin: 1em 0 .5em 0;
}

#events #section-contents .post-info,
#events #event-item .post-info
{
	margin-bottom: 0.5em;
}


.article-image
{
	float: left;
	margin: 0 12px 12px 0;
}

.full-article-image
{
	margin-left:-231px;
	float: left;
	position: relative;
}

#standard-item h3
{
	margin: 1.5em 0 0.5em 0;
}

.caption
{
	font-size: 0.8em;
	color: #666;
}

.caption-title
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 1em;
	font-weight: bold;
	color: #666;
}


/* AD LAYOUTS */

#content div.ad-standard, #content div.ad-ucsir, #content div.ad-quickreads
{
	width: 461px;
	float: left;
	overflow: hidden;
}

#sidebar-1 div.ad-standard, #sidebar-1 div.ad-ucsir, #sidebar-1 div.ad-quickreads
{
	width: 186px;
	float: left;
	overflow: hidden;
}

/* Styled ad box as specified in ad article's itemtype field */
/* For proper spacing, include a 1px border */

div.ad-quickreads
{
	margin-bottom: 1.4em;
	padding: 10px;
	border: 1px solid #036;
}

div.ad-quickreads h3
{
	font-size: 1.8em;
	color: #036;
}

div.ad-ucsir
{
	margin-bottom: 1.4em;
	padding: 10px;
	background-color: #ffffce;
	border-top: 1px solid yellow;
	border-right: 1px solid #c96;
	border-bottom: 1px solid #c96;
	border-left: 1px solid yellow;
}

div.ad-ucsir img
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

div.ad-standard img
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.ad-standard
{
	margin-bottom: 1.4em;
	padding: 10px;
	background-color: #D9D2C3;
	border-top: 1px solid #FFF7E6;
	border-right: 1px solid #807C73;
	border-bottom: 1px solid #807C73;
	border-left: 1px solid #FFF7E6;
}

.new
{
	font-weight: bold;
	color: red;
}


a.pearson-link,
a.facebook-link
{
display: block;
margin-bottom: 1em;
}

.pearson-product-info
{
width: 174px;
margin: 0 -45px 1.5em 12px;
position: static;
float: right;
background-color: #E9E9FF;
padding: 6px 12px 0 6px;
}

.pearson-product-info img
{
margin: 0 0 0.5em 0;
}

.pearson-product-info li
{
margin-bottom: 0.5em;
}



/* Exceptional Expressions */

#e4-front-page
{
width: 415px;
margin: 36px 0px 1.5em 42px;
border: 1px solid #c50038;
padding: 12px
}

#e4-front-page img
{
float: left;
margin: -48px 12px 0 -75px
}

#e4-front-page h2, #e4-front-page h4
{
color: #c50038;
margin-bottom: 0.5em;
}

#exceptionalexpressions h3.title, #exceptionalexpressions h3.title a,
#exceptionalexpressions h4
{
color: #c50038;

}


/* Mailing List Forms */

#list dt, #list dd
{
float: left;
margin-left: 0;
}

#list dt
{
text-align: right;
clear: left;
width: 153px;
margin: 0.5em 12px 0 0;
}

#list .instruction
{
font-weight: normal;
}

#advantage .playercontainer
{
float: left;
margin-right: 12px; 
}

.playercontainer
{
border: 1px solid #ccc;
}

#powered-by-text
{
width: 120px;
float: left;
margin: 0 12px 0.5em 0;
font-size: 0.8em;
color: #666;
}

#powered-by-text img
{
margin: 0 -2px 6px -6px;
}

#front-page-product-menu ul
{
float: right;
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
margin: 0 0 1em 0;
}


#front-page-product-menu li
{
float: left;
list-style-type: none;
border-left: 1px solid black;
margin: 0;
font-size: 0.8em;
}

#front-page-product-menu a
{
display: block;
width: 101px;
padding: 4px;
min-height: 81px;
}

#front-page-product-menu img
{
}

#front-page-product-menu a:hover
{
background-color: #D2D2E6;
}

div.twitter-banner {
position: relative;
width: 384px;
height: 312px;
margin-right: 12px;
float: left;
overflow: hidden;
}

div.banner-background {
position: relative;

}

div.freddy-banner div {
position:absolute;
top: 24px;
left: 297px;
width: 450px;
color: white;
font-family: Georgia, "Times New Roman", Times, Serif;

font-size: 1.5em;
}

div.freddy-banner div a {
color: yellow;
font-weight: bold;
}

div.twitter-banner div.recent-tweets {
position: absolute;
top: 96px;
left: 0;
z-index: 2;
margin: 0 18px;
}

#feature-banners div div.facebook-banner {
background:url(/site/cycle-images/twitter-web-banner.png) no-repeat left top;
width: 384px;
height: 312px;
float: left;
overflow: hidden;
}



.recent-tweets h3 {
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
font-weight: bold;
font-size: 1.25em;
color: #428dc4;
border-bottom: 1px solid #fff;
margin-bottom: .5em;
}

.recent-tweets ul,
.recent-tweets ul li {
list-style-type: none;
margin-left: 0;
margin-right: 0;
}

li.tweet {
padding-bottom: .5em;
border-bottom: 1px solid #fff;
margin-bottom: .5em;
}

#freddy-panel {
width:195px;
padding:12px 12px 0 12px;
background-color:#c9d3d9;
margin-bottom: 1em;
}

#freddy-panel .article-image {
margin-right: 6px;
}

#freddy-panel h3 {
margin-bottom: .5em;
}

#freddy-panel ul {
margin: 0;
}

#sidebar-1 .recent-tweets {
margin-bottom: 1em;
}

#sidebar-1 li.tweet {
padding-bottom: .5em;
border-bottom: 1px solid #428dc4;
margin-bottom: .5em;
}

#social-media {
margin: 2em 0;
}

#social-media ul,
#social-media li {
list-style-type: none;
margin: 0;
padding: 0;
}

#social-media li {
margin-bottom: 1em;
}

.memForm label,
.memForm fieldset legend {
font-size: 1em;
font-weight: normal;
}
