BODY
{
	font-family: "Tahoma", serif;
	background-color: white;
	padding: 5px;
	margin: 0px;
}

ACRONYM       { border-bottom: 1px dashed #999999; }
ACRONYM:hover { border-bottom: 1px dashed black; cursor: help; }

IMG { border: 0px; }

H3,H4,H5 { margin-top: 0px; }

H3,H4 { margin-bottom: 0; }

/* Link Settings */
A:link    { color: #0066dd; text-decoration: underline; }
A:visited { color: #0066dd; text-decoration: underline; }
A:hover   { color: #66ccdd; text-decoration: none; }

A.plain:link    { color: #0066dd; text-decoration: none; }
A.plain:visited { color: #0066dd; text-decoration: none; }
A.plain:hover   { color: #66ccdd; text-decoration: none; }

ADDRESS { margin-top: 0; margin-bottom: 1em; }

.noTopMargin { margin-top: 0; }
.leftMargin { margin-left: 1em; }

/***************************
 ** ACCESSIBILITY CLASSES **
 ***************************/

.accessibilityHeader,
.accessibilitySection,
.accessibilityTag
{
	/* The equivalent of 'display: none' but leaves the elements readable by some screen readers */
	/* See http://www.csszengarden.com/063/063.css */
	display: inline;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -5000em;
	overflow: hidden;
	clip: rect(0,0,0,0);/* because 'height: 0' doesn't have any fun in IE5.5 */
	height: 0;/* because clip doesn't have any fun in IE6 */
}

/*****************************************************************************/
/* BEGIN Font Styles                                                         */

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }

.title { font-weight: bold; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.aside { color: #666666; font-size: 80%; }
.highlight { color: orange; }

.inline { display: inline; }
.block  { display: block; }

/*   END Font Styles                                                         */
/*****************************************************************************/


/*****************************************************************************/
/* BEGIN List Styles                                                         */

/* Default bullet list settings */
UL    { margin-top: 5px; margin-bottom: 3px; margin-left: 1em; padding-left: 2em; }
UL LI { margin-top: 5px; margin-bottom: 3px; }
LI UL { font-size: 12pt; } /* Keeps lists from inheriting their parents' font sizes (important because using em's) */
DL DD { margin-top: 5px; margin-left: 20px; }

UL.compact    { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
UL.compact LI { margin-left: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px;  padding-top: 0px; padding-bottom: 0px; }

UL.blank LI, LI.blank { list-style-image: url("/images/icons/blank.gif"); }
UL.doc   LI, LI.doc   { list-style-image: url("/images/icons/doc.gif"); }
UL.gif   LI, LI.gif   { list-style-image: url("/images/icons/gif.gif"); }
UL.gsp   LI, LI.gsp   { list-style-image: url("/images/icons/gsp.gif"); }
UL.html  LI, LI.html  { list-style-image: url("/images/icons/html.gif"); }
UL.imark LI, LI.imark { list-style-image: url("/images/icons/imark.gif"); }
UL.java  LI, LI.java  { list-style-image: url("/images/icons/java.gif"); }
UL.jpg   LI, LI.jpg   { list-style-image: url("/images/icons/jpg.gif"); }
UL.mov   LI, LI.mov   { list-style-image: url("/images/icons/mov.png"); }
UL.pdf   LI, LI.pdf   { list-style-image: url("/images/icons/pdf.gif"); }
UL.ppt   LI, LI.ppt   { list-style-image: url("/images/icons/ppt.gif"); }
UL.pub   LI, LI.pub   { list-style-image: url("/images/icons/mspub.gif"); }
UL.txt   LI, LI.txt   { list-style-image: url("/images/icons/txt.gif"); }
UL.xls   LI, LI.xls   { list-style-image: url("/images/icons/xls.gif"); }
UL.users LI, LI.users { list-style-image: url("/images/icons/kuser.png"); } 
UL.none LI,  LI.none  { list-style-image: none; list-style-type:none; }

UL.inlineList,UL.inlineList LI, LI.inlineList { display: inline; margin: 0; padding: 0; }
UL.inlineListItem LI, LI.inlineListItem { display: inline; margin: 0; padding: 0; }

/* (Do not have these images made yet) */
UL.note  LI, LI.note  { list-style-image: url("/images/icons/notepage.gif"); }
UL.pr    LI, LI.pr   { list-style-image: url("/images/icons/pr.png"); }

/* NOTE:
 *  Sm   => 16x16
 *  Med  => 22x22
 *  Lg   => 32x32
 *  XLg  => 48x48
 */

UL.newsSm  > LI,LI.newsSm  { list-style-image: url("/images/icons/16x16/knewsticker.png"); font-size: 100%; }
UL.newsMed > LI,LI.newsMed { list-style-image: url("/images/icons/22x22/knewsticker.png"); font-size: 138%; }
UL.newsLg  > LI,LI.newsLg  { list-style-image: url("/images/icons/32x32/knewsticker.png"); font-size: 200%; }
UL.newsXLg > LI,LI.newsXLg { list-style-image: url("/images/icons/48x48/knewsticker.png"); font-size: 300%; }

UL.starSm  > LI,LI.starSm  { list-style-image: url("/images/icons/16x16/star.png"); font-size: 100%; }
UL.starMed > LI,LI.starMed { list-style-image: url("/images/icons/22x22/star.png"); font-size: 138%; }
UL.starLg  > LI,LI.starLg  { list-style-image: url("/images/icons/32x32/star.png"); font-size: 200%; }
UL.starXLg > LI,LI.starXLg { list-style-image: url("/images/icons/48x48/star.png"); font-size: 300%; }

UL.etoysDownloadsList { padding-left: 85px; margin-bottom: 15px; }
UL.logoWinXLg  > LI,LI.logoWinXLg  { list-style-image: url("/images/logo-windows.png"); font-size: 300%; }
UL.logoMacXLg  > LI,LI.logoMacXLg  { list-style-image: url("/images/logo-mac.png"); font-size: 300%; }
UL.logoTogoXLg > LI,LI.logoTogoXLg { list-style-image: url("/images/logo-etoystogo.png"); font-size: 300%; }

/*   END List Styles                                                         */
/*****************************************************************************/


Ul.linksList { margin-top: 5px; margin-bottom: 10px; }
Ul.linksList>LI { margin-top: 0; margin-bottom: 0; }
Ul.linksList>LI>DL    { padding-left: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
Ul.linksList>LI>DL>DD { padding-left: 0px; margin-left: 15px; margin-top: 0px; margin-bottom: 0px; }

TABLE               { border: 1px solid #104A7B; border-collapse: collapse; margin-top: 10px; background-color: #; }
TABLE>TBODY>TR      { background-color: #E1E4F2; }
TABLE>TBODY>TR.odd  { background-color: #E1E4F2; }
TABLE>TBODY>TR.even { background-color: #F5F5FF; }
TABLE>TBODY>TR>TH   { border: 1px solid #104A7B; font-weight: bold; font-size: 150%; background-color: #D0DEE9; padding: 5px; }
TABLE>TBODY>TR>TD   { border: 1px solid #104A7B; font-weight: normal; padding: 5px; }

/* Align cell text to the right */
TABLE>TBODY>TR>TH.right, TABLE>TBODY>TR>TD.right, TABLE>TBODY>TR.right>TD, TABLE>TBODY>TR.right>TD { text-align: right; }

/* Allow for multiple levels of headers */
TABLE>TBODY>TR>TH.superHeader   { color: white; background-color: #5c7099; }

/* Wider Cells */
TABLE.wideCells>TBODY>TR>TH, TABLE.wideCells>TBODY>TR>TD { padding-right: 10px; padding-left: 10px; }


TABLE.slList               { border: 1px solid #104A7B; border-collapse: collapse; margin-top: 10px; background-color: #; }
TABLE.slList>TBODY>TR      { background-color: #E1E4F2; }
TABLE.slList>TBODY>TR.odd  { background-color: #E1E4F2; }
TABLE.slList>TBODY>TR.even { background-color: #F5F5FF; }
TABLE.slList>TBODY>TR>TH   { border: 1px solid #104A7B; font-weight: bold; font-size: 150%; background-color: #D0DEE9; padding: 3px; }
TABLE.slList>TBODY>TR>TD   { border: 1px solid #104A7B; font-weight: normal; padding: 3px; }

TABLE.fileList               { border: 1px solid #104A7B; border-collapse: collapse; margin-top: 0; background-color: #; }
TABLE.fileList>TBODY>TR      { background-color: #E1E4F2; }
TABLE.fileList>TBODY>TR.odd  { background-color: #E1E4F2; }
TABLE.fileList>TBODY>TR.even { background-color: #F5F5FF; }
TABLE.fileList>TBODY>TR>TH   { border: 1px solid #104A7B; font-weight: bold; font-size: 150%; background-color: #D0DEE9; padding: 3px; }
TABLE.fileList>TBODY>TR>TD   { border: 1px solid #104A7B; font-weight: normal; padding: 3px; }

TABLE.tagList               { border: 1px solid #104A7B; border-collapse: collapse; margin-top: 10px; background-color: #; }
TABLE.tagList>TBODY>TR      { background-color: #E1E4F2; }
TABLE.tagList>TBODY>TR.odd  { background-color: #E1E4F2; }
TABLE.tagList>TBODY>TR.even { background-color: #F5F5FF; }
TABLE.tagList>TBODY>TR>TH   { border: 1px solid #104A7B; font-weight: bold; font-size: 150%; background-color: #D0DEE9; padding: 3px; }
TABLE.tagList>TBODY>TR>TD   { border: 1px solid #104A7B; font-weight: normal; padding: 3px; }

/* Link Settings */
TABLE.slList A:link,    TABLE.fileList A:link,    TABLE.tagList A:link    { text-decoration: none; }
TABLE.slList A:visited, TABLE.fileList A:visited, TABLE.tagList A:visited { text-decoration: none; }
TABLE.slList A:hover,   TABLE.fileList A:hover,   TABLE.tagList A:hover   { text-decoration: none; }

#logoContainer { float: left; clear: both; width: 920px; }
#logoContainer #logo { float: left; }
#logoContainer #taglines { float: left; margin: 23px 0 0 50px; font-size: 30px; font-weight: bold; height: 100px; width: 430px; }
#logoContainer #taglines IMG { margin-top: -3px; }
/*
#logoContainer #taglines { float: left; margin: 0 0 0 50px; font-size: 30px; font-weight: bold; height: 108px; width: 430px; }
#logoContainer #taglines .taglineSpacer { float: left; width: 20px; margin-top: 0; color: #CCCCCC; font-size: 60px; }
#logoContainer #taglines #tagline1 { float: left; width: 125px; margin-top: 24px; }
#logoContainer #taglines #tagline2 { float: left; width: 125px; margin-top: 24px; }
#logoContainer #taglines #tagline3 { float: left; width: 125px; margin-top: 24px; }
*/

DIV#topnav {
	background: url(/images/blackline.gif) bottom left repeat-x;
	width: 926px;
	height: 43px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
}

DIV#topnavLine2
{
	width: 910px;
/*	background-color: white; */
	background: none;
	border-bottom: 1px dashed black;
	padding: 5px;
	margin: 0px;
	margin-bottom: 10px;
	float: left;
	clear: both;
}

DIV#topnavLine2>DIV.breadcrumbs
{
	float:left;
	width:585px;
}
DIV#topnavLine2>UL.breadcrumbs
{
	float:left;
	width:590px;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 3px 0 0 5px;
}
DIV#topnavLine2>UL.breadcrumbs LI
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

DIV#topnavLine2>DIV.navSearch { float:right; width: 310px; }

DIV#topnavLine2>DIV.navSearch>FORM { margin: 0px; padding: 0px; }
DIV#topnavLine2>DIV.navSearch>FORM INPUT.searchBox { width: 125px; }

#pageFooter { clear: both; padding: 10px; border-top: 1px dashed black; background-color: #CCCCFF; }
#pageFooter .logo-imark { float: right; padding: 0; margin: 0; margin-top: -8px; border: 0; }
#pageFooter .logo-mste  { float: left; padding: 0 0 0 5px; margin: 0; margin-top: -8px; border: 0; }
#pageFooter .download-link { padding: 0; margin: 0 0 0 275px; }

#tagsBreadcrumbsPane {
	clear: both;
	padding: 0;
	text-align: left;
	width: 900px;
	margin: 0 auto 10px auto;
}

#tagsBreadcrumbsPane H2 {
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
}

#tagsBreadcrumbsPane UL.breadcrumbsList {
	clear: both;
	width:890px;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#tagsBreadcrumbsPane UL.breadcrumbsList LI {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#list_pane,.list_pane {
	clear: both;
	padding: 0;
	text-align: center;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#list_pane .etoysProjectsList,
.list_pane .etoysProjectsList { overflow: hidden; clear: both; margin: 0; padding: 0; list-style-type: none; list-style-image: none; }

#presentation_pane {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
}

#presentation_pane HR {
	width: 90%;
}

#slideshow_title {
	font-weight: bold;
}

#slideshow_pane {
	/*width: 1024px;*/
	width: 920px;
	padding: 0px;
	margin: 0px;
	float: none;
	clear: both;
}

.pane_footer {
	clear: both;
	margin: 10px auto;
	text-align: center;
	font-size: 1.1em;
}

#container {
	/*width: 1024px;*/
	width: 920px;
	border-left: 3px solid black;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	padding: 0px;
	margin: 0px;
	/*background-color: #E2E7DC;*/
	float: left;
	clear: both;
}


.homeLeftCol
{
	float: left;
	width: 465px;
}

.homeRightCol
{
	margin-left: 498px;
	width: 400px;
}

.homeFirstRow { }
.homeNthRow { margin-top: 3em; }

UL.socialMediaLinks { display: block; list-style-image: none; list-style-type: none; margin: 0; padding: 0; text-align: center; }
UL.socialMediaLinks LI { display: inline-block; list-style-image: none; list-style-type: none; margin: 0 1em; padding: 0; }
UL.socialMediaLinks LI A { opacity: 0.8; filter: alpha(opacity=80); }
UL.socialMediaLinks LI A:hover,
UL.socialMediaLinks LI A:focus { opacity: 1; filter: alpha(opacity=100); }


/*****************************************************************************/
/* BEGIN Announcement Box Styles                                             */

.announceBox { border: 1px solid #63774C; background-color: none; padding: 0px; }
.announceBox>.heading { background: #CCCCFF; margin: 0px; padding: 5px; height: 40px; font-size: 1.75em; text-align: center; }
.announceBox>.content { background: none; margin: 0px; padding: 0px; }
.announceBox>.content>.padder { background: none; margin: 0px; padding: 5px; overflow: auto; }
.announceBox>.content H3,
.announceBox>.content P  { margin-top: 7px; margin-bottom: 7px; }
.announceBox>.content UL>LI>H3 { background-color: #C0CBB3; }

.announceBox .content .highlightLite { background-color: #E0E0E0; padding: 3px; width: 97%; border: 1px solid #C0CBB3; }
.announceBox .content .highlightLiteNew { background-color: #E0E0E0; padding: 3px; margin-top: 0; width: 48%; border: 1px solid #C0CBB3; }
.announceBox .content .highlightLite:hover,
.announceBox .content .highlightLite:focus,
.announceBox .content .highlightLiteNew:hover,
.announceBox .content .highlightLiteNew:focus { border: 1px solid black; }
/* Link Settings */
.announceBox .content .highlightLite A:link    { color: #0066dd; text-decoration: none; }
.announceBox .content .highlightLite A:visited { color: #0066dd; text-decoration: underline; }
.announceBox .content .highlightLite A:hover,
.announceBox .content .highlightLite A:focus   { color: #66ccdd; text-decoration: underline; cursor: pointer; }

/* WebTools News Listing */
.announceBox>.content .edu-il-ws-5478-153-content>UL { margin-left: 1em; padding-left: 8px; }
.announceBox>.content .edu-il-ws-5478-153-content>UL>LI { list-style-image: url("/images/icons/blank.gif"); }
.announceBox>.content .edu-il-ws-5478-153-content>UL>LI H4 { margin-bottom: 0; }
.announceBox>.content .edu-il-ws-5478-153-content>UL>LI .edu-il-ws-5478-153-description P:first-child { margin-top: 0; }

/* WebTools Calendar */
.announceBox>.content .edu-il-ws-2067-3-content>UL { margin-left: 0; padding-left: 0; }
.viewMore { float: right; clear: both; }


/* END Announcement Box Styles                                               */
/*****************************************************************************/


/********************
 * TAG CLOUD Styles *
 ********************/

.tagCloudTitle { /*float: left;*/ clear: left; width: 680px; margin: 0 auto; text-align: center; font-weight: bold; }
.tagCloudTitle .notes { font-weight: normal; }
.tagCloudTitle .larger { font-size: 1.1em; }

DIV.tagCloudLegend { /*float: right;*/ clear: right; border: 1px solid black; padding: 5px 10px; width: 190px; text-align: left; }

UL.tagCloudList { /*float: left; display: inline;*/ width: 680px; text-align: center; margin: 0 auto; padding: 0; list-style-image: none; list-style-type:none; }
UL.tagCloudList LI { display: inline; margin: 0; padding: 0; list-style-image: none; list-style-type:none; }
.class-series, .class-series A:link, .class-series A:visited { color: green; }
.class1, .class1 A:link, .class1 A:visited { color: #004080; }
.class2, .class2 A:link, .class2 A:visited { color: #0066dd; }
.class3, .class3 A:link, .class3 A:visited { color: orange; }


.fileBox
{
	border: 1px solid black;
	background-color: white;
	padding: 5px;
	margin: 5px;
	width: 300px;
	overflow: hidden;
}

/* Link Settings */
.fileBox A:link    { text-decoration: none; }
.fileBox A:visited { text-decoration: none; }
.fileBox A:hover   { text-decoration: none; }

.squeakletBox
{
	float:left;
	text-align: center;
	border: 1px solid black;
	background-color: white;
	padding: 5px;
	margin: 5px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	list-style-type: none;
	list-style-image: none;
}

.searchResultsSection
{
	float: left;
	width: 48%;
	margin: 5px;
	border: none;
}

.searchResultsPane
{
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

DIV.searchResultsSection>H2
{
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #003399;
}

.searchResultsSection>.searchResultsPane>.squeakletBox { width: 195px; margin: 4px; }

.squeakletInfoBox {
	clear: both;
	width: 600px;
	margin: 10px auto;
	text-align: left;
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 10px;
}

.squeakletInfoBox H2,
.squeakletInfoBox H3 { font-size: 1em; margin-top: 0; margin-bottom: 0; }

.squeakletInfoBox H2.inline,
.squeakletInfoBox H3.inline { display: inline; margin: 0; padding: 0; }

.squeakletInfoBox>IMG.thumbnail { float: right; }

.squeakletInfoBox .squeakletNotes,
.squeakletInfoBox .squeakletNotes UL LI { font-size: 90%; font-style: italic; }

.callout {
	width:700px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

DIV.standardPageWrapper
{
	/*width: 1000px;*/
	width: 900px;
	margin: 5px 10px;
	float: left;
}
DIV.standardPageWrapper>H1,
/*DIV.standardPageWrapper>H2,*/
DIV.standardPageWrapper>H3,
DIV.standardPageWrapper>H4,
DIV.standardPageWrapper>H5,
DIV.standardPageWrapper>H6  { margin-top: 0px; }

DIV.standardPageWrapper>H2 { margin-top: 1em; margin-bottom: 0.5em; }

FORM.contactusForm INPUT    { width: 400px; }
FORM.contactusForm TEXTAREA { width: 400px; height: 200px; }


.success
{
	clear: both;
	color: #5F7756;
	font-weight: bold;
	border: 1px solid black;
	background-color: #FFFFCC;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px;
}

.error
{
	clear: both;
	color: red;
	font-weight: bold;
	border: 1px solid black;
	background-color: #FFFFCC;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px;
}

.inlineEditInput       { cursor: pointer; border-bottom: 1px dashed black; }
.inlineEditInput:hover { background-color: #FFFFCC; }

.existingFileChooser
{
	overflow: auto;
	height: 100px;
	width: 95%;
	border: 1px solid black;
	margin: 5px;
	padding: 5px;
}


/**************************
 * Message Center Classes *
 **************************/

.message
{
	font-weight: bold;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 701px;
}

.messageFlow
{
	font-weight: bold;
	font-size: 80%;
	padding: 0px;
	margin: 0px;
}
DIV.messageFlow>DIV { padding: 5px; }

.messageWarning
{
	border: 1px solid #FFCC66;
	background-color: #FFFFCC;
	color: #990000;
	margin-bottom: 3px;
	padding: 10px;
}

.messageSuccess
{
	border: 1px solid #00FF00;
	background-color: #CCFFCC;
	color: #009900;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 10px;
}

.messageFailure
{
	border: 1px solid #FF0000;
	background-color: #FFCCCC;
	color: #990000;
	margin-top: 3px;
	padding: 10px;
}

/*
.message
{
	font-weight: bold;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.messageSuccess
{
	color: #00FF00;
	margin-bottom: 3px;
}

.messageFailure
{
	color: #FF0000;
	margin-top: 3px;
}
*/

/*****************************************************************************/
/* BEGIN Positioning Styles                                                  */

.alignLeft   { text-align: left; }
.alignCenter { text-align: center; }
.alignRight  { text-align: right; }

.floatright { text-align: right; float: right;}
.floatleft  { text-align: left;  float: left;}
.floatfarright { float: right; clear: right;}
.floatfarleft  { float: left;  clear: left;}

/* Block centering (Horizontal) */
/* See http://www.w3.org/Style/Examples/007/center#block */
.floatCenter { display: inline-block; margin-left: auto; margin-right: auto; }
.centered { margin-left: auto; margin-right: auto; }

.clearright { clear: right; }
.clearleft  { clear: left; }
.clearDiv   { clear: both; }
.clearBoth  { clear: both; height: 0px; }

/* Block centering (Vertical) */
/* We must specify the vertical centering on the CONTAINER */
/* Everything inside this container will be centered vertically */
/* See http://www.w3.org/Style/Examples/007/center#vertical */
.centerVerticalContainer { display: table-cell; vertical-align: middle; }


/*   END Positioning Styles                                                  */
/*****************************************************************************/