/* CSS Document */
body{
background:#cdcdcd;
}

.clear{
clear:both;
}

#contents{
width:800px;
height:450px;
background:url(../images/gradient.jpg) top left repeat-x;
float:left;
display:inline;
margin:25px 0px 0px 0px;
}

#circle{
width:236px;
height:420px;
background:url(../images/circle.jpg) top left no-repeat;
float:left;
display:inline;
margin:9px 0px 0px 0px;
font: normal 10px arial;
color:#000000;
text-decoration:none;
padding-top:70px;
}

#logo{
width:219px;
height:76px;
background:url(../images/envisionmath.jpg) top left no-repeat;
float:right;
display:inline;
margin:0px 11px 0px 0px;
}

#findrep{
width:150px;
height:20px;
float:left;
display:inline;
margin:20px 0px 0px 7px;
background:transparent;
}

.investigations, a.investigations{
width:166px;
height:43px;
float:left;
margin:10px 0px 0px 6px;
background:url(../images/investigations.jpg) top left no-repeat;
}

#toggle{
float:left;
width:170px;
background:transparent;
margin:15px 0px 0px 7px;
display:inline;
}

#audio{
width:575px;
height:200px;
margin:10px 0px 0px 10px;
background:#ffffff;
}

#podcast{
width:100px;
height:30px;
background:transparent;
float:left;
display:inline;
margin:0px 0px 0px 400px;
clear:both;
}

#envisionmathlogo{
width:200px;
height:64px;
background:url(../images/envisionlogo.jpg) top left no-repeat;
float:right;
display:block;
margin:12px 00px 0px 0px;
}

#video{
width:390px;
height:220px;
float:right;
margin:14px 25px 0px 0px;
display:inline;
background:transparent;
}

#media{
width:390px;
height:340px;
float:right;
margin: 24px 25px 0px 0px;
display:inline;
background:transparent;
padding-right:16px;
overflow:auto;
}

#flashcontent{
width:390px;
height:220px;
float:right;
margin: 0px 0px 0px 0px;
display:inline;
background:transparent;
}

#covers{
width:480px;
height:100px;
float:right;
margin:20px 25px 0px 0px;
display:inline;
background:transparent;
}
a.coverk{
width:71px;
height:47px;
float:left;
display:inline;
margin:15px 20px 0px 0px;
background:url(../images/cc_grK.jpg) top left no-repeat;
}
a.cover1{
width:71px;
height:47px;
float:left;
display:inline;
margin:15px 20px 0px 0px;
background:url(../images/cc_gr1.jpg) top left no-repeat;
}
a.cover2{
width:71px;
height:47px;
float:left;
display:inline;
margin:15px 20px 0px 0px;
background:url(../images/cc_gr2.jpg) top left no-repeat;
}
a.cover3{
width:42px;
height:56px;
float:left;
display:inline;
margin:15px 20px 0px 0px;
background:url(../images/cc_gr3.jpg) top left no-repeat;
}
a.cover4{
width:42px;
height:56px;
float:left;
display:inline;
margin:15px 20px 0px 0px;
background:url(../images/cc_gr4.jpg) top left no-repeat;
}
a.cover5, a.cover5:visited{
width:42px;
height:56px;
float:left;
display:inline;
margin:15px 20px 0px 0px;
background:url(../images/cc_gr5.jpg) top left no-repeat;
}

/*----NAVLIST----*/
ul.level1,ul.level2,li.folder,li.submenu {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}


ul.level1,ul.level2 {
	width: 210px;
	background:transparent;
	list-style-type: none;
}

li.folder,li.submenu {
	position: relative;
	padding: 0px;
	z-index: 9;
}

li.folder	{
	font:normal 800 12px Verdana;
	padding: 0px 0 4px 7px;
	background:transparent;
	color: #ffffff;	
}	

li.folder:hover {
	z-index: 10;
	background:transparent;
	font:normal 800 12px Verdana;
}
		
li.folder ul {
	position: absolute;
	display: none;
	left: 130px; /* IE */
	top: 5px;
}
				
li.folder>ul { 
	left: 130px;
}

a.indent{
margin-left:8px;
}
		
ul.level1 li.folder:hover ul.level2 {
	display: block;
	width: 185px;
	background: url(../images/submenubg-trans.png) top left repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/submenubg-trans.png', sizingMethod='scale');
	color: #ffffff;
	height: auto !important;
	height: 100% /* ie fix so alpha-transparency renders */;
}

li.submenu p {
	padding-left: 12px;
	font:normal 800 12px Verdana;
	display: block;
	margin-bottom:0px;
	color: #ffffff;	
	height: auto !important;
	height: 100% /* ie fix so alpha-transparency renders */;
	position:relative;
}

li.submenu,li.submenu2,li.folder>a { 
	width: auto;
}

li.submenu a {
	background: url(../images/submenubg-trans.png) top left repeat;
	padding-left: 12px;
	font:normal 800 12px Verdana;
	display: block;
	color: #ffffff;	
	height: auto !important;
	height: 100% /* ie fix so alpha-transparency renders */;
	position:relative;
}

li.submenu a:visited {
	color: #ffffff;	
}

li.submenu a:hover {
	color: #ffffff;	
}


li.submenu2 a {
	background: url(../images/submenubg-trans.png) top left repeat;
	padding-left: 26px;
	margin-top:1px;
	font:normal 800 12px Verdana;
	display: block;
	color: #ffffff;	
	height: auto !important;
	height: 100% /* ie fix so alpha-transparency renders */;
	position:relative;
}

li.submenu2 a:visited {
	color: #ffffff;	
}

li.submenu2 a:hover {
	color: #ffffff;	
}

li.folder a {
	background:transparent;
	font:normal 800 12px Verdana;
	display: block;
	color: #ffffff;	
}

li.folder a:visited {
	color: #ffffff;	
}

li.folder a:hover {
	color: #ffffff;	
}

ul.level2{
margin-left:45px;
}



/*----FONTS----*/
.mediah1{
font: bold 16px Georgia;
color:#000000;
margin:0px 0px 0px 0px;
text-decoration:none;
}

.mediah2{
font: bold 16px Georgia;
color:#000000;
margin:12px 0px 0px 0px;
text-decoration:none;
}


.mediap{
font: normal 10px Georgia;
color:#000000;
margin:0px 0px 0px 0px;
text-decoration:none;
}

a.mediap, a.mediap:visited{
font: normal 10px Georgia;
color:#999999;
margin:0px 0px 0px 0px;
text-decoration:none;
}

a.mediap:hover{
font: normal 10px Georgia;
color:#000000;
margin:0px 0px 0px 0px;
text-decoration:underline;
}

.faqtitle{
font: normal 900 22px arial;
color:#ed1b24;
margin: 7px 0px 0px 20px;
}

.qa{
font: normal 500 12px arial;
color:#000000;
width:500px;
margin:45px 0px 0px 0px;
float:left;
line-height:15px;
}

a.qa{
font: normal 500 12px arial;
color:#000000;
margin: 30px 0px 0px 10px;
width:500px;
float:left;
text-decoration:none;
line-height:15px;
}

a.qa:visited{
font: normal 500 12px arial;
color:#000000;
width:500px;
margin: 30px 0px 0px 10px;
float:left;
text-decoration:none;
line-height:15px;
}

a.qa:hover{
font: normal 500 12px arial;
color:#000000;
width:500px;
margin: 30px 0px 0px 10px;
float:left;
text-decoration:none;
line-height:15px;
}

a.top{
font: normal 10px arial;
color:#ed1b24;
margin: 0xp 0px 0px 0px;
float:left;
}

a.top:visited{
font: normal 10px arial;
color:#ed1b24;
margin: 0xp 0px 0px 0px;
float:left;
}


a.top:hover{
font: normal 10px arial;
color:#ed1b24;
margin: 0xp 0px 0px 0px;
float:left;
}




.district{
margin-top:40px;
font: bold 10px arial;
line-height:10px;
color:#000000;
text-decoration:none;
}



.bilingual1{
font: bold 13px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
color:#ffffff;
margin:0px 0px 0px 0px;
text-decoration:none;
}

a.bilingual1{
font: bold 13px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
color:#ffda6c;
margin:0px 0px 0px 0px;
text-decoration:none;
}
a.bilingual1:visited{
color:#ffda6c;
text-decoration:none;
}
a.bilingual1:hover{
color:#ffffff;
text-decoration:underline;
}

a.bilingual2{
font: bold 13px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
color:#333333;
margin:0px 0px 0px 0px;
text-decoration:none;
}
a.bilingual2:visited{
color:#333333;
text-decoration:none;
}
a.bilingual2:hover{
color:#ffffff;
text-decoration:underline;
}

a.repfind{
font: bold 12px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
color:#ffffff;
text-decoration:none;
}

a.repfind:visited{
font: bold 12px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
color:#ffffff;
text-decoration:none;
}

a.repfind:hover{
font: bold 12px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
color:#ffffff;
text-decoration:underline;
}
p.covercopy{
font: normal 800 12px arial;
color:#ffffff;
text-align:left;
margin:0px 0px 6px 0px;
}