* {
margin:0;
padding:0;
}

html
{
height: 100%;
}

body {
height:100%;
background-color:#b1dfdc;
background-image:url(/images/bodyBG.png);
background-position:center top;
background-repeat:repeat-y;
font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
	body h2.kern, body h3.kern {
	letter-spacing:-1px;
	}
	
	body .kernout {
	letter-spacing:1px;
	}
}

body h2 {
font-size:18px;
font-weight:bold;
color:#00669f;
margin-bottom:8px;
}

body h2 a {
	color:#00669f;
}

body h2.learnmore a{
width:102px;
height:26px;
color:#FFFFFF;
margin:10px auto;
padding-top:2px;
background-image:url(/images/LearnMore.png);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
text-indent:-9999px;
overflow:hidden;
display:block;
}

body h2.learnmore a:hover{
background-position:center bottom;
}

body h3 {
font-size:14px;
font-weight:bold;
color:#333333;
margin-bottom:6px;
}


body h3.button a{
height:20px;
width:80px;
font-size:13px;
font-weight:bold;
color:#FFF;
background-image:url(/images/layout/downloadBTN.png);
background-position:center top;
background-repeat:no-repeat;
margin:0 auto;
padding:2px 0 0 0;
text-align:center;
text-decoration:none;
display:block;
}

body h3.button a:hover{
background-position:center bottom;
color:#FFF;
}

body h3.submit a{
height:20px;
width:90px;
font-size:13px;
font-weight:bold;
color:#FFF;
background-image:url(/images/layout/submitOnlineBTN.png);
background-position:center top;
background-repeat:no-repeat;
margin:0 auto;
padding:2px 0 0 0;
text-align:center;
text-decoration:none;
display:block;
}

body h3.submit a:hover{
background-position:center bottom;
color:#FFF;
}


p, li {
color:#333333;
font-size:12px;
line-height:14px;
margin-bottom:6px;
}

* p a, * li a, * h3 a {
color:#333333;
}

a img{
border:none;
}

* hr {
color:#666666;
background-color:#666666;
border:0;
height:1px;
margin:12px 0;
}

#main {
min-height: 100%;
margin:0 auto;
width: 730px;
background-color:#FFFFFF;
}

* html #main {
height: 100%;
}

.red, .red a, .mainContent .red a {
color:#CC3333;
}

.red_bold, .red_bold a, #content a.red_bold, #content .red_bold a {
color:#cc3333;
font-weight:bold;
}

.green_bold, .green_bold a {
color:#390;
font-weight:bold;
}

.small{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
line-height:12px;
margin-bottom:0px;
color:#333333;
}

.small_red {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
line-height:12px;
margin-bottom:0px;
color:#cc3333;
}

.small_red em {
color:#cc3333;
}

.clear {
clear: both;
}

.clearLeft{
clear: right;
}

.indent {
text-indent:1em;
}

.centerText{
text-align:center;
}

.super {
font-size:xx-small;
vertical-align:text-top;
font-weight:normal;}

div#content .addBotMargin{
margin-bottom:4px;
}

div#content .pBotMargin{
margin-bottom:12px;
}

div#content .addBotPadding{
padding-bottom:12px;
} 

div#content .padLeft{
padding-left:4px;
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

.new {
}


h2.new, h2 span.new, h1 span.new, h3 span.new {
font-size:12px;
color:#FFFFFF;
padding:5px;
background-image:url(/images/layout/New.png);
background-position:center;
background-repeat:no-repeat;
}

h1 span.new, h3 span.new {
	padding:6px;
}

h2 span.new {
	padding:8px;
}




/* Header Styling --------------------------------------------------------------------------------------------------- */

#branding {
width:730px;
height:111px;
background-image:url(/images/brandingBG.png);
background-position:0px 0px;
background-repeat:no-repeat;
background-color:#00669f;
margin:0;
padding:0;
}

#logo{
position:relative;
float:left;
width:200px;
height:auto;
}

#branding>#logo{
position:absolute;
}

#logo h1 a{/*creates a clickable area for the logo "home" button*/
width:165px;
height:61px;
position:absolute;
top:3px;
left:11px;
display:block;
text-indent:-9999px;
overflow:hidden; /*hides text box from browsers when clicked*/
}

#searchBox{
position:relative;
float:right;
height:auto;
width:730px;
}

#searchBox form{/*positioning of the search form in the header*/
position:absolute;
right:185px;
top:20px;
background-image:url(/images/layout/searchInput.png);/*Sets background for search input. Fixes background positioning problems when placed in input itself*/
background-position:left;
background-repeat:no-repeat;
}

#searchBox fieldset#searchSet{/*fieldset used to contain and position text input*/
float:left;
width:120px;
height:18px;
margin-top:5px;
margin-right:4px;
border:#fff solid 0px;
}

#searchBox input.searchInput{/*Styling for search box*/
width:120px;
height:18px;
text-indent:4px;/*indents text in from left side*/
font-size:12px;/*sets font size in search box*/
padding-top:2px;/*adjusts text down for better positioning in IE, FF, and Safari 3*/
background: transparent;/*makes input transparent rather than being a visible box*/
border:#fff solid 0px;
}

#searchBox fieldset#submitSet{/*fieldset used to contain and position submit input*/
float:left;
width:30px;
height:30px;
border:#fff solid 0px;
}

#searchBox button.searchSubmit, div#listContainer button.searchSubmit{/*Styling for search box*/
width:30px;
height:30px;
background: transparent;
background-image: url(/images/layout/submitBTN.gif);/*loads gif for i.e. 6 & lower*/
background-repeat: no-repeat;
background-position:0px 0px;
border:#fff solid 0px;
cursor:pointer;/*changes cursor to finger*/
}

html>body #searchBox button.searchSubmit{/*Loads transparent PNG for all other browsers since ie 6 doesn't understand parent child selector > */
background-image: url(/images/layout/submitBTN.png);
}

#searchBox button.searchSubmit:hover{/*Styling for search box*/
background-position:0px -30px;
}

/* Company Info Styling --------------------------------------------------------------------------------------------- */
#sm_company {
position:absolute;
right:0px;
top:0px;
width:183px;
height:71px;
text-align:center;
}

#sm_company h2 a {
	text-indent:-9999px;
	text-decoration:none;
	width:183px;
	height:71px;
	display:block;
	background:url(/images/StudentAgendasSMlink.gif) 0 0 no-repeat;
	outline:none;
}

#sm_company h2 a:hover {
	background-position: 0px -71px;
}

#sm_company .CollapsiblePanelTab{
background-image:url(/images/sm_companyBG.png);
background-position:center top;
background-repeat:no-repeat;
padding:0; 
height:17px;
}

#sm_company .CollapsiblePanelTab .small{
color:#FFF;
}

#sm_company .CollapsiblePanelContent{
background-image:url(/images/sm_companyLinkBG.png);
background-position:center;
background-repeat:no-repeat;
border-left:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;
border-bottom:#FFFFFF 1px solid;
margin:-4px 6px 0 6px;
height:57px;
}

#sm_company .CollapsiblePanelContent p a{
top:0px;
left:0px;
width:152px;
height:55px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#sm_company .CollapsiblePanelOpen .CollapsiblePanelTab {
background-position:center bottom;
}

#sm_company .CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
background-position:center bottom;
}

/* Content Styling -------------------------------------------------------------------------------------------------- */

#content {
padding-bottom: 55px;
}

.singleColumn{
margin:6px 10px 0 10px;
}

.singleColumn h3 a, .singleColumn p a, .singleColumn * li a{
color:#333333;
}

/* Main Content Styling --------------------------------------------------------------------------------------------- */
.mainContent {
float:left;
margin:6px 0 0 10px;
width:520px;
}

.mainContent p a, .mainContent li a {
color:#333333;
}

.mainContent li {
}

.mainContent ul, .singleColumn ul { /* This keeps content from flowing under */
list-style:outside;
margin-left:1em;
margin-bottom:16px;
}

#agendaSpread {
position:relative;
margin-bottom:10px;
width:520px;
height:335px;
overflow:visible;
}

#agendaSpread img {
position:absolute;
}

#agendaSpread ul{
position:absolute;
list-style:none;
margin:0px;
}

#agendaSpread li{
position:absolute;
height:15px;
width:15px;
background-image:url(/student_agendas/images/toolTipBTN.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
}

.mainContent>#agendaSpread li{
background-image:url(/student_agendas/images/toolTipBTN.png);
}

.triggerImage{
position:relative;
bottom:-.25em;
}

#agendaSpread li:hover{
background-position:0 -15px;
}

.mainLeft {
float:left;
width:255px;
}

.mainRight {
float:right;
width:255px;
}

.mainTriColumnLeft{
width:166px;
float:left;
text-align:center;
margin-right:10px;
}

.mainTricolumnRight{
width:166px;
margin-top:10px;
float:right;
text-align:left;
}

.agCode{
background-image:url(/student_agendas/images/PlannerCodesAG.png);
}

.lgCode {
background-image:url(/student_agendas/images/PlannerCodesLG.png);
}

.agCode, .lgCode{
background-repeat:no-repeat;
background-position:center;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:4px 9px;
margin-left:3px;
vertical-align:middle;
}

div.custSelect {
float:right;
text-align:center;
width:139px;
margin-left:12px;
}

div.custSelect img{
border:none;
}




/* Tool Tip Styling DATED & UNDATED ---------------------------------------------------------------------------------------------------- */

#agendaSpread li#coreTrigger{
	top:59px;
	left:12px;
}

#agendaSpread li#sizeDatedTrigger{
	top:-1px;
	left:369px;
} 

#agendaSpread li#coilTrigger{
	top:312px;
	left:256px;
}

#agendaSpread li#commentsTrigger{
	top:300px;
	left:20px;
}

#agendaSpread li#matrixTrigger{
	top:17px;
	left:81px;
}

#agendaSpread li#quotesTrigger{
	top:42px;
	left:481px;
}

#agendaSpread li#goalsTrigger{
	top:180px;
	left:487px;
}

#agendaSpread li#rulerTrigger{
	top:57px;
	left:310px;
}

#agendaSpread li#drilledTrigger{
	top:205px;
	left:220px;
}

#agendaSpread li:hover html a {
background-color:#cc3333;
}

.toolTip {
color:#FFFFFF;
background-color:#333333;
padding:10px;
border:#999999 1px solid;
margin:0;
visibility:hidden;
}

.toolTip p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
margin:0;
padding:0;
}

#agendaSpread .toolTip img{
position:relative;
margin-bottom:6px;
}

#commentsTip {
width:228px;
}

#coreTip {
width:188px;
}

#matrixTip {
width:440px;
}

#rulerTip {
width:145px;
}

#drilledTip {
width:140px;
}

#coilTip {
width:240px;
}

#goalsTip {
width:165px;
}

#quotesTip {
width:208px;
}

.mainContent #coverTease{
float:right;
margin-left:4px;
width:180px;
height:auto;
color:#333;
font-weight:bold;
text-decoration:none;
text-align:center;
}

#coverTease p {
color:#333;
}

#coverTease img a{
border:none;
}

/* Cover Slider Styling ------------------------------------------------------------------------------------ */

#coverSlider {
	width: 520px;
	margin-bottom:6px;
}
#coverSlider .SlidingPanels {
	width: 520px;
	height: auto;
	float: left;
}
#coverSlider .SlidingPanelsContentGroup {
	width: 3120px;
	float: left;
}
#coverSlider .SlidingPanelsContent {
	float: left;
	width: 520px;
	height: auto;
}


#coverSlider .SlidingPanelsContent .pContent {
	margin: 0px auto;
	float: left;
}

#item1 .pContent, #item2 .pContent, #item3 .pContent {
}

#coverSlider .pContent {
	width:520px;
	height: 100px;
	padding: 0px 0px;
}

#coverSlider .pContent a {

}


#coverSlider .pContent img {
	float: left;
	margin-left:6px;
}

#coverSlider .pContent img.nomargin {
margin-left:-2px;
}


#coverSlider p {
	margin: 0px 4px;
}

#coverSlider .prev, #coverSlider .next{
width:15px;
height:100%;
top:0;
font-size:12px;
margin:0 2px;
text-indent:-9999px;
overflow:hidden;
}

#coverSlider .prev a, #coverSlider .next a{
width:15px;
height:100%;
display:block;
text-decoration:none;
background-color:#666666;
color:#666666;
}

#coverSlider .next a{
background-image:url(/js/images/arrow_right.gif);
background-position:center;
background-repeat:no-repeat;
}

.mainContent>#coverSlider .next a{
background-image:url(/js/images/arrow_right.png);
}

#coverSlider .prev a{
background-image:url(/js/images/arrow_left.gif);
background-position:center;
background-repeat:no-repeat;
}

.mainContent>#coverSlider .prev a{
background-image:url(/js/images/arrow_left.png);
}

#coverSlider .prev a:hover, #coverSlider .next a:hover{
width:15px;
height:100%;
display:block;
text-decoration:none;
background-color:#00669f;
color:#ffffff;
}

#coverSlider .prev {
float:left;
background-image:url(/js/images/arrow_left.png);
background-position:center;
background-repeat:no-repeat;
}

#coverSlider .next {
float:right;
}


.SlidingPanelsAnimating * {
	overflow: visible !important;
}

#coverSlider .navLinks, #coverSlider .navLinks a {
	color:#333333;
	font-size:12px;
	font-weight:normal;	
}

/* Price Chart Table Styling ------------------------------------------------------------------------------------ */

table.priceChart{
background-color:#666666;
width:520px;
background-image:url(/images/tableFootBG.png);
background-position:center bottom;
background-repeat:no-repeat;
font-size:12px;
margin:8px 0px 18px 0px;
}

table.priceChart table {
font-size:12px;
}

table.priceChart thead{
background-image:url(/images/theadBG.png);
background-position:center top;
background-repeat:no-repeat;
}

table.priceChart thead td{
font-size:14px;
font-weight:bold;
}

table.priceChart thead td, table.priceChart tfoot td{
padding:3px 5px 5px 7px;
color:#FFFFFF;
}

table.priceChart thead td a, table.priceChart tfoot td a{
color:#FFFFFF;
}

table.priceChart tr.quantity{
}

table.priceChart tr.quantity td{
background-color:#e1e0c7;
padding:3px 0px;
font-weight:bold;
color:#cc3333;
}

table.priceChart tr.tanTop td{
background-color:#e1e0c7;
padding:3px 0px;

}

table.priceChart tr.quantity td.firstcell, table.priceChart tr.tanTop td.firstcell {
padding-left:10px;
background-image:url(/images/quantityBG.png);
background-position:top left;
background-repeat:no-repeat;
}

table.priceChart tr.quantity td.lastcell, table.priceChart tr.tanTop td.lastcell {
background-image:url(/images/quantityBG.png);
background-position:top right;
background-repeat:no-repeat;
}

table.priceChart tr.price td, table.priceChart tr.price_white td{
background-color:#FFF;
padding:3px 0px;
color:#333;
}

table.priceChart tr.price td.firstcell {
padding-left:10px;
background-image:url(/images/priceBG.png);
background-position:bottom left;
background-repeat:no-repeat;
}

table.priceChart tr.price td.lastcell {
background-image:url(/images/priceBG.png);
background-position:bottom right;
background-repeat:no-repeat;
}

table.priceChart tr.price_tan td{
background-color:#e1e0c7;
padding:3px 0px;
color:#333;
}

table.priceChart tr.price_tan td.firstcell{
padding-left:10px;
background-image:url(/images/quantityBG.png);
background-position:center left;
background-repeat:no-repeat;
}

table.priceChart tr.price_tan td.lastcell{
background-image:url(/images/quantityBG.png);
background-position:center right;
background-repeat:no-repeat;
}

table.priceChart tr.price_tan_bottom td.firstcell{
padding-left:10px;
background-image:url(/images/quantityBG.png);
background-position:bottom left;
background-repeat:no-repeat;
}

table.priceChart tr.price_tan_bottom td.lastcell{
background-image:url(/images/quantityBG.png);
background-position:bottom right;
background-repeat:no-repeat;
}

table.priceChart tr.price_white td.firstcell{
padding-left:10px;
background-image:url(/images/priceBG.png);
background-position:center left;
background-repeat:no-repeat;
}

table.priceChart tr.price_white td.lastcell{
background-image:url(/images/priceBG.png);
background-position:center right;
background-repeat:no-repeat;
}

table.priceChart tr.price_white td.firstcellTop{
padding-left:10px;
background-image:url(/images/priceBGtop.png);
background-position:top left;
background-repeat:no-repeat;
}

table.priceChart tr.price_white td.lastcellTop{
background-image:url(/images/priceBGtop.png);
background-position:top right;
background-repeat:no-repeat;
}


/* Mascot Page Styling --------------------------------------------------------------------------------------------- */

#mascotMenu{
float:left;
width:160px;
}

#mascotMenu a{
color:#333333;
}

#mascotDisplay{
width:350px;
float:right;
text-align:center;
}


/* Download Button and paragraph styling----------------------------------------------------------------------------- */

.download {
margin-bottom:18px;
}

.download p a{
font-size:13px;
font-weight:bold;
height:22px;
width:80px;
line-height:20px;
display:inline-block;
color:#FFF;
background-image:url(/images/layout/downloadBTN.png);
background-position:top center;
background-repeat:no-repeat;
margin:0 12px;
text-align:center;
text-decoration:none;
}

.download p a:hover{
background-position:bottom center;
color:#FFF;
}

.download p{
margin-bottom:18px;
padding:0px;
}

.download p span.indent {
	margin-left:108px;
}

div#content div.download p.small{
float:none;
margin-bottom:0px;
}

div.download img{
float:left;
}



/* Teacher Resource styling------------------------------------------------------------------------------------------ */

div.teachResources .teachLeft{
float:left;
width:280px;
}

div.teachResources .teachRight{
float:right;
width:199px;
}

div.teachResources .teachRight img{
margin-bottom:10px;
}

.teachResources div.download p{
position:relative;
}


/* Side Content Styling --------------------------------------------------------------------------------------------- */

.sideContent {
float:right;
width:180px;
height:auto;
margin-right:4px;
}

.sideNav {
width:166px;
padding:0 7px;
background-image:url(/images/sideNavBG.png);
background-position:center top;
background-repeat:no-repeat;
}

.sideNav div{
background-color:#e1e0c7;
background-image:url(/images/sideNavListBG.png);
background-position:bottom center;
background-repeat:no-repeat;
padding:2px;
margin-bottom:8px;
}

.sideNav h3{
color:#FFFFFF;
font-size:14px;
padding:4px 7px;
margin-bottom:0px;
background-color:#00669f;
}

.sideNav ul{
list-style:none;
}

.sideNav li {
margin-bottom:0px;
}

.sideNav li a{
display:block;
font-size:14px;
font-weight:normal;
text-decoration:none;
color:#666;
padding:4px 7px;
border-bottom:#666666 1px solid;
margin:0px;
}

.sideNav li a:hover {
color:#FFFFFF;
background-color:#333333;
}

.sideNav li a.sideCurrent{
color:#00669f;
}

.sideNav li a:hover.sideCurrent {
color:#FFFFFF;
background-color:#333333;
}

.sideNav li.last a{
border-bottom:none;
}

.sideNav ul ul li a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#666;
background-color:#f3f2e3;
padding:4px 7px;
border-bottom:#e1e0c7 2px solid;
}

.sideNav ul ul li a.last{
border-bottom:#666666 1px solid;
}

.demo {
position:relative;
width:166px;
margin:16px 11px 16px 7px;
text-align:center;
}

.demo h3 a {
position:absolute;
top:15px;
left:42px;
width:82px;
height:22px;
padding-top:6px;
background-image:url(/images/demoButton.png);
background-position:0px 0px;
background-repeat:no-repeat;
text-decoration:none;
color:#FFFFFF;
margin:0 auto;
}

.demo h3 a:hover {
background-position:0px -28px;
}

.demo img{
margin-bottom:6px;
}

.demo p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
line-height:12px;
margin-bottom:0px;
}

.takeNote {
width:166px;
margin:0 11px 8px 7px;
background-image:url(/images/takeNoteBG.png);
background-position:center bottom ;
background-repeat:no-repeat;
}

.takeNote h3 {
color:#FFFFFF;
font-size:14px;
text-transform:uppercase;
padding:4px 7px;
margin-bottom:0px;
background-color:#00669f;
background-image:url(/images/takeNoteHeadBG.png);
background-position:center top;
background-repeat:no-repeat;
}

.takeNote div.takeNoteBody {
background-image:url(/images/takeNoteBodyTopBG.png);
background-position:center top;
background-repeat:no-repeat;
padding:3px 7px;
}

.takeNote p a {
color:#333333;
}


/* Contact & Request Info Page Styling --------------------------------------------------------------------------------*/
#leftContact {
position:relative;
float:left;
width:180px;
height:auto;
}

#rightContact {
position:relative;
float:right;
width:520px;
}

#rightContact h3, #requestInfo h3{
margin-left:120px;
}

#rightContact fieldset, #requestInfo fieldset{
border:none;
text-align:right;
margin-bottom:12px;
}

#rightContact label.leftAlign{
float:left;
}

#rightContact fieldset input, #rightContact fieldset select {
width:300px;
margin-right:100px;
}

#rightContact fieldset select {
width:305px;
}

#requestInfo fieldset input, #requestInfo fieldset select{
width:300px;
margin-right:120px;
}

#requestInfo p label {
width:auto;
}

#requestInfo input.radio {
width:auto;
margin-right:0;
}

#requestInfo p.small, #requestInfo p.small_red {
text-align:center;
}

#requestInfo fieldset.checkBox {
	position:relative;
}

#requestInfo fieldset.checkBox p {
text-align:left;
position:relative;
margin-left:268px;
}



#requestInfo fieldset.checkBox p a {
	margin:0;
	left:0px;
	padding:0;
}

#requestInfo fieldset.checkBox p input {
	position:relative;
	margin:0px;
	width:auto;
	
}


#rightContact fieldset input#strZip {
width:90px;
margin-right:310px;
}

#requestInfo fieldset input#strZip {
width:90px;
margin-right:330px;
}

#rightContact fieldset textarea {
width:300px;
height:150px;
margin-right:100px;
}

#requestInfo fieldset textarea {
width:470px;
height:150px;
margin-right:120px;
}


#rightContact fieldset label {
vertical-align:top;
}

#rightContact input#sendMSGButton {
margin-left:120px;
}

#requestInfo .submit {
margin:0 auto 12px auto;
text-align:center;
}

div#content input#evePhone {
	position:absolute;
	visibility:hidden;
}

/* Home Page Styling -------------------------------------------------------------------------------------------- */

.twoWaysDated a, .twoWaysUndated a {
	position:absolute;
	display:block;
	height:66px;
	width:214px;
	text-indent:-9999px;
	overflow:hidden;
	top:325px;
}

.twoWaysDated a {
background-image:url(/images/2waysBGdated.png);
background-position:0 0;
background-repeat:no-repeat;
left:16px;
}

.twoWaysDated a:hover, .twoWaysUndated a:hover {
background-position:0 -66px;
}

.twoWaysUndated a {
background-image:url(/images/2waysBGundated.png);
background-position:0 0;
background-repeat:no-repeat;
right:16px;
}

/* Feed Item ---------------------------------------------------------------------------------------------------- */
#feed {
position:relative;
width:710px;
color:#FFFFFF;
background-image:url(/images/rssBG.png);
background-position:center top;
background-repeat:no-repeat;
margin:10px 0 6px 0;
padding:5px 0px 0px 0px;
}

#feed h2 {
color:#fff;
margin:0 0 4px 10px;
padding:0;
}

.feedItems {
background-color:#FFFFFF;
background-image:url(/images/rssBG.png);
background-position:-5px -50px;
background-repeat:no-repeat;
width:700px;
margin:3px 0 0 5px;
padding:5px 0;
}

.feedItems div.item{
float:left;
width:213px;
padding:5px 10px;
}

.feedItems div.item img{
float:right;
margin-left:6px;
}

.feedItems div.clear{
width:100%;
height:1px;
margin:0;
padding:0;
}

#feed .feedfoot{
width:100%;
height:5px;
padding:5px 0 0 0;
margin-top:-5px;
background-image:url(/images/rssBG.png);
background-position:center bottom;
background-repeat:no-repeat;
}

#feed .subscribe {
position:absolute;
right:5px;
top:5px;
color:#fff;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

#feed .subscribe a{
color:#fff;
}

#feed .subscribe img{
position:relative;
top:3px;
margin-left:3px;
}

/* Site Map Styling --------------------------------------------------------------------------------------------- */
#sitemap li li {
margin-top:6px;
list-style:disc;
}

#sitemap ul ul {
margin-bottom:0;
}

/* Footer Styling ----------------------------------------------------------------------------------------------- */

#footer {
position: relative;
margin: -37px auto 0 auto;
background-color:#00669f;
width:730px;
height:37px;
/*border-bottom:#00669f 37px solid;*/
}

* html #footer {
margin-top: -38px;
}

#footer p{
position:absolute;
top:3px;
left:6px;
font-size:11px;
line-height:16px;
color:#FFF;
}

#footer p a {
color:#FFF;
}

#mcaffee {
position:absolute;
bottom:2px;
right:3px;
}

#share {
position:absolute;
bottom:2px;
right:121px;
}


/* Company Info ----------------------------------------------------------------------------------------------- */

div.planPanel_left{
float:left;
width:346px;
}

div.planPanel_right{
float:right;
width:346px;
}

/*CPSIA Styling -------------------------------------------------------------------------------------------------*/
div.CPtip {
	width:220px;
	float:left;
	padding:0;
	margin:12px 0 0 12px;
}

div.CPtip h3{
	color:#00669f;
}

div#content p.captcha_alert {

background-color:#FFFF99;

border:#CC0000 3px double;

color:#CC0000;

font-weight:bold;

font-size:14px;

padding:8px;

text-align:center;

}

/*Home Page Styling -------------------------------------------------------------------------------------------------*/

#homeSlider {
width: 730px;
height:450px;
margin-bottom:6px;
margin-top:0px;
padding:0 0 1px 0;
border-bottom:#00669f 6px solid;
}

#homeSlider .SlidingPanels {
width: 730px;
height: 450px;
float: left;
}

#homeSlider .SlidingPanelsContentGroup {
width: 8000em;
float: left;
}

#homeSlider .SlidingPanelsContent {
float: left;
width: 730px;
height: 450px;
}

#homeSlider .SlidingPanelsContent .pContent {
margin: 0px auto;
float: left;
}

#panel1 .pContent{
background-image:url(/images/HomePageContentUndated.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#panel2 .pContent{
background-image:url(/images/HomePageContentDated.jpg);
background-position:bottom center;
background-repeat:no-repeat;
}

#homeSlider .pContent {
position:relative;
width:730px;
height: 450px;
padding: 0px 0px;
}

#homeSlider .pContent p{
line-height:16px;
padding-bottom:8px;
}

#homeSlider .prev, #homeSlider .next{
width:15px;
height:100%;
top:0;
font-size:12px;
margin:1px 0;
text-indent:-9999px;
overflow:hidden;
}

#homeSlider .prev a, #homeSlider .next a{
width:15px;
height:100%;
display:block;
text-decoration:none;
background-color:#666666;
color:#666666;
}

#homeSlider .next a{
background-image:url(/js/images/arrow_right.gif);
background-position:center;
background-repeat:no-repeat;
}

#content>#homeSlider .next a{
background-image:url(/js/images/arrow_right.png);
}

#homeSlider .prev a{
background-image:url(/js/images/arrow_left.gif); /* ie6 and lower does not handle transparent pngs well (pngs look better than gifs). This style is for those browsers. Since ie6 and lower doesn't understand the ">" mark in the selector: #content>#homeSlider .prev a (below), it will use this gif.  */
background-position:center;
background-repeat:no-repeat;
}

#content>#homeSlider .prev a{
background-image:url(/js/images/arrow_left.png); /* (Read #homeSlider .prev a comment first) Since ie7 and above can read the ">" mark in this style, it will use this png because it comes second. */
}

#homeSlider .prev a:hover, #homeSlider .next a:hover{
width:15px;
height:100%;
display:block;
text-decoration:none;
background-color:#00669f;
color:#ffffff;
}

#homeSlider .prev {
float:left;
border-right:#FFFFFF 1px solid;
}

#homeSlider .next {
float:right;
border-left:#FFFFFF 1px solid;
}

#homeSlider .homeContentLeft{
float:left;
width:275px;
margin:6px 0px 0px 10px;
}

#homeSlider .homeContentLeft h2.learnmore a{
margin:24px 0px 0px 35px;
}

#homeSlider .homeContentRight{
float:left;
width:275px;
margin:6px 0px 0px 10px;
}

#homeSlider .homeContentRight h2.learnmore a{
margin:6px auto 0px auto;
}

#homeSlider .homeContentRight h2.learnmore {
	margin:0;
}

.halfsize {
	float:left;
	width:130px;
	text-align:center;
}

.SlidingPanelsAnimating * {
overflow: visible !important;
}

#homeSlider .navLinks, #homeSlider .navLinks a {
color:#333333;
font-size:12px;
font-weight:normal;
width:400px;	
}

#content .homeContentRight p.small {
	margin-top:4px;
	line-height:12px;
}

/*HANDBOOK INSERTS DISPLAYER HERE*/
/*HANDBOOK INSERTS DISPLAYER HERE*/
/*HANDBOOK INSERTS DISPLAYER HERE*/

div.displayer {
	width:520px;
	margin-bottom:10px;
}

div.displayer .display {
	background-image:url(/images/layout/displayerBG.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.displayer .displayTabs {
	text-align:center;
	position:relative;
	overflow:hidden;
	height:30px;
	margin:0;
	padding:0;
}

div.displayer .displayTabs a {
	height:30px;
	line-height:30px;
	position:relative;
	background-image:url(/images/layout/displayTabsBG.gif);
	background-position:center 0px;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	padding:0px 10px;
	display:inline-block;
	border-right:#FFFFFF 2px solid;
}

div.displayer .displayTabs a.first {
	background-position:left 0px;
}

div.displayer .displayTabs a.last {
	background-position:right 0px;
	border:none;
}

div.displayer .displayTabs a:hover {
	background-position:center -60px;
	color:#333;
}

div.displayer .displayTabs a.first:hover {
	background-position:left -60px;
}

div.displayer .displayTabs a.last:hover {
	background-position:right -60px;
}

div.displayer .displayTabs a.selected {
	background-position:center -30px;
	color:#FFFFFF;
}

div.displayer .displayTabs a.first.selected {
	background-position:left -30px;
}

div.displayer .displayTabs a.last.selected {
	background-position:right -30px;
}

div.displayer .topics {
	width:140px;
	float:left;
	margin:30px 5px 0px 0px;
}

div#content .displayer .topics ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

div#content .displayer .topics li {
	position:relative;
	list-style-position:outside;
	margin:0px;
	padding:0px;
	zoom:1;
}

div#content .displayer .topics li a{
	margin:0px;
	padding:6px 0px;
	border-bottom:#666 2px solid;
	background-color:#CCC;
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	width:100%;
	text-indent:10px;
}

div#content .displayer .topics li a:hover {
	background-color:#00669f;
	color:#FFFFFF;
}

div#content .displayer .topics li a.selected {
	background-color:#b9e2df;
	
}

div#content .displayer .topics li a.selected:hover {
	color:#333;
}

div#content .displayer .topics li ul {
	padding:5px;
	background-color:#eee;
	border-bottom:#666 2px solid;
	
}

div#content .displayer .topics li ul li {
	list-style-position:outside;
	list-style-type:disc;
	font-size:10px;
	margin-left:1.3em;
}

div.displayer .items {
	position:relative;
	float:left;
	width:367px;
	margin:10px 0px 10px 0px;
	text-align:center;
	visibility:hidden;
 	display:none;
}

div.displayer .active {
	visibility:visible;
	display:block;
}

div#content div.displayer .items .samplepage {
	position:relative;
	width:100%;
	height:420px;
}

div#content div.displayer .items .samplepage div {
 visibility:hidden;
 display:none;
}

div#content div.displayer .items .samplepage div.active {
	visibility:visible;
	display:block;
	margin:0 auto;
}

div#content .samplepage .next, div#content .samplepage .prev {
	position:absolute;
	width:18px;
	height:420px;
	text-indent:-9999px;
}

div#content .samplepage .next:focus, div#content .samplepage .prev:focus, div.displayer .items .itemlinks a:focus, div#content .displayer .topics li a:focus {
	outline:none;
}

div#content .samplepage .next {
	right:0;
	top:0;
	background:#FFF url(/images/layout/ArrowRight.gif) center left no-repeat;
}

div#content .samplepage .next:hover {
	background-position:center right;
}

div#content .samplepage .prev {
	left:0;
	top:0;
	background:#FFF url(/images/layout/ArrowLeft.gif) center right no-repeat;
}

div#content .samplepage .prev:hover {
	background-position:center left;
}

div.displayer .items .itemlinks a {
	position:relative;
	padding:3px 5px;
	text-decoration:none;
	background-color:#CCC;
	font-size:8px;
	line-height:12px;
	color:#333;
}

div.displayer .items .itemlinks a:hover {
	background-color:#00669f;
	color:#FFFFFF;
}

div.displayer .items .itemlinks a.selected {
	background-color:#b9e2df;
	
}

div.displayer .items .itemlinks a.selected:hover {
	color:#333;
}

div.displayerFoot {
	width:520px;
	height:5px;
	background-image:url(/images/layout/displayerBG.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	clear:both;
}

.noMarginRight {
	margin-right:0;
}

div#content img.recycle {
    vertical-align: middle;
}

/* Submit Online Styling */
.submitVideo {
	position:relative;
	height:293px;
	width:520px;
	text-indent:-9999px;
}

.submitVideo a {
	display:block;
	height:100%;
	background:transparent url(/images/StudentAgendasVideoPoster.jpg) 0px 0px no-repeat;
	text-decoration:none;
	outline:none;
}

.submitVideo a:hover {
	background-position:0px -293px;
}