﻿html
{
height:auto;
}
a:link 
{ 
	color: #30C;
}
a:visited 
{ 
	color: #551A8B;
}
a:hover 
{ 
	color: #30C;
	text-decoration:none;
}
a:active 
{ 
	color: #30C;
}
.print_only_text
{
	display:none;
}
BODY { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt; 
	line-height: 13pt;
	margin:0px; 
	padding:0px; 
	background-color:#0a1445;
	background-image:url(/graphics/padding_blue_fade.jpg);
	background-repeat: repeat-x;
	height:auto;
}
/* Shell surrounding page */
#pageshell
{
text-align:center;
background-color:#fff;
width:900px;
margin:0 auto;
}
/* White Portion of Page */
#page {
width:880px;
background:#fff;
padding-left:10px;
padding-right:10px;
height:auto;
float:none;
text-align:left;
background-image:none;
background-color:#fff;
clear:both;
}

/* White Portion of Page */
#content 
{
padding-left:6px;
padding-bottom:10px;
width:695px;
background:#fff;
height:auto;
float:left;
}

/* Div Between Top Nav and Content */
#topspacer 
{
visibility:hidden;
background:#fff;
height:0px;
float:none;
display: inline;
}
#topspacercurve
{
visibility:hidden;
background:#fff;
height:0px;
float:left;
display: inline;
background-repeat:no-repeat;
}
#topspacerhead
{
visibility:hidden;
background:#fff;
height:0px;
float:left;
display: inline;
background-repeat:no-repeat;
}
.topheadimage
{
    visibility:hidden;
    display:none;
}
#bottomspacer 
{
display:none;
visibility:hidden;
padding:5px;
text-align:right;
}
/* Left Light Yellow Nav Area */
#leftnavigation 
{
float:left;
width:179px;
padding-bottom:50px;
background-color:#fff;
}

/* Left Light Yellow Nav Area */
#footer 
{
height:20px;
background:#fdf7db;
color:#c70019;
padding:15px 15px 15px 0px;
float:none;
text-align:left;
clear:both;
border-left-width:0px;
width:885px;
}
/* Footer internal info */
#copyrightinfo
{
	float:right;
}
/* -----------------------------------Project Specific Nav Style------------------------------ */
/* Need to use class since asp.net re-writes id on delivery */
.leftnavproject
{
visibility:hidden;
display:none;	
}
#leftnavprojecttitle
{
	background-color: #666;
	background-image: url(/graphics/navigation/nav_333_header.jpg);
	background-repeat:no-repeat;
	height: 15px;
	width: 179px;
}
.leftnavprojectspacertop
{
	background-color: #333;
	background-image: url(/graphics/navigation/nav_333_spacer_top.jpg);
	background-repeat:no-repeat;
	height: 10px;
	width: 179px;
}
.leftnavprojectcontent
{
	background-color: #333;
	color: #ffc;
	font-size: 7pt;
	font-weight: bold;
	line-height: 9pt;
	vertical-align:top;
	width:179px;
	float:left;
}
.leftnavprojectcontent a:link
{
	color: #ffc;
	text-decoration:none;
}
.leftnavprojectcontent a:visited
{
	color: #ffc;
	text-decoration:none;
}
.leftnavprojectcontentactive
{
	background-color: #333;
	color: #fff;
	font-size: 7pt;
	font-weight: bold;
	line-height: 9pt;
	vertical-align:top;	
	width:179px;
	float:left;
}
.leftnavprojectcontentactive a:link
{
	color: #fff;
	text-decoration:none;
}
.leftnavprojectcontentactive a:visited
{
	color: #fff;
	text-decoration:none;
}
.leftnavprojecttext
{
	width:161px;	
	float:left;
	background-color: #333;
}
.leftnavprojecttextchild
{
	width:151px;	
	padding-left:10px;
	float:left;
	background-color: #333;
}
.leftnavprojectspacerdotted
{
	background-color: #333;
	background-image: url(/graphics/navigation/nav_333_spacer_dotted.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	height: 11px;
	width: 179px;
	float:left;
}
.leftnavprojectarrow
{
	background-color: #333;
	background-image: url(/graphics/navigation/nav_333_arrow.jpg);
	background-repeat:no-repeat;
	height: 12px;
	width: 18px;
	float:left;
}
.leftnavprojectarrowdown
{
	background-color: #333;
	background-image: url(/graphics/navigation/nav_333_arrow_down.jpg);
	background-repeat: no-repeat;
	height: 12px;
	width: 18px;
	float:left;
}
#leftnavprojectbottom
{
	background-color: #333;
	background-image: url(/graphics/navigation/nav_333_spacer_bottom.jpg);
	background-repeat:no-repeat;
	height: 9px;
	width: 179px;
	float:left;
}
.leftnavprojectsubtext
{
	width:159px;
	float:left;
	background-color: #333;
}
.leftnavprojectsubsection
{
	background-color: #333;
	font-size: 7pt;
	padding: 0px 0px 0px 20px;
	width:159px;
	float:left;
}
.leftnavprojectsubsectionspacer
{
	background-color: #333;
	height:5px;
	width:179px;
	float:left;
}

.leftnavprojectcorsubjectshead
{
	background-color: #333;
	color: #ccc;
	font-size: 9px;
	font-weight: bold;
	float:left;
	padding-left:20px;
	width:159px;
}
.leftnavprojectcorsubjects
{
	background-color: #333;
	color: #d84;
	font-size: 7pt;
	font-weight: bold;
	float:left;
	padding-left:20px;
	width:159px;
}
.leftnavprojectsubtext a:link {color: #fff; font-weight:normal;}
.leftnavprojectsubtext a:visited {color: #fff; font-weight:normal;}
.leftnavprojectsubtext a:hover {color: #fff; font-weight:normal;}
.leftnavprojectcorsubjects a:link {color: #ffc; font-weight:normal;}
.leftnavprojectcorsubjects a:visited {color: #ffc; font-weight:normal;}
.leftnavprojectcorsubjects a:hover {color: #ffc; font-weight:normal;}
/* -------------------------------------Begin Top Of Page------------------------------------- */
/* Logo */
#logo 
{
float:left;
display: inline;
width:699px;
height:75px;
background:#FFF;
background:#FFF url(/graphics/header/header_logo.jpg);
cursor:hand;
}

/* Site Search Test Image */
#sitesearch 
{
float:left;
width:180px;
height:24px;
background:#FFF;
background:#FFF url(/graphics/header/search_masthead_top.jpg);
padding-right:1px;
}
/* Site Search Button */
.sitesearchbutton 
{
    display:block;
    width:100%;
    height:100%;   
}
/* Site Search Green Background */
#sitesearchgreenbackground 
{
float:left;
width:180px;
height:51px;
background:#FFF url(/graphics/header/search_masthead_back.jpg);
padding-right:1px;
}

/* Site Search Go Button */
#sitesearchgo 
{
float:right;
width:35px;
height:33px;
background:#FFF url(/graphics/header/search_masthead_button.jpg);
background-repeat:no-repeat;
cursor:hand;
}

/* Site Search Test Box Area */
#sitesearchbox 
{
float:left;
width:136px;
height:20px;
padding:5px 0px 0px 8px;
}
/* Site Search Link To Site Map */
#sitesearchsitemaplink
{
float:left;
width:136px;
height:10px;
font-family:Verdana;
font-size:7pt;
color:#ffc;
padding:6px 0px 0px 8px;
}
#sitesearchsitemaplink a:link
{	
font-family:Verdana;
font-size:7pt;
color:#ffc;
}
#sitesearchsitemaplink a:visited
{	
font-family:Verdana;
font-size:7pt;
color:#ffc;
}
#sitesearchsitemaplink a:hover
{	
font-family:Verdana;
font-size:7pt;
color:#ffc;
text-decoration:underline;
}
#sitesearchbottomspacer
{
float:left;
display: inline;
width:173px;
height:10px;
}
/* For Mathematics Educators Button */
#forMath 
{
float:left;
width:220px;
height:38px;
background:#FFF url(/graphics/header/disciplines/nav_math.gif);
background-repeat:no-repeat;
}
#forMath:hover
{
background:#FFF url(/graphics/header/disciplines/nav_math_on.gif);
}
/* For Science Educators Button */
#forScience 
{
float:left;
width:179px;
height:38px;
background:#FFF url(/graphics/header/disciplines/nav_science.gif);
background-repeat:no-repeat;
cursor:hand;
}
#forScience:hover
{
background:#FFF url(/graphics/header/disciplines/nav_science_on.gif);
}
/* For ELA Educators Button */
#forELA 
{
float:left;
width:296px;
height:38px;
background:#FFF url(/graphics/header/disciplines/nav_ela.gif);
background-repeat:no-repeat;
cursor:hand;
}
#forELA:hover
{
background:#FFF url(/graphics/header/disciplines/nav_ela_on.gif);
}
/* My Collection Button */
#mycollection 
{
float:left;
width:182px;
height:38px;
background:#FFF url(/graphics/header/header_collection.jpg);
background-repeat:no-repeat;
}

/* Spacer Between Math & Science */
#spacer1 
{
float:left;
width:1px;
height:38px;
background:#FFF url(/graphics/header/disciplines/nav_fill_02.gif);
background-repeat:no-repeat;
}

/* Spacer Between Science & ELA */
#spacer2 
{
float:left;
width:1px;
height:38px;
background:#FFF url(/graphics/header/disciplines/nav_fill_04.gif);
background-repeat:no-repeat;
}

/* Spacer Between ELA & My Collection */
#spacer3 
{
float:left;
width:1px;
height:38px;
background:#FFF url(/graphics/header/disciplines/nav_fill_06.gif);
background-repeat:no-repeat;
}

/* Yellow Navigation */
#yellownav 
{
color:#009;
float:left;
width:880px;
height:17px;
padding-top:2px;
background:#FFF url(/graphics/header/header_nav_orc_fade.jpg);
font-size:7pt; 
font-weight:bold;
line-height:14px; 
vertical-align:text-bottom;
text-transform:uppercase; 
text-indent:10px; 
}
#yellownav a:link
{
color:#009;
}
/* Shadow for Yellow Navigation */
#yellownavshadow 
{
float:left;
display: inline;
width:880px;
height:6px;
background:#FFF url(/graphics/header/header_fade.jpg);
background-repeat:repeat-x;
}

/* -------------------------------------End Top Of Page------------------------------------- */

/* ----------------------------------Begin Left Navigation---------------------------------- */

/* Shadow for left nav areas */
#bluenavshadow, #orcaccountshadow, #leftnavprojectshadow
{
float:left;
display: inline;
width:179px;
height:6px;
background:#FFF url(/graphics/header/header_fade.jpg);
background-repeat:repeat-x;
}

/* ---------------Begin Left Search Area--------------- */
/* Leftside Search Box */
#leftsearchbox 
{
float:left;
background:#def;
}

/* Leftside Search Box Title Image */
#leftsearchboxtitle 
{
float:left;
width:179px;
height:22px;
background:#def url(/graphics/navigation/bar_search_resources.gif);
}

/* Leftside Search Text Box Area */
#leftsearchtextbox 
{
float:left;
padding-top:5px;
padding-left:5px;
height:24px;
width:136px;
}

/* Leftside Search Box Go Image */
#leftsearchboxgo 
{
float:left;
width:38px;
height:19px;
padding-top:7px;
background:#def url(/graphics/buttons/button_blue_forward_arrows.gif);
background-repeat:no-repeat;
background-position:bottom;
cursor:hand;
}
/* Leftside Search Box Button */
.leftsearchboxbutton
{
    display:block;
    width:100%;
    height:100%;
}
/* Leftside Search Box Link To Search */
#leftsearchlink
{
float:left;
height:23px;
width:166px;
line-height:13pt;
font-family:Verdana;
font-size:7pt;
color:#35b;
vertical-align:top;
padding:0px 0px 0px 5px;
}
#leftsearchlink a:link
{	
font-family:Verdana;
font-size:7pt;
color:#35b;
}
/* ---------------End Left Search Area--------------- */

/* ---------------Begin My ORC Account Area--------------- */
/* My ORC Account Area */
#orcaccount 
{
width:179px;
background:#fea;
float:left;
}

/* My ORC Account Title Image */
#orcaccounttitle 
{
float:left;
width:179px;
height:22px;
background:url(/graphics/navigation/bar_my_orc_account.gif);
}
#orcaccountloggedin
{
float:left;
padding-top:2px;
width:132px;
padding-left:8px;
font-size:7pt;
color:#c70019;
line-height:15pt;	
}
#orcaccountloggedin a:link
{
font-size:7pt;
color:#c70019;
}
/* My ORC Account Text Box Area */
#orcaccounttextbox 
{
float:left;
padding-top:2px;
height:80px;
width:126px;
padding-left:5px;
font-size:7pt;
color:#666;
font-weight:bold;
line-height:12pt;
}

/* My ORC Account Go Spacer */
#orcaccountgospacer 
{
float:left;
height:56px;
width:35px;
}

/* My ORC Account Go Image */
#orcaccountgo 
{
float:left;
height:19px;
width:35px;
background:url(/graphics/buttons/button_yellow_forward_arrows.jpg);
background-repeat:no-repeat;
background-position:bottom;
cursor:hand;
}

/* My ORC Account Bottom Text Area */
#orcaccountbottomtext 
{
float:left;
height:23px;
width:166px;
color:#c70019;
font-size:7pt;
padding-left:3pt;
}
#orcaccountbottomtextspacer
{
 color:#000000;
 font-size:7pt;
 padding:0px 5px 0px 5px;
}
#orcaccountbottomtext a:link
{
color:#c70019;
font-size:7pt;
}
.orcaccountlogintemplate
{
	clear:both;
}
/* ---------------End My ORC Account Area--------------- */

/* ------------Begin Dark Blue Left Nav Area------------ */
/* Need to clean this section up once new nav goes live 1/7/2009 */
#orcfeaturestitle
{
    float:left;
    width:179px;
    height:24px;
    background:url(/graphics/navigation/orc_features.jpg);
}
#orcbrowsetitle
{
    float:left;
    width:179px;
    height:24px;
    background:url(/graphics/navigation/orc_resources.jpg);
}
#orcprojectstitle
{
    float:left;
    width:179px;
    height:24px;
    background:url(/graphics/navigation/orc_projects.jpg);
}
.orcgroupbottom
{
    float:left;
    width:179px;
    height:10px;
    background-image:url(/graphics/navigation/group_shadow.jpg);
    background-repeat:repeat-x;
    background-positon:top left;
}
.orcgroupitem, .orcgroupitem_bottom
{
    float:left;
    padding:6px 1px 6px 3px;
    width:173px;
    line-height:12pt;
    background-color:#eee;
    border:solid 1px #b3b3b3;
    border-top:none;
    font-family:Verdana, sans-serif;
    font-size:8pt;
}
.orcgroupitem a:link, .orcgroupitem a:visited, .orcgroupitem_bottom a:link, .orcgroupitem_bottom a:visited
{
    text-decoration:none;
    display:block;
    width:100%;
    height:100%;
    color:#006;
}
.orcgroupitem:hover, .orcgroupitem_bottom:hover
{
    background-color:#d0d0d0;  
}
.orcgroupitem_bottom
{
    border-bottom:solid 1px #979797;
}
/* Left Blue Nav Area */
#blueleftnav 
{
float:left;
width:179px;
background:#46b;
}
/* ORC Features Text Box Area */
#orcfeaturesbody, #orcbrowsebody, #orcprojectsbody
{
float:left;
padding-top:6px;
padding-left:8px;
padding-bottom:10px;
width:171px;
line-height:12pt;
}
#orcfeaturesbody a:link, #orcbrowsebody a:link, #orcprojectsbody a:link
{
font-size:8pt;
color:#fea;
font-family:Verdana;
letter-spacing:-1pt;
}
#orcfeaturesbody a:visited, #orcbrowsebody a:visited, #orcprojectsbody a:visited
{
font-size:8pt;
color:#fea;
font-family:Verdana;
letter-spacing:-1pt;
}
/* Thinkfinity Image */
#thinkfinity 
{
float:left;
width:179px;
height:60px;
background:url(/graphics/navigation/thinkfinity.jpg);
background-repeat:no-repeat;
background-position:center;
padding-bottom:20px;
}
/* ETECH CONFERENCE LINK */
#etechconflink
{
    background-image:url(/graphics/navigation/2010_etechconf_banner.jpg); 
    background-repeat:no-repeat;
    background-position:center top; 
    height:75px;
    width:179px;
    float:left;
    padding-bottom:3px;
}
/* ------------End Dark Blue Left Nav Area------------ */

/* ----------------------------------End Left Navigation---------------------------------- */

/* ----------------------------------AJAX Autocomplete Suggestion Styles------------------ */
.searchbox_ac_list
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : #ffffff;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : hand;
    text-align : left; 
    list-style-type :none;
    font-weight:normal;
    font-size:8pt; 
    padding: 0px;
}

/* AutoComplete highlighted item */

.searchbox_ac_list_item_hl
{
	background-color: #2e448f;
	color: #ffffff;
	padding: 3px;
	line-height:9pt;
	margin:0px;
}

/* AutoComplete item */

.searchbox_ac_list_item 
{
	background-color : window;
	color : windowtext;
	padding : 3px;
	line-height:9pt;
	margin:0px;
}
/* ---------------------------------- END AJAX Autocomplete Suggestion Styles--------------- */
/* ----------------------------------AJAX Watermark Styles------------------ */
.searchbox_wm_text
{
	color:#333333
}
/* ---------------------------------- END AJAX Watermark Styles------------------ */
H1
{	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 23pt;
	font-weight: normal;
	line-height: 25pt;
	color: #C70019;
	padding-top: 0px;
	margin-top:15px;
	margin-bottom: 10px;
}
/* --------------------Thick box for redirect links ---------------------- */
#TB_window {
	
}
#TB_secondLine {
	
}
#TB_window A:link {
	color: #039
}
#TB_window A:visited {
	color: #039
}
#TB_window A:hover {
	color: #039
}
#TB_window A:active {
	color: #039
}
#TB_window A:focus {
	outline-width: 0px
}
#TB_overlay {
	z-index: 999; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px
}
.TB_overlayMacFFBGHack {
	background: url(/graphics/thickbox/tb-mac-overlay.png)
}
.TB_overlayBG {
	filter: alpha(opacity=75); background-color: #000; -moz-opacity: 0.75; opacity: 0.75
}
#TB_window {
	z-index: 999; border-bottom: #fff 2px solid; POSITION: fixed; TEXT-ALIGN: left; BORDER-LEFT: #fff 2px solid; DISPLAY: none; BACKGROUND: url(/graphics/thickbox/orc.gif) #fff no-repeat center 20px; BORDER-TOP: #fff 2px solid; TOP: 50%; BORDER-RIGHT: #fff 2px solid; LEFT: 50%
}
#TB_window IMG #TB_Image {
	border-bottom: #ccc 1px solid; border-left: #666 1px solid; margin: 15px 0px 0px 15px; display: block; border-top: #666 1px solid; border-right: #ccc 1px solid
}
#TB_caption {
	float: left; height: 25px
}
#TB_closeWindow {
	float: right; height: 25px
}
A#TB_closeWindowButton {
	text-align: left; text-indent: -9999px; margin: -9px -12px 2px 0px; width: 70px; display: block; background: url(/graphics/thickbox/tb-btn-close.gif) no-repeat right top; height: 26px
}
A#TB_closeWindowButton:hover {
	background-position: 50% bottom
}
#TB_closeAjaxWindow {
	text-align: center; padding-bottom: 0px; text-transform: uppercase; margin: 2px 2px 0px 0px; padding-left: 0px; padding-right: 10px; float: right; color: #666; font-size: 10px; padding-top: 7px
}
#TB_ajaxWindowTitle {
	padding-bottom: 0px; padding-left: 10px; padding-right: 0px; float: left; color: #036; font-size: 12px; padding-top: 6px
}
#TB_title {
	height: 45px !important
}
#TB_ajaxContent {
	text-align: center; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; clear: both; overflow: auto; padding-top: 20px
}
.TB_modal#TB_ajaxContent {
	padding-bottom: 15px; padding-left: 15px; padding-right: 15px; color: #000; padding-top: 15px
}
#TB_ajaxContent H2 {
	margin-bottom: 0.3em; color: #000; font-size: 13px
}
#TB_ajaxContent P {
	font-size: 12px
}
#TB_ajaxContent DIV.graybox {
	padding-bottom: 4px; background-color: #ccc; margin: 10px auto; padding-left: 0px; width: 340px; padding-right: 0px; word-wrap:break-word;overflow:hidden; padding-top: 6px
}
#TB_ajaxContent DIV.graybox DIV {
	padding-bottom: 4px; padding-left: 0px; padding-right: 0px; padding-top: 4px
}
#TB_load {
	z-index: 103; position: fixed; margin: -6px 0px 0px -104px; width: 208px; display: none; height: 13px; top: 50%; left: 50%
}
#TB_HideSelect {
	z-index: 99; position: fixed; border-bottom-style: none; filter: alpha(opacity=0); border-right-style: none; width: 100%; border-top-style: none; height: 100%; border-left-style: none; top: 0px; left: 0px; -moz-opacity: 0; opacity: 0
}
#TB_iframeContent {
	clear: both; overflow:hidden;
}