/* ======== TAG REDEFINITIONS ========= */
HTML {
	background-color: #666666;	
}

BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #666666;
	margin:15px 0px 0px 0px;
	padding:0px;
}

FORM {
	margin:0px;
	padding:0px;
}

ul {
	margin:0px;
	padding:0px;
}

li {
	margin:0px;
	padding:0px;
}

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
/* ======== DIV IDS ========= */
#homePage {
	width: 800px;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#homePage a {
	text-decoration:underline;
}

#topNav {
	height:85px;
	font-size:x-small;
	text-align:left;
	color:#000000;
	background-color:#FFFFFF;
}

#logo {
	float:left;
}

#searchbox {
	float:left;
	margin: 10px 0px 0px 58px; 
}

#searchbox A {
text-decoration:none;
}

#systranBox {
float:right;
	width:130px;
	vertical-align:middle;
	text-align:center;
	padding-top: 5px;
}
#systranBox .button {
	font-size:9px;
	margin: 0px 0px 0px 2px;
	padding:0px;
}
#systranBox .combo {
	font-size:9px;
	width:70px;
	margin-right:1px;
	margin-left:0px;
	padding:0px;
}

#navLinks {
	clear:both;
	color:#878787;
	padding-top:5px;
	text-align:center;
}

#navLinks A:link {
	color:#000000;
	text-decoration:none;
}
#navLinks A:hover, #homePage A:active {
	color:#000000;
	background-color:#d4e7fb;
	text-decoration:none;
}
#navLinks A:visited {
	color:#000000;
	text-decoration:none;
}

#navLinks ul {
	list-style:none;
	margin:0px;
	padding-bottom:2px;
}


#navLinks li {
	display:inline;
	margin-left:-5px;
}

#contentLeft {
	margin-top:8px;
	float:left;
}

#contentRight {
	float:right;
	margin-top:8px;
}

#alert {
}

/* ======== DIV CLASSES ========= */
.announcement {
	width:794px;
	padding:3px;
	margin:0 auto;
	margin-top:5px;
	font-size:small;
	text-align:center;
	color:#000;
	background-color:#FFFFFF;
}

.announcement a {
	text-decoration:underline;
}

.quickLogin {
	margin:3px 0px 5px -5px;
}

.signUp {
	padding-top:10px;	
}

.notice {
	padding-top:130px;
	height:166px;	
}


.formText {
	width:445px;
}

.pagesize {
	display:none;
	text-align:right;
	padding:2px 5px 8px 0px;
}

.pagesize a:link, a:visited {
	text-decoration:none;
}

.pagesize a:hover {
	background-color:#d4e7fb;
}

.icanhas {
	width:451px;
	height:22px;
	margin:0px 0px 0px 0px;
}

.dropDown {
	width:446px;
}

.rightend {
	padding: 2px 6px 2px 5px;
	border-right:#878787 solid 1px;
	border-left:#878787 solid 1px;
}
.leftend {
	padding: 2px 6px 2px 5px;
	border-left:#878787 solid 1px;
}

.searchButtons {
	color:#878787;
	padding-bottom:3px;
	margin-left:5px;
}

.searchButtons A {
	font-weight:bold;
	text-decoration:none;
	color:#878787;
}

.searchtype a {
	color:#000000;
	text-decoration:none;
}

.OCLSSearchLabel {
	color:#878787;
}

.buttonSmall {
	vertical-align:top;
	padding-left:5px;
}


.comboNoFormSmall {
	font-size:x-small;
}

.whiteTop {
	height:6px;
	width:489px;
	background-image:url(images/hp/whitebox_top.jpg);
	background-repeat:no-repeat;
}

.whiteBottom {
	height:6px;
	width:489px;
	background-image:url(images/hp/whitebox_bottom.jpg);
	background-repeat:no-repeat;
}

.contentMain {
	padding:10px 4px 5px 4px;
	color:#000000;
	height:506px;
	width:481px;
	background-color:#FFFFFF;
	text-align:left;
}

.blueBox {
	margin-top:3px;
	padding-bottom:4px;
	height:110px;
	width:304px;
	text-align:left;
	background-image:url(images/hp/bluebox.jpg);
	background-repeat:no-repeat;
	color:#000000;s
}

.blueBox H4 {
	font-size:small;
	margin:0px 5px 0px 5px;
	padding:5px 0px 3px 0px;
	color:#000000;
	border-bottom:#FFFFFF solid 1px;
}

.blueBoxCT {
	margin:0px;
	padding:5px 5px 0px 5px;
}

.blueBoxCB {
	clear:both;
	text-align:right;
	padding-right:5px;
}

.blueBox IMG {
	padding:0px 5px 0px 0px;
	float:left;
}

.promoBox {
	font-size:12px;
	padding-bottom:3px;
}

.promoBox IMG {
border:#FFF solid 1px;
}

.promoBox a{
	color:#FFFFFF;
	text-decoration:none;
}

.endBox {
	clear:both;
	margin: 5px 0px 0px 0px;
	padding:5px;
	color:#000000;
	font-size:x-small;
	background-color:#FFFFFF;
}

.ocls {
	height:39px;
	width:489px;
	padding-top:10px;
	display:block;
	background-image:url(images/hp/OCLS_loy.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

.ocls span {
	display:none;
}

.left {
	float:left;
}

.right {
	float:right;
	width:325px;
}

.quickBox {
	width:148px;
	padding:2px 0px 5px 0px;
	margin-top:2px;
	border:#cbcaca solid 1px;
	text-align:center;
}

.quickBox ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 4px;
	text-align:left;
	list-style:none;
}

.quickBox li {
	padding-bottom:2px;
}

.quickBox A{
	text-decoration:underline;
}

.lowerNav {
padding-left:2px;
}

/* Catalog Button */
.catalog a {
	margin-top:5px;
	display:block;
	width: 146px;
	height: 32px;
	background-image:url(images/hp/buttons/library_catalog.gif);
}

.catalog span {
	display:none;
}

/* Innovations Button */
.innovations a {
	margin-top:5px;
	display:block;
	width: 146px;
	height: 32px;
	background-image:url(images/hp/buttons/innovations.gif);
}

.innovations span {
	display:none;
}

/* Virtual Library Button */
.virtual a {
	margin-top:5px;
	display:block;
	width: 146px;
	height: 32px;
	background-image:url(images/hp/buttons/virtual_library.gif);
}

.virtual span {
	display:none;
}

/* Classes Button */
.classes a {
	margin-top:5px;
	display:block;
	width: 146px;
	height: 32px;
	background-image:url(images/hp/buttons/classes.gif);
}

.classes span {
	display:none;
}

/* Kidsconnect Button */
.kidsconnect a {
	margin-top:5px;
	display:block;
	width: 146px;
	height: 32px;
	background-image:url(images/hp/buttons/kidsconnect.gif);
}

.kidsconnect span {
	display:none;
}

/* Informed Teens Button */
.informed a {
	margin-top:5px;
	display:block;
	width: 146px;
	height: 32px;
	background-image:url(images/hp/buttons/IT.gif);
}

.informed span {
	display:none;
}

/* Media Downloads Button */
.media a {
	margin-top:5px;
	display:block;
	width: 146px;
	height: 32px;
	background-image:url(images/hp/buttons/media_downloads.gif);
}

.media span {
	display:none;
}

/* Databases Button */
.databasesB a {
	margin-top:5px;
	display:block;
	width: 146px;
	height: 32px;
	background-image:url(images/hp/buttons/databases.gif);
}

.databasesB span {
	display:none;
}


/* Press Button */
.press a {
	margin-top:5px;
	display:block;
	width: 146px;
	height: 32px;
	background-image:url(images/hp/buttons/press_room.gif);
}

.press span {
	display:none;
}


.flashBox {
	width:328px;
	height:310px;
	margin:0px 0px -2px 0px;
	padding:0px;
}

.greenBox {
	width:307px;
	height:99px;
	background-color:#b0e4ca; 
	margin:2px 0px 4px 1px;
}

.greenBox a {
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.greenBox IMG {
	border:none;
}

.lightGreenBox {
	width:307px;
	height:99px;
	background-color:#e2f4eb; 
	margin:2px 0px 4px 1px;
}

.lightGreenBox a {
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.lightGreenBox IMG {
border:none;
}

.newsPhoto {
	float:left;
	padding:7px 0px 0px 5px;
}

.newsText {
	float:left;
	width:210px;
	padding:5px 0px 0px 5px;
	font-size:11px;
	
}

.newsText H3 {
	margin:0px;
	padding:0px 0px 5px 0px;
	font-size:11px;
}

.miniText {
	background-color:#b0e4ca;
	padding:4px 2px 4px 2px;
	text-align:center;
	margin:2px 0px 2px 1px;
	width:303px;
	font-size:x-small;
}


.videoBox {
	width:302px;
	height:160px;
	margin-top:4px;
	padding:2px 2px 0px 2px;
	border:#cbcaca solid 1px;
	text-align:left;
}

.videoBox h4 {
	margin:0px;
	padding:5px 0px 5px 5px;
	font-size:small;
}

.vidsmallBox {
	float:left;
	width:92px;
	height:110px;
	margin-left:3px;
	border:#cbcaca solid 1px;
	padding:1px 1px 1px 1px;
}

.vidsmallBox A IMG {
	text-decoration:none;
	border:none;
}

.vidsmallBox p {
	margin:0px;
	padding:5px 2px 0px 2px;
}

.vidsmallBox span {
	color:#999999;
}

.vidBoxLink {
	padding:3px 3px 0px 0px;
	text-align:right;
	clear:both;
}

.cNotice {
	color:#FFFFFF;
	font-size:8px;
	text-align:right;
	padding-top:5px;
}

.cNotice a {
	color:#FFFFFF;
}

.socialLinks {
	float:left;	
}

.socialLinks IMG {
	padding:5px 5px 5px 0px;	
}

/* Cell Stylings */

	/* Background colors for the main body and the top navigation bar */
	.cellBodyBackground {
		background-color:#66CC99;
	}
	.cellTopNav {
		background-color:#FFFFFF;
	}
	/* End background colors for the main body and the top navigation bar */
	
	/* Styles for the top two divs in the side nav */
	.sideNavWBLocationsColor, .sideNavWBGYCColor, .sideNavWBAboutColor, .sideNavWBConfusedColor, 
	.sideNavWBSiteMapColor, .sideNavWBCatalogColor, .sideNavWBVirtualLibraryColor, .sideNavWBProgramsColor, 
	.sideNavWBChildrenColor, .sideNavWBNewsColor, .sideNavWBLogInColor {
		border-bottom-width: thin;
		border-bottom-style: solid;
		border-bottom-color: #FFFFFF;
		font-size:small;
	}
	.sideNavWBLocationsColor {
		background-color:#CCCC66;
	}
	.sideNavWBGYCColor {
		background-color:#99CCCC;
	}
	.sideNavWBAboutColor {
		background-color:#CC9966;
	}
	.sideNavWBConfusedColor {
		background-color:#CCCC99;
	}
	.sideNavWBSiteMapColor {
		background-color:#99CC99;
	}
	.sideNavWBCatalogColor {
		background-color:#9999CC;
	}
	.sideNavWBVirtualLibraryColor {
		background-color:#CCCC99;
	}
	.sideNavWBProgramsColor {
		background-color:#99CCFF;
	}
	.sideNavWBChildrenColor {
		background-color:#FFFF99;
	}
	.sideNavWBNewsColor {
		background-color:#FF9999;
	}
	.sideNavWBLogInColor {
		background-color:#FFCC99;
	}
	.loginColorCell {
		background-color:#FFCC99;
	}
	.cardColorCell {
		background-color:#99CCCC;
	}
	.newsColorCell {
		background-color:#FF9999;
	}
	
	/* End Side Nav Divs */
.colorStrip {
	background-image:url(../../Images/Graphics/colorStrip.gif);
	background-repeat:repeat;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.grid3Col IMG, .grid3Col P {
	font-size:x-small;
}

/* Tables */
.tableWithBorder {
	border:1px solid #FFFFFF;
}
.tableWithBorder TD, .tableWithBorder TH {
	border:1px solid #FFFFFF;
}

.tdBodyHeader {
	
}
/* ======== LOADER ========= */
#loader {
	height:296px;
	text-align:center;
	display:none;
}

#loader IMG {
	margin-top:130px;	
}

#loader2 {
	text-align:center;
	background-color:#FFF;
}

#loader2 IMG {
	margin-top:115px;	
}

/* ======== PROMO BOX ========= */
#promoBoxContent {
	background-color:#FFF;
	position:relative;
	top:0px;
	left:0px;
	width:304px;
	height:252px;
	color:#000;
	display:none;
}

#promoBoxContent A {
	color:#000;	
}

#contentMain {
	padding:10px 4px 5px 4px;
	color:#000000;
	height:506px;
	width:481px;
	background-color:#FFFFFF;
	text-align:left;
}

.promoImgHolder {
	position:absolute;
	top:1px;
	left:1px;
	overflow:hidden;
	width:302px;
	height:230px;
	color:#F03;
}

#pBoxPanel {
	position:absolute;
	top:234px;
	left:0px;
}

#pBoxImg {
	height:230px;
	width:302px;
	cursor:pointer;
}

.pLittleBox {
	float:left;
	width:15px;
	height:15px;
	background-color:#333;
	margin:0px 0px 0px 5px;
}


/* ======== NEWS BOX ========= */
#newsBoxContent {
}

#newsBoxContent a {
	text-decoration:none;	
}

#newsBoxContent img {
	border:none;
}

.newsContent {
	width:316px;
	padding:2px 2px 4px 2px;
	margin-bottom:2px;
	height:65px;
	border-bottom:dotted #999 1px;
}

.newsImg {
	float:left;
	padding:0px 5px 0px 0px;
}

.newsWordsImg {
	float:left;
	width:240px;
}

.newsWords {
	padding:5px;
	width:310px;
}

#seeNews {
	text-align:right;
	padding:2px 8px 2px 0px;
	margin-right:3px;
	background-color:#b0e4ca;
	width:314px;
}

.miniText2 {
background-color:#b0e4ca;
padding:4px 2px 4px 0px;
text-align:center;
margin:2px 0px 2px 1px;
width:318px;
}

.videoBox2 {
	width:308px;
	height:160px;
	margin-top:8px;
	padding:2px 2px 0px 10px;
	border:#cbcaca solid 1px;
	text-align:left;
}

.videoBox2 h4 {
	margin:0px;
	padding:5px 0px 5px 5px;
	font-size:small;
}