* { margin: 0; padding: 0; border: 0; }

body { font-family: Verdana; background-color: #000066; }

#header { 
	background: #000066 url(../images/top_branding.gif);
	width: 770px;
	height: 79px;
}

#header a {
	position: absolute;
	text-decoration: none;
}

#header #sedl {
	width: 770px;
	height: 79px;
}

#header #as {
	width: 770px;
	height: 79px;
	left: 125px;
}

#header a i { visibility: hidden; }

#grid { background: #3366CC url(../images/grid_bkgrnd.gif) top left no-repeat; width: 770px; float: left; }

#ast-logo { background: url(../images/ast_logo_off.gif) top right no-repeat;  margin-top: 9px; float: left; width: 291px; height: 14px; padding-left: 13px; }

#ast-logo a { text-decoration: none; width: 291px; height: 14px; position: absolute; }
#ast-logo a i { visibility: hidden; }

#ast-logo a:hover { background: url(../images/ast_logo_on.gif) top left no-repeat; }

#search { width: 189px; height: 17px; float: left; margin-top: 9px; padding-left: 272px; }
#search input { float: left; }

.input-box input { width: 118px; background: #D8E1EB; border: 1px solid #0033CC; margin-right: 3px; }

#all-practices { position: absolute; top: 125px; left: 574px; }

#content { float: left; }

.sci-head { background-image: url(../science/images/science_icon.gif); width: 760px; height: 114px; }

.about-head { background-image: url(../images/top_slant.gif); width: 760px; height: 114px; float: left;}

h1 {
	font-family: Verdana;
	font-size: 12px;
	color: #fff;
	padding: 84px 0 0 30px;
}

.title { font-size: 17px; }

#main-container { float: left; padding-left: 13px; }

#main-content-container { float: left; width: 747px; background-color: #1212CA; }

#main-content { background-color: #ffffff; float: left; width: 735px; padding-bottom: 36px; border: 2px solid #6699FF; font-size: 11px; }

#tab-content { background-color: #ffffff; float: left; padding-bottom: 36px;  font-size: 11px; width: 730px; }

#main-content .text, #tab-content .text { width: 490px; float: left; margin-top: 20px; padding: 0 12px 0 15px; }

#main-content #about .text, #main-content #ten-ways .text, .general-content .text, #lessons .text { border-right: 1px dashed #B2CCFF; }

#main-content .text b, #tab-content .text b { font-size: 11px; }

#main-content .text li, #tab-content .text li { margin-left: 35px; }

#tab-content .text ul { margin-bottom: 10px; }

#main-content .video-index { width: 695px; float: left; padding-left: 15px; }

#main-content #about-content, #tab-content #about-content { float: left; }

#main-content #about-content .text, #tab-content #about-content .text { width: 475px; }

.general-content { font-size: 11px; width: 695px; float: left; }
.general-content a { color: #000099; }
.general-content h2 { font-size: 12px; font-weight: bold; color: #000099; }
.general-content h3 { font-size: 13px; color: #3366CC; margin-top: 10px; }
.general-content h4 { font-size: 11px; font-weight: bold; color: #3366CC; margin-top: 10px; }
#about .text h2, .general-content h5 { font-size: 14px; }
.general-content .practice-title { font-weight: bold; }
.general-content li { list-style-type: none; margin-left: 20px; line-height: 16px; }

.video-index .video-blurb {
	float: left;
	margin-top: 30px;
}

.video-index h2 { 
	font-size: 14px;
	font-weight: bold;
	color: #3366CC;
	clear: both;
	margin: 18px 0 -20px 0;
}

.video-blurb img { float: left; }

.video-blurb div {
	float: left;
	width: 440px;
	height: 78px;
	margin-left: 15px;
}

.video-blurb div p {
	margin-top: -8px;
}

.video-index .video-format { color: #666666; }

.blue-dotted-line { margin-top: 16px; }
#about-content .blue-dotted-line { margin-left: 15px; }

#main-content #ten-ways, #main-content #about, #main-content #lessons { float: left; }

#main-content #ten-ways h2 { font-size: 13px; }

#main-content .images { float: left; padding: 20px 0 0 17px; }
#lessons .images { float: left; padding: 20px 0px 0 15px; }

#main-content #ten-ways .images img { margin-bottom: 200px; }
#main-content #about .images img { border: 2px solid #6699FF; margin-bottom: 200px; }

#main-content b, #tab-content b { font-size: 12px; }

#main-content p, #tab-content p { padding: 7px 0; }

#about-content .text ul { margin-left: 28px; }

#lessons .lesson { color: #3366CC; }
#lessons p { line-height: 16px; }
#lessons li { list-style-type: none; }

#practice-dropdown { 
	margin-top: 5px;  
	width: 184px; 
	float: left;
	border-top: 1px solid #000099;
}

#all-practices h3.toggler, h4.toggler {
	font-size: 10px;
	color: #3366CC;
	background: #CADFF5 url(../images/menu_arrow_open.gif) 95% 50% no-repeat;
	padding: 3px 0px 3px 10px;
	border-left: 1px solid #000099;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	clear: both;
}

#menuitems { height: 300px; }

#menuitems .element {
	border-left: 1px solid #000099;
	border-right: 1px solid #000099;
	float: left;
}

#all-practices .menu-item {
	font-size: 10px;
	color: #003399;
}

#all-practices .menu-item a { 
	color: #003399;
	text-decoration: none;
	background: #D4F0DD;
	float: left;
	width: 162px;
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #6A9CCD;
}

#all-practices .menu-item a:hover { color: #FFFFFF; }

.Science h4.toggler { background: #7EC3B9 url(../images/menu_arrow_science.gif) 95% 50% no-repeat; }
.Math h4.toggler { background: #C8A5EE url(../images/menu_arrow_math.gif) 95% 50% no-repeat; }
.Literacy h4.toggler { background: #FBA524 url(../images/menu_arrow_lit.gif) 95% 50% no-repeat; }
.Arts h4.toggler { background: #DD7CA9 url(../images/menu_arrow_arts.gif) 95% 50% no-repeat; }
.Technology h4.toggler { background: #839DE7 url(../images/menu_arrow_tech.gif) 95% 50% no-repeat; }
.Homework h4.toggler { background: #E8CA27 url(../images/menu_arrow_hw.gif) 95% 50% no-repeat; }

#all-practices .Science .menu-item a { background-color: #D4F0DD; }
#all-practices .Math .menu-item a { background: #E2C1FB; }
#all-practices .Literacy .menu-item a { background-color: #FDCC9D; }
#all-practices .Arts .menu-item a { background-color: #F6CCDF; }
#all-practices .Technology .menu-item a { background-color: #C0CEF2; }
#all-practices .Homework .menu-item a { background-color: #F8EBA3; }

#all-practices .Science .menu-item a:hover { background-color: #7EC3B9; }
#all-practices .Math .menu-item a:hover { background-color: #C8A5EE; }
#all-practices .Literacy .menu-item a:hover { background-color: #FBA524; }
#all-practices .Arts .menu-item a:hover { background-color: #DD7CA9; }
#all-practices .Technology .menu-item a:hover { background-color: #839DE7; }
#all-practices .Homework .menu-item a:hover { background-color: #E8CA27; }

#blurb-container { 
	float: left;
	width: 357px;
}

#blurb { float: left; width: 357px; }

#blurb img { vertical-align: bottom; }

#blurb-bottom-overview {
	width: 286px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	padding: 4px 15px 10px 15px;
	border: 1px dashed #6699FF;
	background-color: #E0E7F6;
	margin: 91px 20px 0px 19px;
}

#blurb-bottom-literacy {
	width: 286px;
	margin-left: 19px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	padding: 4px 15px 10px 15px;
	border: 1px dashed #FF9900;
	background-color: #FDDBBA;
	border-top: 0;
}

#blurb-bottom-math {
	width: 286px;
	margin-left: 19px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	padding: 4px 15px 10px 15px;
	border: 1px dashed #B14DD3;
	background-color: #EFD7FD;
	border-top: 0;
}

#blurb-bottom-science {
	width: 286px;
	margin-left: 19px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	padding: 4px 15px 10px 15px;
	border: 1px dashed #339966;
	background-color: #CAEDDB;
	border-top: 0;
}

#blurb-bottom-arts {
	width: 286px;
	margin-left: 19px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	padding: 4px 15px 10px 15px;
	border: 1px dashed #CC0066;
	background-color: #F9E5EE;
	border-top: 0;
}

#blurb-bottom-tech {
	width: 286px;
	margin-left: 19px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	padding: 4px 15px 10px 15px;
	border: 1px dashed #597DE4;
	background-color: #D9E3FB;
	border-top: 0;
}

#blurb-bottom-homework {
	width: 286px;
	margin-left: 19px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	padding: 4px 15px 10px 15px;
	border: 1px dashed #E8CA27;
	background-color: #F9EFB5;
	border-top: 0;
}

#caption {
	font-family: Verdana;
	font-size: 11px;
	color: #333333;
	padding: 10px 0 5px 0;
}

#complete-video { 
	float: left;
	padding: 30px 0 0 220px;
}

#video-container { float: left; }

#video-overview { border: 4px solid #6699FF; width: 340px; float: left; }
#video-literacy { border: 4px solid #FBA524; /* width: 340px; */ float: left; }
#video-math { border: 4px solid #B14DD3; width: 340px; float: left; }
#video-science { border: 4px solid #33CC66; width: 340px; float: left; }
#video-arts { border: 4px solid #CC0066; width: 340px; float: left; }
#video-technology { border: 4px solid #597DE4; width: 340px; float: left; }
#video-homework { border: 4px solid #E8CA27; width: 340px; float: left; }

#video-still { vertical-align: bottom; }

.subhead1 { font-size: 14px; font-weight: bold; }

.subhead1 .overview { color: #0000CC; }
.subhead1 .literacy { color: #FF6600; }
.subhead1 .math { color: #9933CC; }
.subhead1 .science { color: #20734A; }
.subhead1 .arts { color: #B82A6D; }
.subhead1 .tech { color: #4067E0; }
.subhead1 .homework { color: #C1A633; }

.subhead2 { font-size: 12px; margin-bottom: -6px; font-weight: bold; }

.subhead2 .overview { color: #0000CC; }
.subhead2 .literacy { color: #FF6600; }
.subhead2 .math { color: #9933CC; }
.subhead2 .science { color: #20734A; }
.subhead2 .arts { color: #B82A6D; }
.subhead2 .tech { color: #4067E0; }
.subhead2 .homework { color: #C1A633; }

.tab-header { font-weight: bold; }
#related .tab-header { padding-top: 4px; }

#related .literacy .tab-header { color: #FF6600; }
#related .math .tab-header { color: #9933CC; }
#related .science .tab-header { color: #20734A; }
#related .arts .tab-header { color: #B82A6D; }
#related .tech .tab-header { color: #4067E0; }
#related .homework .tab-header { color: #C1A633; }

#related {
	float: left;	
	font-size: 11px;	
}

#related .literacy {
	border: 2px solid #FF9900;
	background: #FFB976;
	padding: 5px;
	width: 177px;
	margin: 20px 0 0 12px;
	padding-top: 0px;
}

#related .math {
	border: 2px solid #B14DD3;
	background: #DE9BF5;
	padding: 5px;
	width: 177px;
	margin: 20px 0 0 12px;
	padding-top: 0px;
}

#related .science {
	border: 2px solid #29B357;
	background: #A1DEB2;
	padding: 5px;
	width: 177px;
	margin: 20px 0 0 12px;
	padding-top: 0px;
}

#related .arts {
	border: 2px solid #CC0066;
	background: #E89FC1;
	padding: 5px;
	width: 177px;
	margin: 20px 0 0 12px;
	padding-top: 0px;
}

#related .tech {
	border: 2px solid #839DE7;
	background: #ACBDF3;
	padding: 5px;
	width: 177px;
	margin: 20px 0 0 12px;
	padding-top: 0px;
}

#related .homework {
	border: 2px solid #E8CA27;
	background: #F1E25F;
	padding: 5px;
	width: 177px;
	margin: 20px 0 0 12px;
	padding-top: 0px;
}

#related ul { margin-bottom: 10px; }

#related li {
	list-style-type: none;
	margin: 5px 0 0 15px;
}

#related a {
	text-decoration: none;
	color: #000099;
}

.link-box-indent { float: left; }

.link-box-indent a { float: left; width: 153px; margin-left: 20px; padding: 5px 0; }

.link-box { float: left; }

.link-box a { width: 173px; height: 30px; float: left; padding-top: 7px; }

#related .literacy .link-box a:hover, #related .literacy .link-box-indent a:hover { background: #FDD2A9; }
#related .math .link-box a:hover, #related .math .link-box-indent a:hover { background: #ECC1FB; }
#related .science .link-box a:hover, #related .science .link-box-indent a:hover { background: #BCEFCA; }
#related .arts .link-box a:hover, #related .arts .link-box-indent a:hover { background: #F8DEEA; }
#related .tech .link-box a:hover, #related .tech .link-box-indent a:hover { background: #D0DCFA; }
#related .homework .link-box a:hover, #related .homework .link-box-indent a:hover { background: #F8EBA3; }

body.video-pop { margin: 0px; }
#pop-title { font-family: verdana; font-size: 12px; color: #006; }
#vid-choice { width: 225px; text-align: left; padding: 20px; margin: 20px 0 0 0; border: 1px solid #006; background-color: #EEE; font-size: 11px; }
#vid-win-box { width: 376px; height: 500px; background-color: #FFF; text-align: left; }
#vid-win-container { width: 400px; height: 500px; background-color: #E8CA27; font-size: 11px; }
#vid-win-container #caption, #vid-win-container #caption-ie { width: 320px; height: 60px; padding: 8px; background-color: #F8EBA3; border: 2px solid #E8CA27; font-size: 14px; display: none;}

#footer {
	clear: both;
	font-size: 10px;
	color: #99CCFF;
	text-align: center;
	padding: 15px 0 20px 0;
}

#footer a { text-decoration: none; color: #99CCFF; }
#footer a:visited { color: #5FA8F2; }
#footer a:hover { color: #FFFFFF; }