@charset "UTF-8";
/* CSS Document */

/***************************************/
/*  colors used on this site          */
/*                                   */
/*  FEF8E9=beige/pink/ main bg      */
/*  FCF2D9=beige/yellow news bg    */ 
/*  808080=dark grey bg           */
/*  999999=light grey nav text   */
/*  666666=light grey text      */
/*  333333=darkest grey used   */
/*  629595=footer green bg    */
/*****************************/


*{
margin: 0px;
}

body{
	background-color:#808080;  /* grey */
}

/* default styles  */
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333; /*darkest grey in palette */
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: underline;
}
h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	font-variant:small-caps; 
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: lighter;
	margin-bottom: 15px;
	margin-top: 10px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	margin-top: 10px; 
}
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	margin: 0 1.5em; /*t&b=0 l&r=1em */
}
blockquote p {
	margin-top: 10px;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666; 
	line-height: 18px;
}
.clear { 
	clear:both; 
}
.sepupgreen {
	color: #629595; 
}
.sepupred {
	color:#CC0066;
}


/*'/-------start main container------------/*/

#wrapper{
background-image:url(../images/main_05.jpg);
width: 918px;
height: auto;
margin-right: auto;
margin-left: auto;
}


/*'/-------header and navigation------------/*/


#navigation{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;  /* light grey */
	float: right;
	padding-top: 48px; /* allows for LHS/UCB & sepup image maps (21+70) */
	margin-right: 20px;
}

#header {
	background-image: url(../images/main_02.jpg);
	height: 108px;
	width: 918px;
}
#header p { /*keep page flush to top of browser */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	margin-top: 0px; 
}
#navigation a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666; /* darker grey */
	margin-left: 40px;
}

#navigation a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	margin-left: 40px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

/*'/-------END header and navigation------------/*/

/*'/-------START main editable content area------------/*/

#content2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	line-height: 18px; 
	background-color: #FEF8E9; /* beige main bg  */
	color: #666666;
	margin-left: 10px;  
	margin-right: 18px;  
	margin-top: 5px; 
	height: auto;
	width: 890px; /* 875=full width,  890 w/margin */
	padding-bottom: 10px;
	 float:right; 
}

#content {
	display: block;
	margin-left: 25px;
	margin-right: 18px;
	margin-top: 5px;
	height: auto;
	width: 875px;
	padding-bottom: 10px;
}
#content h1 {
	font-family: verdana;
	color: #666666;
	font-size: 20px;
	font-weight: lighter;
	display: block;
	margin: 0px;
	width: 160px;
}
#content h2 {
	font-family: verdana;
	color: #666666;
	font-size: 18px;
	font-weight: lighter;
	display: block;
	margin: 0px;
	width: 160px;
}
#content img {
	display: block;
	float: left;
	margin-top: 15px;
}
img#tat_home {
	display: block;
	margin-left: 10px;
	float: left;
	margin-bottom: 10px;
}
img#pos_home {
	display: block;
	margin-left: 10px;
	float: left;
	margin-bottom: 15px;
}

#break{
	width: 900px;
	height:10px;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	margin-left: 9px;
	clear:both;
}
/*'/-------END main editable content area------------/*/

/*'/-------START news section------------/*/

#newsimage {
	background-image: url(../images/news.gif);
	display: block;
	height: 196px;
	width: 307px;
	margin-right: 10px;
	float: left;
}
#news{
	display: block;
	margin-left: 10px; 
	height: 200px;
	width: 873px;
	background-color: #FCF2D9;
	padding-left: 25px;
	padding-top: 15px;
	margin-right: 18px;
	padding-bottom: 15px;
}
#furtherinfo img {
	margin-top: 13px;
}

/*'/-------START editable news section------------/*/

#newssection {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	padding-top: 60px;
	display: block;
	height: 80px;
}

#newssection li a{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	text-decoration: none;
}

#newssection li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	text-decoration: underline;
	display: block;
}

#newsimage p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	float: right;
	padding-right: 5px;
	text-decoration: none;
}

#newsimage p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	float: right;
	padding-right: 5px;
	text-decoration: underline;
}

/*'/-------END editable news section------------/*/

/*'/-------START editable news for MIDDLE SCHOOL MODULE------------/*/


#msm_newsimage {
	background-image: url(../images/news.gif);
	display: block;
	height: 196px;
	width: 307px;
	margin-right: 10px;
	float: left;
	margin-top: 25px;
}
#subnav {
	display:block;
	margin-top: 20px;
	z-index: 5; /* allow menu layer (info, student, teacher) to sit over this */
}
#subnav img {
	display: block;
	margin-top: 10px;
}
#subnavsmall { /* constrain nav block for teacher's wide pages */
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 190px; /*  button imgs=167x31h */
	z-index: 5;
}
#subnavsmall img {
	padding: 0px;
	margin-top:15px;
	margin-right:15px;
	margin-bottom:5px;
	display: block;
}

#msm_newsimage p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	float: right;
	padding-right: 5px;
	text-decoration: none;
}

#msm_newsimage p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	float: right;
	padding-right: 5px;
	text-decoration: underline;
}


/*'/-------END editable news section for MIDDLE SCHOOL------------/*/

#furtherinfo {
	background-image: url(../images/furtherinfo.gif);
	background-repeat: no-repeat;
	display: block;
	width: 530px;
	float: left;
	left: 544px;
	top: 521px;
	margin-left: 25px;
}
#footer {
	background-color: #629595;
	display: block;
	margin-left: 9px;
	height: 50px;
	width: 875px;
	padding-left: 25px;
	margin-top: 25px;
	margin-right: 18px; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom:10px; /* added when added bottom nav & (C) info. -aj 3/14 */
	color: #9BE0E0;
	clear:both;
}
#footer a {
	color: #9BE0E0;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: none; 
	color: #003333;
	border-bottom-width: 1px; 
	border-bottom-style: solid;
	border-bottom-color: #003333;
}
/*
#footer p {  /* added -aj 3/14 *//*
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	color: #9BE0E0;
}*/
.aligncenter { text-align:center;}
/*'/-------MIDDLE SCHOOL content section------------/*/

#middleschool {
	display: block;
	height: auto;
	width: 490px;
	margin-top: 35px;
	margin-bottom: 100px;
	float: left;
}
#middleschool h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	margin-bottom:05px;
	margin-top: 10px;
}


/*/-----------------END-------------------/*/

/*/-------MIDDLE SCHOOL content section added -------/*/

#contentleft {
	display: block;
	margin-left: 25px;
	margin-right: 18px;
	margin-top: 5px;
	height: 550px;
	width: 325px;
	padding-bottom: 10px;
	float:left;
}

#middlecontent {
	display: block;
	margin-left: 25px;
	margin-right: 18px;
	margin-top: 5px;
	height: auto;
	width: 875px;
	padding-bottom: 10px;
}
#middlecontent table td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	margin-top: 10px; 
}

#contentearth {
	display: block;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 5px;
	height: auto;  /* was 550px */
	width: 450px;
	padding-bottom: 10px;
	float:left;
}

#earth {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	height: auto;
	width: 380px;
	margin-top:30px; 
	margin-bottom: 100px;
	float: left;
	margin-left: 30px;
}

#generalinfo {
	display: block;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 5px;
	height: auto; /* was 550 */
	width: 870px; /* full width */
	padding-bottom: 10px;
	float:left;
}
#generalinfo p {
	width: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 18px;
}
#generalinfo li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666; 
	line-height: 18px;
}
#imgleft {
	float: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 0px;
	border:0px;
}
#imgleftborder {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
#imgright {
	float: right;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	border:0px;
}
/*------------- student page styles -------------------*/

#studentcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	line-height: 18px; 
	background-color: #FEF8E9; /* beige main bg  */
	color: #666666;
	margin-right: 5px;   /* was 18 */
	margin-top: 5px; 
	height: auto;
	width: 875px; /* 875=full width,  890 w/margin */
	padding-bottom: 10px;
	 float:right; 
}
#studentcontent  h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666666;
	margin-top: 16px; /* align to teacher head position */
	margin-bottom: 10px;
	margin-left: 15px; /* keep header lined up*/
	font-variant: small-caps; 
}
#studentcontent img {
	display: block;
	width: auto;
	float: left;
	padding-left: 15px;
}
#studentcontent li {
	line-height: 18px;
	list-style-image: none;
	list-style-type: none;	
}
/*****change above to classes after done testing with nestedTest.css ********/

.secondlevel { /* multilevel <li> */
	margin-left:20px;
}

#stucontentfull {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	line-height: 18px;  
	color: #666666;  
	margin-left: 0px; /* sits inside middlewrapper */
	margin-right: 10px;
	margin-top: 0px; /* begin under book image 245px hi */
	height: auto;
	width: 875px; /* aligns with "home" in nav */
	padding-bottom: 10px;
	vertical-align:text-bottom;
	float:left;	
}

#stucontentfull li {
	line-height: 18px;
	list-style-image: none;
	list-style-type: none;	
}

#stulinksummary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	line-height: 18px; 
	color: #666666;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px; /* align w/top of book */
	height: auto;
	width: 535px; /* aligns w/home in nav */
	padding-bottom: 10px;
	float:right;
}
#stulinksummary h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 18px; 
	color: #333333; 
}

#subnavstu { /* subnav students section */
	display:block;
	width:170px;
	float:left; /* align to right of news section */
	padding-right: 160px;
	padding-left: 40px;
	vertical-align: top;
	margin-top: -10px;
}
#subnavstu img {
	display: block;
	width: auto; /* student, teachers buttons = 167 */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}	

#msm_newsimagestu p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	float:left;    
	padding-right: 5px;
	text-decoration: none;
}

#msm_newsimagestu p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	float: right;
	padding-right: 5px;
	text-decoration: underline;
}

/*'/-------left column of teacher's pages. aj ------------/*/

#teachleftcol {
	display: block;
	margin-left: 0px;
	margin-right: 18px;
	margin-top: 5px;
	height: auto; /* was 550 */
	width: 325px; 
	padding-bottom: 10px;
	float:left;
}

#contentteacher {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	line-height: 18px; 
	color: #666666; 
	margin-left: 0px; 
	margin-right: 8px;
	margin-top: 10px; /* align w/top of book */
	height: auto;
	width: 520px; 
	padding-bottom: 10px;
	vertical-align:top;
	float:right;
}

/*/------- right colum under main image top module section. aj ------------/*/

#contentmodule { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	line-height: 18px;
	color: #666666; 
	margin-left: 0px;
	margin-right: 9px; /* was 18 */
	margin-top:47px; /* exact for 2-line headers, if have 1-line heads use next */
	height: auto;
	width: 520px; /* 530 aligns with "home" main nav */
	padding-bottom: 10px;
	float:right;
}

#contentmoduleShortHead {  /* used for 1-line heads in modulesOneLineHead.dwt  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	line-height: 18px; 
	color: #666666; 
	margin-left: 0px;
	margin-right: 18px;
	margin-top: 26px; /* for 1-line headers */
	height: auto;
	width: 530px; /* aligns with "home" main nav */
	padding-bottom: 10px;
	float:right;
}

#modleftcol { /* main header & img container */
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	margin-left: 0px;
	margin-right: 10px; /* or 18 */
	margin-top: 5px;
	height: auto; 
	width: 280px; /* module imgs are 279w */ /*teachleftcol=325w */
	padding-bottom: 10px;
	float:left;
}

#moduleleft {
	display: block;
	height: auto;
	width: 300px; /* was 440 */
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #666666; 
}

#moduleleft h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	margin-bottom: 15px;
	margin-top: 10px;
}

/*/------- courses section ------------/*/
#contentcourse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	line-height: 18px;
	color: #666666;
	margin-left: 0px;
	margin-right: 8px;
	margin-top: 10px; /* align w/top of book */
	height: auto;
	width: 520px; /* aligns w/nav "courses"  */
	padding-bottom: 10px;
	vertical-align:text-bottom;
	float:right;
}

#contentcoursetop { /* used by courses.html, middle.html & high.html  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	line-height: 18px;
	color: #666666; 
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 25px; 
	height: auto;
	width: 520px; 
	padding-bottom: 10px;
	vertical-align:text-bottom;
	float:right;
}
#contentcourse blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	margin: 0 0em; /* override new.css standard style */
}

/*/------- student login button ------------/*/
#login img {
	display: block;
	float: right;
	height: 28px;
	width: 150px; /* img=150x28h */
	padding-top: 5px;
	margin-top: 10px;
	margin-right: 15px; /* right align w/main header */
	margin-bottom: 0px;
	margin-left: 0px;  /* was 0, but after spacer.gif moved up, no longer in proper position. testing 3/18 aj */
}
/*/------- search area ------------/*/
#search {
	display: block;
	float: left;
	height: 28px;
	width: 500px; /* img=150x28h */
	padding-top: 5px;
	margin-top: 10px;
	margin-right: 15px; /* right align w/main header */
	margin-bottom: 0px;
	margin-left: 0px;
}
/* ------- for main assessment page aj ------------ */
.assesstext {
	width:99%;
	display:inline-block;
	background-color:#FFFFCC;
}
.assessright {/* right box to replace table */
	display:inline-block;
	position:relative;
	width: 200px;
	height: auto;
	margin-right:30px; /* t,r,b,l */
	float:right;
	margin-top: 50px;
	margin-bottom: 30px;
	margin-left: 30px;
	padding: 2px;
	border: 1px solid #666666;
}
.smaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}