@charset "UTF-8";

/* CSS Document */



/***************************************/

/*  colors used on sepup 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;

}



/* default styles  */

a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #333333;

	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; /*  l&r=1.5em */

}

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;

	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;

	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;

}



.logohomelink { /* use instead of spacer.gif */

	left:0;

	top:0;

	width:300px;

	height:88px;

	border:0px;

	cursor: pointer;

}



/*'/-------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;

	color: #666666;

	margin-left: 10px;  

	margin-right: 18px;  

	margin-top: 5px; 

	height: auto;

	width: 890px; /* 875=full width */

	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; /* pad 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;

}



.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; 

	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;

	color: #666666;

	margin-right: 5px;

	margin-top: 5px; 

	height: auto;

	width: 875px; 

	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; 

	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;

}





#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; 

	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; 

	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 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 {

	display:inline-block;

	position:relative;

	width: 200px;

	height: auto;

	margin-right:30px; 

	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;

}


/*=============== NEW CSS NAVIGATION STYLES =============*/


.menu {
	font-family: arial, sans-serif;
	width:auto;
	height:auto;
	position:relative;
	font-size:12px;
	z-index:100;
	float:right;
	margin-right: 25px;
	left: 0;
	top: -5px; /* was 85 bfore removing spacer.gif  -aj */
	text-align:left;

}

.menu .menu_short a,
.menu .menu_short a:hover,
.menu .menu_short a:visited{
	width: 65px;
}

/* Top Level Navigation Styles */

div.menu ul li a, div.menu ul li a:visited, div.menu ul li a:hover{
	display:block; 
	text-decoration:none; 
	color:#000;
	width:100px;
	height:15px; 
	color:#666; 
	/*background:#fef8e8;*/ 
	line-height:auto; 
	font-size:12px; 
	overflow:hidden;
	padding:5px;
	text-align:center;

}

div.menu ul li a:hover{
	color: #fff;
	background: #629595;
 
}


.menu ul li ul li a,

.menu ul li ul li a:visited{
	height:auto;
	text-align: left;
	padding-left: 5px;
	border: 1px solid #CCCCCC;

}

.menu ul li ul li ul li a,
.menu ul li ul li ul li a:visited{
	width: 200px;
	height: auto;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 1px solid #CCCCCC;
	margin-left: 6px;
	text-align:left;


}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#fff; background:#629595;}
.menu ul li:hover ul {display:block; position:absolute; top:25px; left:0; width:105px; }
.menu ul li:hover ul li a.hide {background:#fef8e8; color:#666;text-align:left;}
.menu ul li:hover ul li:hover a.hide {background:#629595; color:#fff;text-align:left;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#fef8e8; color:#666;height:auto;text-align:left;}
.menu ul li:hover ul li a:hover {background:#629595; color:#fff; height: auto;text-align:left;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;text-align:left;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.menu ul li ul li a:hover{background-color:#629595;height:auto;text-align:left}
.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li ul li ul li a:hover {background-color:#629595; width:200px; height:auto;text-align:left}

.menu ul li ul li ul.moduleslist li a,
.menu ul li ul li ul.moduleslist li a:visited {width:250px;}
.menu ul li:hover ul li:hover ul.moduleslist li a:hover,
.menu ul li ul li ul.moduleslist li a:hover {width:250px;}



/*========= END CSS NAVIGATION STYLES =============*/