@charset "utf-8";
/* CSS Document */

html {height:100%; margin-bottom: 1px; }

body
{
font: 0.8em Verdana, Arial, Helvetica, sans-serif; 
background-color:#ffffe7 ;
text-align:center;
margin-top: 0;
} 

body a 
{
text-decoration:none;}


#frame {
background:transparent url(images/mainBG.gif) repeat-y scroll left top;
margin:0 auto;
width:980px;
}

#container
{

background:  #FFFFFF;
width: 950px;
text-align:left;
overflow:hidden;
margin:0 auto;
padding: 0px 0 3px 0;
height:100%;
}

#topbar
{background:url(images/top-nav-background.gif)  repeat-x;
font-size:12px;
font-weight:bold;
width: 100%;
height: 30px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;

}
#topbar img
{
padding: 0px 0 0x 0px;
margin: 2px 0 0px 10px;
border: 0;

}

#topbar ul
{

padding: 0px 0 8px 0px;
margin: 0px 0 0px 567px;
}

#topbar li
{
display:inline;

}


#topbar a

{

color:#fff;
font-weight:bold;
padding: 0px 0px 0px 0;
margin: 0 7px 0px 0px;
text-decoration:none;
}
#topbar a:hover
{
color:#333333;
text-decoration:none;
}


.termsandconditions
{
background:url(images/termsandconditions.gif) no-repeat;
padding: 3px 7px 5px 26px;

}


.contact
{
background:url(images/contact.gif) no-repeat;
padding: 3px 7px 5px 26px;
}


#topnav
{
background:#cc0099 url(images/top-nav2.jpg) no-repeat;
margin: 10px 0 10px 10px;
padding: 0px 0 0px 0px;
float:left;
display: inline;
overflow: hidden;
width:940px;

}

#topnav li, form
{
display:inline;
   padding:0;
  margin:0;

}

#topnav input 
{
background-color:#c40082;
color:#fff;
 padding: 6px 0px 6px 0px;

border:0;

 text-decoration:none;
 font-weight:bold;
}

 #topnav a:link,
   #topnav a:visited {
  
    color:#fff;
   padding: 8px 5px 10px 7px;
  float:left;
 width:auto;
 border-right:1px solid #000000;
 text-decoration:none;
 font-weight:bold;  }



#topnav a:hover
{
background:#FF99CC;	
color:#FFFFFF;
}


#topnav .currentnav a  {
background:#FF99CC;	
color:#000;		
}

#topnav .currentnavhome a  {
background:#FF99CC;	
color:#000; 
background:url(images/home-hover.gif) left;			
}

#topnav .home a:hover
{
background:url(images/home-hover.gif) left;
		
}


#container1
{
float:left;
overflow:hidden; 
width:750px;
margin: 0 0px 0 20px;

}


#main-text
{
background:url(images/content-bkgnd.jpg) no-repeat;
padding: 10px 0px 0 20px;

float:left;
width: 680px;
/*border-bottom: #cc0099 solid 1px;*/
}

h1,  h2,  h3,  h4
{
font-weight:bold;
}


h1
{
font-size:170%;
color:#3399FF;
padding-top:0;
margin-top: 0;
}

h2
{
font-size:140%;
color:#cc3399;

}

h3
{
font-size:120%;
color:#3399FF;
}


h4
{
font-size:100%;
color:#cc3399;
}


#main-text-home
{
background:url(images/content-bkgnd-home.jpg) no-repeat;
float:left;
width: 585px;
padding: 10px 0 20px 10px;

}

#main-text-home table
{
border:#FFFFFF;}



/*sidenav*/
.invisible
{

display:none;
}

#sidenav {
background:url(images/nav-top.gif) no-repeat top;
float:left;
width: 160px;
padding: 5px 0 0px 0;
margin: 3px 0px 0px 10px;
}



#sidenav img {

padding: 0px 0 0px 0;
margin: 0px 0px 0px 0px;
}


#sidenav ul {
background:#FFFFFF;
	margin: 0px;
	padding: 0px 0 0px 0;	
	list-style-type: none;

}


#sidenav li {
background-color:#3399ff;
	list-style-image:none;
	margin: 0;
	
	}
	

#sidenav a {
    color:#fff; 
	text-decoration: none;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	padding: 5px 5px 5px 5px;	
	border-bottom: 1px #FFFFFF solid;
}

#sidenav li a:hover {
background:url(images/next-on2.jpg) #0066ff repeat-x;
color:#fff;
}

#sidenav li.current {

	background:url(images/next-on2.jpg) #0066ff repeat-x;		

}

#sidenav li.parent {
background:url(images/next-on2.jpg) #0066ff repeat-x;
	font-weight:bold;
}


#sidenav .current {
color:#FFFFFF;
font-weight:bold;
}
/*Level 2 subnav*/

#sidenav ul ul
{
background:#FFFFFF;
background-image:none;

}

#sidenav li li .current  {
background: url(images/subnav.jpg) #94d8b5 repeat-x top;
color:#000;

}

#sidenav li li.parent   {
background: url(images/subnav.jpg) #94d8b5 repeat-x top;
font-weight:bold;}

#sidenav li li.parent a  {

font-weight:bold;

}

#sidenav li li a {
padding: 3px 10px 3px 20px;
font-size:12px;
color:#000;
border-bottom: 1px #7fd3a9 solid;
font-weight:normal;
}

#sidenav li li 
{
/*background-color:#0099CC;*/



background: #b8efd3;
border-left: 0;
border-right:0;

}	

#sidenav li li a:hover
{
background: url(images/subnav.jpg) #94d8b5 repeat-x top;
color:#000;
}	


/*Level 3 subnav*/

#sidenav ul ul ul
{
background:#FFFFFF;
background-image:none;

}

#sidenav li li li .current   {
background: #999;
color:#fff;
font-size:11px;

}


#sidenav li li li a {
padding: 3px 10px 3px 30px;
font-size:11px;
color:#333;
border-bottom: 1px #fff solid;
font-weight:bold;
background: #ededed;
}

#sidenav li li li 
{
/*background-color:#0099CC;*/
	

background: #ccc;
border-left: 0;
border-right:0;



}	

#sidenav li li li a:hover
{
background: #999;
color:#fff;
}	




/*level 4 sub nav*/

#sidenav ul ul ul ul
{
background:#FFFFFF;
background-image:none;

}

#sidenav li li li li .current  {
background: #009966;
color:#fff;
}

#sidenav li li li li a {
padding: 2px 0 2px 30px;
color:#000;
font-size:11px;
border-bottom: 1px #ccc solid;
font-weight:normal;
}

#sidenav li li li li 
{
background: #b8efd3;
border-left: 0;
border-right:0;
}	

#sidenav li li li li a:hover
{
background: #009966;
color:#fff;
}	


/*Level 4 sub nav*/

#sidenav li li li li li.current  {
background-color:#d99400;

}

#sidenav li li li li li.parent a  {
background: #red;
color:#FFFFFF;
font-weight:bold;
}

#sidenav li li li li li a {
padding: 2px 4px 2px 35px;
color:#000;
font-size:11px;
border-bottom: 1px #fcb212 solid;
}

#sidenav li li li li li 
{
background-color:#ffefcc;
border-left: 0;
border-right:0;
}	

#sidenav li li li li li a:hover
{
background-color:#666;
color:#fff;
}	

/*to align the book covers left on pages with no side nav*/
#nosidenav {
float:left;
width: 160px;
padding: 0px 0 0px 0;
margin: 0px 0px 0px 10px;
}
#pagenav
{
 background:#e09321 url(images/pagenav2.jpg) no-repeat;
 margin:0 0 10px 0;
 padding:3px 0 0px 10px;
 float:left;
display:inline;
overflow:hidden;
width: 643px;
font-weight:bold;

}

#pagenav li
{
display:inline;
padding:0;
margin:0
}

#pagenav a:visited,
#pagenav a:link
{
font-weight:bold;
background:#e09321;
color:#000000;
padding:5px 6px 8px 6px;
float:left;
width:auto;
border-right:1px solid #42432d;


}

#pagenav a:hover
{

color:#fff;
background:#000000;

}

#pagenav .current a {

	 background:#CC3300;
	 cursor:default;
	 color:#FFFFFF
			
}






#contentsnav ol

{
padding: 0px 5px 0px 0px;
margin: 0 5px 0 28px;
}

#contentsnav li

{
background-image:url(images/contentnav.jpg);
background-repeat:no-repeat;

padding: 8px 0 8px 15px;
margin: 10px 0 0px 0px;


}

#contentsnav a
{
color:#990066;
font-weight:bold;
font-size: 89%;
margin: 0px 0 0 10px;
}

#contentsnav a:hover
{
color:#FF0000;
font-weight:bold;
}



/*
#nav h1
{font-size: 150%;
color:#FFFFFF;
margin-left: 25px;}
*/


#sidebar
{
width: 250px;
float:left;
overflow:hidden;
margin: 0px 0px 0 30px;
}

#sidebar h1
{
background-color:#3399FF;
font-size: 100%;
color:#FFFFFF;
padding: 4px 2px 2px 4px;
}

#sidebar li
{
margin: 0 0 0 -25px;


}


#main-text ul
{
list-style-image:url(images/bullet-green.gif);
margin: 0px 0px 0px 20px;
padding: 0px;
}

#main-text li
{
margin: 0px 0px 6px 0px;

}


.footertext
{

font-size:9px;
color:#666;
padding: 6px 0 6px 0;
background:#f2f2f2;
width: 950px;
margin:0 auto;
border-top:#dddddd 1px solid;
border-bottom:#dddddd 1px solid;
}

.nextpage
{

font-size:85%;
padding-bottom: 25px;
border-bottom:#CCCCCC solid 1px;

margin:30px 0 0 0;
}

.next 
{background:url(images/next.gif) no-repeat right;
border: 1px solid #666;
padding: 2px 18px 2px 8px;

color:#CC0099;
font-weight:bold;
}

.previous 
{background:url(images/previous.gif) no-repeat left;
padding: 2px 18px 2px 18px;
margin: 0 10px 0 0;
border: 1px solid #666;
color:#0099FF;
font-weight:bold;
}

#bluebox
{background-color:#C9E9FA;
padding: 1px 5px 5px 5px;
margin:0 0 10px 0;
border: #3399ff 1px solid;
}

#greenbox

{background-color:#c2f2da;
padding: 1px 5px 5px 5px;
margin:0 0 10px 0;
border: #66cc99 1px solid;
}

#greybox {background-color:#E6E6E6;
padding: 1px 5px 5px 5px;
margin:0 0 10px 0;
border: #CCCCCC 1px solid;
}

 ol 
{

margin: 0px 0px 15px 30px;
padding: 0px;
}


/*red text for correctons*/

.redtext
{
color:#FF0000;
font-weight:bold;
}

.greentext
{
color:#009966;}

.underline
{
border-bottom: 1px solid #cccccc;

}

.smalltext
{
font-size: 85%;}

/*Home page styles*/

#container-home
{
float:left;
overflow:hidden; 
width:880px;
margin: 20px 0px 0 20px;

}

.nostyle td, tr, table, th
{
background:#fff;
border: 0px solid #000;
border: 0;



}

.greenbutton
{
margin: 30px 0 30px 0;
}
.greenbutton a
{background:url(images/green-button.gif) no-repeat #33CC99;
overflow:hidden;
font-weight:bold;
color:#FFFFFF;
padding: 9px 8px 11px 30px;

}

.greenbutton a:hover
{background:url(images/green-button-over.gif) no-repeat;
color:#000;

}

/*Amy's extra styles*/
.boldgreen

{color: #66cc99; font-weight:bold;}

.darkgreen

{color: #006600;  font-weight:bold;}

 ol 
{

margin: 0px 0px 15px 30px;
padding: 0px;
}



Table td{ vertical-align:text-top; background-color:#c2f2da; padding:3px; border:#66cc99 solid 1px;   }
Table th{ vertical-align:text-top; background-color:#c2f2da; padding:3px; border-bottom:#66cc99 solid 1px; border-left:#66cc99 solid 1px;  }

.float-left { float:left; margin-left: 10px}

.clear {clear:all;}

td.separate{  border-right:#66cc99 solid 2px !important;}

.borderedtable {
	width:500px;  
}
	
	.row {
		margin: 20px 0px 0px 0px;
	}

	.cell1 {
		width:243px;
		border-top: 1px solid #66cc99;
		border-left: 1px solid #66cc99;
		float:left;
		padding:3px;
	}
	
		.cell1last {
			width:243px;
			border-top: 1px solid #66cc99;
			border-bottom: 1px solid #66cc99;
			border-left: 1px solid #66cc99;
			float:left;
			padding:3px;
		}

	.cell2 {
		width:242px;
		border-left: 1px solid #66cc99;
		border-top: 1px solid #66cc99;
		border-right: 1px solid #66cc99;
		padding:3px;
		float:right;
	}
	
		.cell2last {
			width:242px;
			border-top: 1px solid #66cc99;
			border-bottom: 1px solid #66cc99;
			border-left: 1px solid #66cc99;
			border-right: 1px solid #66cc99;
			float:left;
			padding:3px;
		}
	
br.breaker{
	clear:both;
}

.boldblue {
	color: #0066FF; 
	font-weight:bold;
}

.seriftext {
	font-family: serif; 
	font-size: 1.1em;
}

#contentsnav2 ol

{
padding: 0px 5px 0px 0px;
margin: 0 5px 0 0px;


}

#contentsnav2 li

{
background-image:url(images/contentnav.jpg);
background-repeat:no-repeat;
padding: 8px 0px 8px 10px;
margin: 10px 0 0px 0px;


}

#contentsnav2 a
{

color:#990066;
font-weight:bold;
font-size: 89%;

margin: 0px 0 0 10px;
}

#contentsnav2 a:hover
{
color:#FF0000;
font-weight:bold;
}
.imagealignleft
{
float:left;}


/*breadcrumb styles*/

#breadcrumbs
{
/*background: url(images/breadcrumbs.gif) repeat-x #999999;*/
float:left;
width: 100%;
color:#FFFFFF;
background:#f4f4f4;
margin: 0px 0 10px 10px;
padding: 0px 0 2px 0px;
font-size: 85%;
font-weight:bold;
line-height: 20px;

}

#breadcrumbs a 
{

color:#3399ff;

margin: 0 0 0 0px;
padding: 0px 0px 0px 0px;
text-decoration:none;
}



#breadcrumbs .crumb1 a:hover
{
color:#FFFF00;

}

#breadcrumbs p 
{
color:#333;

margin: 0 0 0 10px;
text-decoration:none;
padding: 0px 0px 0px 0px;

}

.crumb-on
{
font-weight:normal;
padding: 2px 0px 2px 0px;

}

.crumb-on a:hover
{
color:#fff;
cursor:default;
}

.crumb1
{

padding: 2px 14px 2px 16px;
}

.crumb2
{

padding: 3px 1px 2px 0px;
margin: 0 0px 0px 0px;

}

.crumb3
{

padding: 3px 1px 2px 0px;
margin: 0 0px 0px 0px;

}


.crumb4
{

padding: 3px 1px 2px 0px;
margin: 0 0px 0px 0px;

}

.crumb5
{

padding: 3px 1px 2px 0px;
margin: 0 0px 0px 0px;

}


.crumb6
{

padding: 3px 1px 2px 0px;
margin: 0 0px 0px 0px;

}

.pt
{background:url(images/personal-tutor.gif) no-repeat ;
margin: 0 0 0px 0px;
padding: 5px 0 15px 32px;
list-style-image:none;
list-style:none;
}
.lightbluebackground 
{
background-color:#eff8ff;
padding: 5px 10px 10px 10px;
margin-bottom:10px;
}
