﻿/* Newsletters */
#newsletter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.4;
}
#newsletter p{
	margin:4px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9pt !important;
	line-height: 1.4 !important;
}
#newsletter div{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9pt !important;
	line-height: 1.4 !important;
}
#newsletter body{
background-color:white;
background-image:none !important;
}
#newsletter a{
	color: #6A5E16 !important;
}

#newsletter li{
	list-style: none !important;
	margin-left: 30px !important;
	padding-top: 5px;
}
#newsletter ul{
	list-style: none !important;
}


/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
li{
	list-style:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}



/*----------------------------
					 Calendar
----------------------------*/

#calendarContainer {
	text-transform: capitalize;
	border: 0px;
	/*margin: 0 auto;*/
	width: 170px;
	color: #000000;
	margin-bottom: 20px;
}

.calendar {
	border: none !Important;
	font-size: 1em;
	font-weight: 500;
	width: 95%;
}
.calendar .content{
	margin-top: 10px;
}
.calendar th {
	color: #FFFFFF;
	font-size: 9pt;
	padding: 7px 0px 6px 0px;
	border-bottom:1px;
	border-style: solid;
	border-color: #C4BD66;

}
/*
.calendar .weekend {
	background-color: #444;
}
*/
.calendar .other {
	color: #C4BD66;
}

.calendar a.exist {
	display: block;
	font-weight: bold;

}

.calendar td {
	vertical-align: top;
	border-bottom:1px;
	border-style: solid;
	border-color: #C4BD66;
	padding: 6px 3px 6px 3px;
    white-space: nowrap;
}
.calendar td .header a { color: #fff; }

#monthList .year { list-style-type:none; margin-left:0; color:#000000; font-weight: bold; font-size:1.1em; }
#monthList .open { font-size:0.9em;  }

#searchpage { margin-bottom: 20px; }
.searchpage h1 { font : 2em verdana, Arial, Sans-Serif; background: #414141; padding: 15px; margin-bottom: 15px; }
.searchpage input { margin-left: 5px; padding-left: 2px; }




/* Legal stuff */
#legalContent a{
	color: #000000;
}
#legalContent{
	background-position:left top;
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	border-width: 2px;
	border-color: black;
	border-style:solid;
	width: 900px;
	margin-left: 40px;
	padding: 15px;
	font-size: 10pt;
}

/* Modal Web Forms */
textarea {background-color:#fff; border: solid 1px #999; padding:5px;}
.modalWebForm{
	overflow:scroll;
	font-size: 8pt;
	height: 470px;
	width: 350px;
	margin: 0;
	padding: 0;
}
#ifofage{
	display: none;
}
#modalHeader{
	background-position:left top;
	background-repeat: repeat;
	position: relative;
	width: 100%;
	height: 39px;
}

#modalHeaderText{
	position: absolute;
	top: 10px;
	left: 5px;
}
.email_body{
	font-size: 8pt;
}
.modalWebForm .formLabel{
	float: left;
	width: 50px;
}
.modalWebForm .formElement{
	float: left;
	width: 100px;
}
.modalWebForm .modalTextbox{
	
}
#beOnTv{
}
/* BLOG */
#blogContainer {
	width: 745px;
	height: 406px;
	padding: 10px 0px 0px 10px;
	float: right;
	background-position: top right;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	border: 2px black solid;
	float: left;
	font-size: 9pt;
	line-height: 1.4;
}
.taggedlink{
	color: #603526 !important;
}
#blogContainer h1 a{
	font-size: 12pt;
	text-decoration: none;
}
#blogContainer #outer{
	overflow: auto;
	height: 340px;
	padding: 10px 0px;
}
#blogContainer img{
	padding-bottom: 7px;
}
#blogContainer a{
	color: #000000;
	text-decoration: underline;
}
#sidepanel{
	height: 400px;
	margin-left: 35px;
	width: 160px;
	float: left;
	background-color: #9C9100;
	color: #FFFFFF;
	font-size: 9pt;
	padding: 10px;
}
div.post{
	padding: 10px;
	margin-bottom: 10px;
	border: 1px gray solid;
	width: 95%;
}
p.tags{
	padding: 5px;
}
.posts{
	width: 700px;
}
p.categories{
	color: red;
}
.author{
	color: #9C9100;
}
.pubDate{
	font-size: 8pt;
}
div.text{
	font-size: 10pt;
	padding: 10px;
}
div.footer a{
	font-size: 8pt;
	color: #9C9100 !important;
	text-decoration: none !important;

}
.author a{
	color: #9C9100 !important;
	text-decoration: none !important;
}


.clear{
	clear: both;
}
.clearLeft{
	clear: right;
}
#swfThang{
	z-index:0;
}
#rightSwfButtons div.icon{
	float: left;
	padding-left: 15px;
}
#rightSwfButtons div.icon img{
	float: left;
}
#rightSwfButtons div.icon div{
	vertical-align: top;
	float: left;
	padding-top: 3px;
}
#leftSwfButtons div.icon{
	float: left;
	text-align: left;
	width: 125px;
}
#leftSwfButtons div.icon img{
	float: left;
}
#leftSwfButtons div.icon div{
	vertical-align: top;
	float: right;
	padding-top: 3px;
	text-align: left;
	width: 100px;
}
#leftSwfButtons{
	width: 200px;
	text-align: left;
}
#rightSide div.icon{
	width: 400px;
	margin-top: -10px;
	margin-left: -30px;
}
#rightSide div.icon img{
	float: left;
}
#rightSide div.icon div{
	padding-left: 20px;
	vertical-align: top;
	float: right;
	margin-top: -6px;
}

/* Press Page */
#inquiresDiv{
	margin-left: 5px;
}
.whiteBorder{
	padding: 10px 0px;
	border: 2px #FFFFFF solid;
}
#presslist{
	margin-left: 5px;
	font-size: 8pt;
	color: #FFFF00;
	font-weight: bold;
	list-style: none;
	list-style-type:none;
}
#presslist li{
	padding: 3px;
	font-size: 8pt;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position:left 3px;
	padding-left: 20px;
}

.pressArticle{
	width: 500px;
	clear: both;
	padding: 10px;
}

.pressArticle div{
	padding-left: 60px;
	display: block;
}

.pressArticle a{
	color: blue;
}

#press #leftColumn{
	border-width: 2px 2px 2px 2px;
	border-color: black;
	border-style:solid;
	font-size: 8pt;
	line-height: 1.3;
	height: 414px;
	width: 150px;
	background-color: #aea531;
	padding: 0px 10px;
}
#press #rightColumn{
	background-position:left top;
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	border-width: 2px 2px 2px 0px;
	border-color: black;
	border-style:solid;
	padding: 15px 0px 0px 20px;
	font-size: 8pt;
	height: 399px;
	width: 750px;
}
#press #rightColumn a{
	color:#6A5E16 !important;
	font-weight: bold;
	font-size: 10pt;
}
#press .scroller{
	width:600px !important;
	height:350px !important;
}
#press .scroller .scrollInner{
	width:590px !important;
	height:345px !important;
}
/* Cool Biz Stuff */
#resourceList{
	margin-left:10px;
	font-size: 10pt;
	list-style: none;
	list-style-type:none;
}

#coolBizstuff_kids a{
	color: blue;
}
#coolbizstuffParents a{
	color: #000000;
}
#generatedResourceList{
	height: 340px;
}
#coolbizstuffParents #centerColumn{
	width: 600px;
}
#coolbizstuffParents #centerColumn img{
	padding-left: 13px;
}
#coolbizstuffParents #centerColumn #scroller{
	width: 550px;
	height: 350px;
}
#generatedResourceList{
	width: 550px;
	height: 350px;
}
#coolBizStuffPage a{
	color: #6A5E16;
}
#cooldBizstuffKids{
	width: 100%;
}
#coolBizStuffPage #right{
	height: 100px !important;
	width: 250px;
}
#forKids{
	font-size: 12pt;
	font-weight: bold;
}
#forParents{
	font-size: 12pt;
	font-weight: bold;
}

#coolBizStuffPage #left{
	height: 100px !important;
	margin-left: 200px;
	width: 250px;
	margin-right: 100px;
}
#coolBizStuffPage{
	background-position:left top;
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	border-width: 2px 2px 2px 2px;
	border-color: black;
	border-style:solid;
	width: 930px;
	margin-left: 35px;
	font-size: 9pt;
	line-height: 1.2;
}
#coolBizStuffPage #content{
	height:50px !important;
	text-align: left !important;
	width: 800px !important;
}
#coreCurriculumDescription{
	font-size: 10pt;
}
#coreCurriculumSpace{
	width:475px;
	text-align:left;
	font-size: 10px;
}
#coreCurriculum{
	font-size: 8pt;
	font-weight: bold;
	list-style: none;
	list-style-type:none;
}
#coreCurriculumHeading{
	color: #603526;
	font-size: 12pt;
	font-weight: bold;
}
#coreCurriculum li{
	padding: 5px;
	font-size: 8pt;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 20px;
}
#coreCurriculum li a{
	font-size: 8pt !Important;
	font-weight: bold;
	color: #6A5E16;
	text-decoration: underline;
}

#left{
	float: left;
	width: 440px;
	height: 400px;
	text-align: left;
	font-size: 10pt;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0;
}

#right{
	float: left;
	width: 440px;
	height: 400px;
	text-align: left;
	font-size: 10pt;
	padding: 0;
	margin: 0;

}

.contentBox{
	clear: both;
	padding-top: 10px !important;
	padding: 0;
	margin: 0;
	
}
.thumbImg{
	float: left;
	height: 100px;
}
.rightContent{
	float: left;
	width: 340px;

}
#coolBizstuffKids #content div{
	text-align: left;
}
#coolBizstuffKids #content{
	background-position:left top;
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	border:3px black solid;
	height: 400px;
	width: 930px;
	padding: 10px;
	margin: 0;
}
.coolbizstuffkidslist{
	margin-left:10px;
	width: 300px;
	font-size: 8pt;
	color: #FFFF00;
	font-weight: bold;
	list-style: none;
	list-style-type:none;
}

.coolbizstuffkidslist li{
	padding: 5px;
	font-size: 8pt;
	width: 300px;
	color: #000000;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position:left 3px;
	padding-left: 20px;
}
.coolbizstuffkidslist li a{
	color: #6A5E16 !Important;
}
#resourceList li{
	padding: 0px;
	margin: 20px;
	margin-top: 0px;
	background-repeat: no-repeat;
	background-position:left top;
	padding-left: 20px;
	height: 17px;
	overflow:visible;
	line-height:1.3;
	padding-bottom: 10px;
}
#resourceList li a {
	font-weight: bold;
}
#coolBizStuffPage #content{
	width: 450px;
	height: 400px;
	text-align: left;
	font-size: 10pt;
	position: relative;
	margin-top: 20px;
}
#coolBizStuffPage #content a{
	font-size: 18pt;
	color: #000000;
}
#coolBizStuffPage #content div{
}


/* Vault Page */
#vaultPage #centerColumn{
	border-width:2px 2px 2px 2px;
	border-color: black;
	border-style: solid;
	/* adh mod from 480 to 490 */
	width: 700px;
	height: 401px;
}

#vaultPage #centerColumn .scroller{
	height: 100%;
	width: 100%;
	overflow: auto;
}
#vaultPage #centerColumn #scrollInner{
	/* padding-top: 55px; */
	/* adh mod from 10 px to 5 px*/
	padding-left: 10px;
	/*
	background-image: url('../images/images_vault/vault_bg_header.jpg');
	background-color: #FFFFFF;
	background-position: top right;
	background-repeat: no-repeat;
	*/
}

#vaultPage #leftColumn 
{
	/* adh mod from 240 px to 235 px*/
	width: 240px;
}
#bodyText{
	width: 100%;
	font-size: 10pt;
	line-height: 10pt;
}
#vaultHeader{
	margin-top: 10px;
	font-size: 12pt;
	font-weight: bold;
	color: #6B4234;
}
#issueNumber{
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	margin-bottom: 20px;
}
#posBottom{
	position: absolute;
	bottom: 10px;
}
#vaultPage #rightColumn
{
	clear:both;
	background-color: #000000;
	background-position: top left;
	background-repeat: repeat-x;
	border: 2px black solid;
	/* adh mod from 210 px to 205 px*/
	width: 100%;
	height: 100px;
	padding: 10px;
	position: relative;
}
#emailSignup{
	position: relative;
	margin-bottom: 10px;
	margin-top:10px;
}
#emailSignup span{
	position: absolute;
	width: 135px;
	top: 30px;
	left: 68px;
	font-size: 8pt;
	color: #000000;
}
#bizPublished{
	position: relative;
	margin-bottom:10px;
}
#bizPublished span{
	position: absolute;
	color: #000000;
	width: 135px;
	top: 40px;
	left: 68px;
	font-size: 8pt;
}

#inthisissue{
	margin-left:10px;
	font-size: 8pt;
	color: #FFFF00;
	font-weight: bold;
	list-style: none;
	list-style-type:none;
}
#issueHeading{
	font-size: 16pt;
	color: #FFFFFF;
}
#inthisissue li{
	padding: 5px;
	font-size: 8pt;
	color: #FFFF00;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 20px;
}
#vaultPage #leftColumn .scroller{
	height: 180px;
	width: 100%;
	overflow: auto;
}

#endbreak
{
	clear:both;
}

/* Show Page */
#clipHeading{
	background-color: #CAC671;
	height: 23px;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
}
#seasonHeading{
	color: #FFFFFF;
	background-color: #9C9100;
	height: 24px;
	overflow: hidden;
	margin-bottom: 1px;
	padding-top: 6px;
	padding-left: 10px;
	font-size: 9pt;
}
#showPage #centerColumn{
	border-width:2px 0px 2px 2px;
	border-color: black;
	border-style: solid;
	height: 391px;
	padding: 10px 15px 0px 15px;
}
#showPage #rightColumn{
	border: 2px black solid;
	width: 260px;
	background-color: #FFFFFF;
}
#showPage #leftColumn{
	width: 220px;
}
#seasonHeading select{
	font-size: 8pt;
}
#headerText{
	color: #603526;
	font-weight: bold;
	font-size: 12pt;
	padding-left: 15px;
	padding-top: 10px;
}
#synopsisText{
	font-size: 9pt;
	padding: 10px 15px 10px 15px;
}
#episodeList{
	background-color: #FFFFFF;
}
#episodeList li{
	background-color: #9C9100;
	color: #FFFF00;
	font-size: 9pt;
	padding: 8px;
	margin-top: 2px;
	margin-bottom: 1px;
}
#episodeList li a{
	color: #FFFFFF;
}
#episodeList li #number{
	float: left;
	height: 15px;
	margin-right: 5px;
}

.highlightLIclip{
	background-color: #9C9100!Important;
}
.highlightLI{
	background-color: #000000 !Important;
}
.highlightA{
	color: #FFFF00 !Important;
}

.highlightNumber{
	color: #FFFF00 !Important;
}
.highlightLISPAN{
	color: #FFFF00 !Important;
}
.highlightLIA{
	color: #FFFFFF !important;
}
#clipList{
	font-size: 7pt;
	background-color: #FFFFFF;

}
#clipList li{
	clear: both;
	padding-top: 2px;
	background-color: #FFFFFF;
	color: #000000;
	height: 52px;
	padding-right: 5px;
	line-height: 1.2;
}
#clipList li a{
	color: #000000;	
}
#clipList li a img{
	float: left;
	margin-right: 10px;
}
#clipList li a span{
	color: #6F6F0F;
	font-size: 8pt;
}
/* Scroller */
.scroller{
	height: 371px;
	width: 100%;
	overflow: auto;
}
.scrollerInner{
	width: 220px;
}
/* Text Styles */
#coolBizStuff div.boxText{
	top: 80px;
	left: 18px;
	color: #000000;
	font-size: 9pt;
	line-height: 1.3;
}
#coolBizStuff div.smButton div div{
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 6px;
	text-align: center;
}
#joinNow div div{
	width: 70px;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
}
#theVault div.boxText{
	position: absolute;
	top: 75px;
	left: 100px;
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	width: 150px;
}
#theVault div.vaultCount{
	position: absolute;
	top: 115px;
	left: 40px;
	color: #000000;
	font-size: 18pt;
	font-weight: bold;
}
#theVault div.vaultCount sub{
	font-size: 8pt;
}




#title{
	font-weight: 400;
	font-size: 10pt;
	color: #6A5E16;
}
#title strong{
	font-weight: bold;
	font-size: 10pt;
	color: #6A5E16;
}


/* Button Styles */
#coolBizStuff div.smButton, #coolBizStuff .boxText{
	position: absolute;
	width: 150px;
	left: 15px;
}
#forTeachers{
	top: 172px;
}
#forKids{
	top: 145px;
}
#joinNow{
	position: absolute;
	right: 9px;
	top: 113px;
}
.smButton{
	background-image:url('images/images_buttons/button_small_left.gif');
	background-position:left;
	background-repeat: no-repeat;
	height: 23px;
}
.smButton div{
	margin-left: 2px;
}
.smButton div div{
	background-image:url('images/images_buttons/button_small_right.gif');
	background-position:right top;
	background-repeat: no-repeat;
	height: 23px;
}
.lgButton{
	background-image:url('images/images_buttons/button_large_left.gif');
	background-position:left;
	background-repeat: no-repeat;
	margin-right: 10px;
	height: 33px;
}
.lgButton div{
	margin-left: 2px;
}
.lgButton div div{
	background-image:url('images/images_buttons/button_large_right.gif');
	background-position: right top;
	background-repeat: no-repeat;
	height: 33px;
}

/* Content Area Styles */
#leftColumn{
	margin-left: 25px;
	width: 258px;
	float: left;
}
#centerColumn{
	width: 428px;
	float: left;
}
#rightColumn{
	width: 258px;
	float: left;
}
#coolBizStuff{
	background-image:url('images/images_home/home_bizstuff_bg.gif');
	width: 258px;
	height: 249px;
	position: relative;
}
#theVault{
	background-image:url('images/images_home/home_vault_bg.gif');
	width: 258px;
	height: 164px;
	position: relative;
}
#showPage #videoPlayer{
	background-image: none;
}
#showPage #videoPlayer a{
	color: #000000;
}

#videoPlayer{
	text-align: center;
	background-image:url('images/images_home/home_show_bg.gif');
	z-index:0;
	width: 408px;
	height: 260px;
	padding: 3px 10px 10px 10px;
}
#swfControls{
	margin-top: 5px;
	font-size: 8pt;
	color: #FFFF00;
	font-weight: bold;
}
#leftSwfButtons{
	float: left;
	text-align: left;
	vertical-align:top;
	margin-left: 5px;
}
#rightSwfButtons{
	float: right;
	text-align: right;
	vertical-align:top;
	margin-right: 10px;
}
#leftSwfButtons #facebook{
	
}
#rightSwfButtons #email{
	float: left;
}
#leftSwfButtons #facebookLabel{
	
}
#leftSwfButtons #emailLabel{
	float: right;
}


#hotBlogs{
	width: 408px;
	padding: 10px;
}
#hotBlogs .date{
	font-size: 8pt;
	font-weight: bold;
}
#hotBlogs .summary{
	font-size: 8pt;
}
#hotBlogs a{
	padding-top: 8px;
	font-size: 8pt;
	font-weight: bold;
	color: #6A5E16;
}
#hotBlogs img{
	margin-top: 8px;
	margin-bottom: 8pt;
}
#showTimes{
	background-image:url('images/images_home/home_showtimes.gif');
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	width: 228px;
	height: 52px;
	padding: 13px 15px 5px;
}

#showTimes #zipCode{
	width: 100px;
	margin-top: 6px;
	float: left;
	font-size: 8pt;
}
#showTimes #submitButton{
	margin-top: 5px;
}
#tips{
	width: 234px;
	height: 121px;
	line-height: 1.3;
	padding: 5px 12px;
	font-size: 9pt;
}
#tips H3{
	color: #603526;
	font-size: 10pt;
}
#ads{
	width: 260px;
}

/* Structural Styles */
body{
	background-color: #f2f0dc;
	background-image: url("images/bizkids_bg_tile.gif");
	background-repeat: repeat-x;
	background-position: top left;
}
#mainContent{
	background-image: url('images/bg_glow.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	width: 1000px;
	text-align:left;
	margin-top: 0px;
}
img{
	text-decoration: none;
	border: none;
}
*{
	font-family: arial,helvetica,sans-serif;	
}
a{
	color: #FFFFFF;
	text-decoration: none;
}

/* Header Navigation Styles */
#headerNav{
	background-position: top right;
	background-repeat: no-repeat;
	height: 46px;
	width: 837px;
	float: left;
}
#headerTop{
	vertical-align: text-bottom;
	height: 37px;
	width: 837px;
	float: left;
}
#title{
	position: relative;
	top: 16px;
}
#header{
	width: 990px;
	padding-left: 10px;
}
#navList{
	margin-left: 4px;
	display: block;
	list-style: none;
}
#navList li{
	float: left;
	margin: 0 0.15em;
	padding: 14px 11px;
	margin-left: -4px;
	background-position: left top;
}
#logo{
	float: left;
}

/* Footer Styles */
#footer{
	width: 968px;
	height: 53px;
	margin-left: 15px;
	vertical-align: bottom;
	position: relative;
	clear: both;
}
#footer div{
	font-size: 8pt;
	clear: both;
}
#footer #footerBadge1{
	position: absolute;
	top: 10px;
	left: 20px;
}
#footer #footerBadge2{
	position: absolute;
	top: 15px;
	left: 95px;
}
#footer #footerBadge3{
	position: absolute;
	top: 10px;
	left: 190px;
	width: 300px;
}
#footer #footerBadge3 img{
	float: left;
}
#footer #footerLinks img{
	float: left;
}
#footer #footerLinks{
	position: absolute;
	top: 10px;
	left: 550px;
	width: 400px;
	text-align: right;
}
#footer a{
	color: #6A5E16;
	font-weight: bold;
}
/* hiding some TinyMCE features, rather than ripping them out in the code. */
span.bbcode { display:none; }
/* hiding Gravatar Messaging, since gravatars are not displayed. */
span#gravatarmsg { display:none; }

/* forcing widths for cleaner visual presentation. These should be namespaced pretty tightly. */
div#outer div.commentForm label { width:65px; line-height:22px; float:left; clear:left; display:block;}