<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/****************************************************************************
* CSS - CA Dept of Education 
* Nov 2007: original version for http://www.cde.ca.gov/ topic index page CSS layout
*****************************************************************************/
/** Updated #CC9933 colors to #4F6A92 to improve color contrast, per Rodney - 07/22/2016 tjb **/

body { 
  font-family:Arial, Helvetica, Sans-serif; background-color:#FFF; 
  margin:0 auto; font-size:75%; color:#000;
  text-align:center;
  	/* Shadow background added 05/09/11 pjohnson */	
		background-color: #F7F4EE;
		background-image: url("/images/background.jpg"); 
		background-position: center center;
		background-repeat: repeat-y;
	/* End shadow background */		
}

/* outer DIV */
#div750 {width: 800px; margin: 0 auto; text-align:left;}

p, div { /* to ensure inheritance */
  font-family:Arial, Helvetica, Sans-serif; font-size:1em; 
  line-height:normal;
} 

h1 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:normal;
  margin:0;
  font-size:2em;
  color:#000066;
  padding-top:10px;
  padding-bottom:2px;
} 

a:link    { color:#0000FF; text-decoration:underline; }
a:visited { color:#0000FF; text-decoration:underline; }
a:active  { color:#0000FF; text-decoration:underline; }
a:hover { background-color:#DCEEFF; text-decoration:underline; } 

form { margin-bottom:0; }

#topheader {margin:0 auto; padding:0; width:800px; text-align:left; padding-top:4px;}

#logobase a {position:absolute; width:255px; height:70px; display:block;background-image: url(/images/cdeLogoBASE.gif);} 

.invisible {position:absolute; left:-9000px;}


#search {
	text-align:right; padding-right:0px; margin-top:6px; margin-right:6px;
	}
	
#search #resizer {margin-top:3px; margin-right:3px;}

#search #resizer a:link {text-decoration:none; color:#4F6A92;}
#search #resizer a:visited {text-decoration:none; color:#4F6A92;}
#search #resizer a:active {text-decoration:none; color:#4F6A92;}
#search #resizer a:hover {background-color:#FFFFFF; color:#4F6A92; text-decoration:none;}


#search #query {FONT-SIZE:1.0em; COLOR:#4F6A92; FONT-FAMILY:Verdana; font-weight:bold;padding-right:4px;}

#search #query .go
{
	BORDER-RIGHT:#996600 2px solid; 
	BORDER-TOP:#dfca9e 2px solid;
	FONT-WEIGHT:bold;
	FONT-SIZE:10px;
	BORDER-LEFT:#dfca9e 2px solid;
	WIDTH:28px;
	COLOR:#ffffff;
	BORDER-BOTTOM:#996600 2px solid; 
	FONT-FAMILY:Verdana, Arial, Sans-serif;
	HEIGHT:22px;
	BACKGROUND-COLOR:#c9851a;
	text-align:center;
}

#search #searchlinks 
{
	FONT-WEIGHT:bold; 
	FONT-SIZE:0.8em;
	VERTICAL-ALIGN:top;
	COLOR:#4F6A92;
	LINE-HEIGHT:2.8em;
	FONT-FAMILY:Verdana, Arial, Helvetica, Sans-serif;
	padding-right:4px;	
}

#search #searchlinks a:link {text-decoration:none; color:#4F6A92;}
#search #searchlinks a:visited {text-decoration:none; color:#4F6A92;}
#search #searchlinks a:active {text-decoration:none; color:#4F6A92;}
#search #searchlinks a:hover {background-color:#FFFFFF; color:#4F6A92; text-decoration:underline;}


.nav ul {
	margin:0; padding:0;
}

.nav li {
	margin:.5px 0px .5px 0px; padding:1px; float:left; list-style:none; font-size:0.8em; letter-spacing:0;
}

.nav a, .nav a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	text-decoration:none;
	font-size:1em;
}

.nav li a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	text-decoration:none;
}

#unav a, #lnav a {
	display:block; line-height:21px; text-align:center; border-left:1px solid #FFFFFF; color:#FFFFFF;
}

#unav {width:599px;}
#unav li {margin:0; padding:0;}
#unav1 a, #unav2 a {width:200px;}
#unav3 a {width:196px;}

#lnav  {width:599px;}
#lnav li {margin:1px 0 0 0; padding:0;}
#lnav1 a, #lnav2 a, #lnav3 a {width:150px;}
#lnav4 a {width:145px;}

#leftside {width: 200px; float: left; text-align:left; position: relative;}

#leftnavigation {height:470px;}  /* background color set in Topic CSS file */

#leftnavigation ul {
    padding:0;
    margin:0;
    list-style-type:none;
    list-style-image:none;
    }
    
#leftnavigation ul li {
    padding:0;
    margin:0;
    line-height:15px;
    }

#leftnavigation a, #leftnavigation a:visited {display:block; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; width:195px; padding:3px 2px 3px 3px; border-bottom:1px solid white; text-decoration:none;}

/* left nav colors are set in Topic CSS file */
#panelbottom {
   width:200px; 
   border-top-width:2px; 
   border-top-style:solid; 
   margin-top:1px;}

#rightside {
   width: 600px; 
   padding:0; 
   margin:0;
   float:right;}

#topichighlights {
   width: 404px; 
   float: left;
   text-align: left;
   padding-top:4px;}

#topicDesc {
    font-family:Arial, Helvetica, Sans-serif;
    font-size:1.0em; 
    color:#336699;
    margin-top:4px;
    padding-bottom:4px;
    padding-left:0;
}      

#highlightdiv{
	background-image:url(/images/highlightfold.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:18px;
	margin-left:1px;
	margin-top:4px;
}
#highlightsBar {
	width: 195px;
	float: left;
}  

#highlightsBar .highlightsText {
    font-family:Arial, Helvetica, Sans-serif;
    line-height:normal;	
    letter-spacing:1px;   
    padding-left:5px;
    font-weight:bold;	
    font-size:0.9em;
    color:#FFFFFF;
    margin:0;
    padding-top:2px;
    padding-bottom:0;
}    

#highlightslinks p {
	padding-top:2px;
	padding-bottom:4px;
	padding-left:4px;
	margin-top:2px;
	margin-bottom:4px;
}

#highlightslinks p a { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

#whatsnewresources {
   width: 192px;
   float: right;
   text-align:left;
   padding-top:2px;
   border-left: 1px dashed #999999;}

#whatsnew {
    font-family:Tahoma, Verdana, Arial, Sans-serif;
    padding-top:4px;
    padding-left:4px;
    }
    
#whatsnew h4 {
    font-family:Arial, Tahoma, Sans-serif;
    font-weight:bold;
    line-height:20px;
    font-size:1.2em;
    color:#369;
    margin-top:2px;
    margin-bottom:4px;
}
#whatsnew p {font-size:0.9em; margin-top:2px; margin-bottom:4px} 
#whatsnew .posted {color:#4c4c4c;}
#whatsnew a { font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; }
#whatsnew a:link { color:#336699; text-decoration:underline; }
#whatsnew a:hover { color:#336699; }
#whatsnew a:visited { color:#336699; }
#whatsnew a:active { color:#336699; }

#more {float:right;font-size:0.8em;}

#resources {
	border-top: 1px dashed #999999;
	margin-top: 4px;
    }

#resources h4 {
    font-family:Arial, Tahoma, Sans-serif;
    font-weight:bold;
    line-height:20px;
    font-size:1.2em;
    color:#369;
    margin-top:2px;
    margin-bottom:4px;
    padding-left:4px;
}

#resources ul.resourcesList { list-style-type:square; margin-top:0.5em; margin-left:-8px; color:#6699CC; }
#resources ul.resourcesList li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; text-decoration:none; letter-spacing:normal; margin-left:-4px}
#resources ul.resourcesList li a:link { color:#336699; text-decoration:none; }
#resources ul.resourcesList li a:hover { color:#336699; text-decoration:underline; }
#resources ul.resourcesList li a:visited { color:#336699; }
#resources ul.resourcesList li a:active { color:#336699; }

/* provide a tiny bit of space below each bullet */
#resources ul.resourcesList li { margin-bottom:2px; }

#resourcesMore {text-align:right;font-size:0.9em;}      
#resourcesMore a:link { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#336699; text-decoration:underline; letter-spacing:1px; }
#resourcesMore a:hover {color:#336699;}
#resourcesMore a:visited {color:#336699;}
#resourcesMore a:active {color:#336699;}
	
#skiptocontent{
	position:absolute;
	left:-500px;
	top:-500px;
	height:1px;
	width:1px;
	overflow:hidden;
}

#footer {
   width:800px;
   text-align:left;
   margin-top:10px;
   margin-left:auto;
   margin-right:auto;
   padding-left:0;
   padding-right:0;
   padding-bottom:30px;}

#footer #address 
{
	font-size:1.0em;
	font-family:Trebuchet MS, Arial, Helvetica, Sans-serif;
	color:#4F6A92;
	line-height:18px;
	font-weight:bold;
	margin-top:0;
	float:left;
}

#footer #footerlinks 
{
	font-size:0.8em;
	font-family:arial, helvetica, sans-serif;
	letter-spacing:1px;
	text-align:center;
	margin-top:20px;
}
#footer #footerlinks a:link {text-decoration:none; color:#666666;}
#footer #footerlinks a:visited {text-decoration:none; color:#666666;}
#footer #footerlinks a:active {text-decoration:none; color:#666666;}
#footer #footerlinks a:hover {background-color:#FFFFFF; color:#666666; text-decoration:underline;}

/* mega dropdown positioning */
#unav1 div.topicitems {left:-30px;}
#unav2 div.topicitems {left:-222px;}
#unav3 div.topicitems {left:-100px;width:360px;padding-bottom:6px;}

#lnav1 div.topicitems {top:22px;left:-30px;}
#lnav2 div.topicitems {top:22px;left:-175px;}
#lnav3 div.topicitems {top:22px;left:-320px;}
#lnav4 div.topicitems {top:22px;left:-464px;}

</pre></body></html>