@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html {
	width:100%;
}

body {
font-size:100%;
margin: 0px;
padding: 0px;
background-color: #262626;
width:100%;
}

p{
margin: 0px;
padding: 0px;
line-height: 1.4em;
color: #fff;
}
a{
color: #767676;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
a:hover {
color: #989898;
}
.clearit {
	clear:both;
}
.invisible {
	visibility:hidden;
}
#container{
	margin: auto;
	background:#000;
	width:100%;
	min-width:1040px;
	}
	
#header	{
	height: 469px;
	position:relative;
	background: url(/images/inner_header_back.jpg) no-repeat top center;
	}
	#innerheader{
	height: 170px;
	width: 1040px;
	margin: auto;
	position: relative
	}
		#accessibilityOptions {
			padding:5px 0px;
			font-size:0.8em;
			display:none;
		}
			
		#accessibilityOptions li {
			font-family: Arial, Helvetica, sans-serif;
			color:#DDD;
			float:left;
			padding:0px 5px;
		}
		
		#accessibilityOptions li:first-child {
			border-right:1px solid #DDD;
		}
		
		#accessibilityOptions a{
			color:#DDD;
		}
		#accessibilityOptions a:hover{
			color:#EEE;
		}
		
		#search{
			position: absolute;
			top: 80px;
			right: 130px;
		}
		
		#search .search label{
			font-family: Arial, Helvetica, sans-serif;
			color: #ddd;
			font-size: 1.1em;
			padding-right:5px;
		}
		
		.searchorder,.searchtitle {
			font-size:1.25em;
		}
	
		#logo{
		width: 400px;
		height: 208px;
		position:absolute;
		background:url(/images/educatelogo.png) no-repeat;
		top: 10px;
		left: 40px;
		}
		
		#logo a {
			display:block;
			height:208px;
			width:400px;
		}
		
		#dateTime {
			font-family: Arial, Helvetica, sans-serif;
			font-size:0.8em;
			position:absolute;
			right:10px;
			bottom:10px;
		}
/*#################################################################################*/

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
   /* overflow: hidden;*/
}
/* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.backLava {
            background: url(/images/menuArrow.gif) no-repeat center bottom !important;
            z-index: 8 !important;
            position: absolute !important;
			top:-42px;
			border-right:none !important;
        }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative;
			overflow: hidden;
            z-index: 10;
			display: block;
        }

/*#################################################################################*/

	#menu{
		width: 100%;
		background: #555555;
		position:absolute;
		top:166px;
		}

	#innermenu {
		width:1040px;
		margin:auto;		
	}
	
	#menu ul#nav{
		text-align: center;
		border-left:1px solid #999 !important;
		width: 777px;
		margin:auto;
		height:44px;
	}	
		
	#menu ul#nav li{
		text-align:center;
		float: left;
		width:110px;
		position:relative;
		border-right:1px solid #999;
		}
	
	#menu ul#nav li a{
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #ddd;
		padding:11px 5px;
		line-height:1.3em;
		}
	
	#menu ul#nav li a:hover{
		color:#0069ff;
		}
		
	#menu ul#nav li ul.subnav { 
		background-color:#555555; 
		list-style: none;  
		position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
		top: 42px;
		left: 0;
		margin: 0;
		padding: 0;  
		display: none;  
		float: left;  
		width: 90px;   
	}  
	
	#menu ul#nav li:hover ul.subnav {
		/*display:block;*/
		z-index:999999;
	}
	
	#menu ul#nav li ul.subnav li{ 
		background-color:#555555;
		border-top:1px solid #999;
	}  
	
	#rollingimage{
	background:url(/images/rollingimage_back.jpg) repeat-x;
	width: 100%;
	height: 261px;
	position: absolute;
	top: 208px;
	border-top:3px solid #999;
	}
	
	#placer{
	 width: 1040px;
	 height: 261px;
	 position: relative;
	 margin: auto;
	}
	
	#rollingimage img{
	position: absolute;
	}
#topsep{
width: 100%;
height: 12px;
background-color: #0096ff;
}
	/*#header #nav ul{
		list-style: none;
		}
	
	#header #nav ul li{
		text-align:center;
		float: left;
		width:90px;
		background:url(/ten/images/menu_divide.gif) right no-repeat;
		}
	#nav ul li.last,  {
			background:none;
		}
	
	#nav ul li a{
	text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 0.66em;
		colour: #004871;
		font-weight:bold;
		}
	
	#nav ul li a:hover{
		color:#6699cc;
		}
	*/

#outercontainer{
background-color:#333;
width:100%;
height: 100%;
}
	#innercontainer{
	margin: auto;
	min-height: 100px;
	background:url(/images/inner_container_back.jpg) center no-repeat;
	}
	
		#contentcontainer{
		margin: auto;
		padding:10px 10px 0;
		width:1020px;
		background: url(/images/content_container_back.png) repeat;
		}
		
		#sidebar{
		float: left;
		width: 240px;
		height: 100%;
		margin-bottom: 20px;
		padding-left:10px;
		}
		
			#sidebar #sidemenu{
				padding: 0 15px 25px 0;
			}
			
			#sidebar #sidemenu ul li{
				border-bottom:  dotted 1px #fff;
			}
			
			#sidenav {
				margin-right:10px;
			}
		
			#sidebar #sidemenu a{
				margin-left:15px;
				color: #FFFFFF;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 0.9em;
				font-weight:bold;
				line-height: 3;
			}
			
		#sidebar #sidemenu a:hover{
			color: #0096ff;
			}
		
			#content{
				padding: 10px 0 10px 10px;
				float: left;
				margin: auto;
				width: 750px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				font-size:1em;
				margin-bottom:20px;
				}
				
				#content h1{
				font-size: 22px;
				}
				
				#content h2{
				font-size: 28px;
				font-weight:bold;
				}
				
				#content h3{
				color:#B88CFA;
				font-size:20px;
				margin-bottom:5px;
				font-weight:bold;
				}
				
				#content h4{
				color:#FEFF62;
				font-size:16px;
				margin-bottom:5px;
				font-weight:bold;
				}
				
				#content p{
				font-size:14px;
				line-height:1.6em;
				color: #CCCCCC;
				}
				
				#content p.caption{
				 color: #000000;
				 font-size: 0.8em;
				 width: 200px;
				}
				
				#content img{
				float:right;
				}
				
			
			#imageslides{
				width: 1000px;
				margin: auto;
				height: 300px;
				padding-top: 20px;
			}
			
				.imageslide{
					margin-right:34px;
					float: left;
					}
				.imageslidelast{
					float: left;
					
					}
				.imageslidetop{
				width: 224px;
				height: 10px;
				}
					
				.slide{
					position: relative;
					width:224px;
					height: 199px;
					overflow: hidden;
				}
				.slide img{
					position: absolute;
					top: 0px;
					left: 0px;
					}
					.caption{
						position:absolute;
						width: 224px;
						height: 199px;
						top: -199px;
						}
					.caption p {
						padding: 10px;
					}
					.caption a{
						display:block;
						width: 224px;
						height: 199px;
						color:#000000;
						font-weight: bold;
						width:200px;
						text-decoration:none;
					}
					.caption a:hover{
						color:#000000;
						text-decoration:none;
					}
				
				.imageslide .title, .imageslidelast .title {
				width: 224px;
				height: 60px;
				background-color:#000000;
				}
				
				.imageslide .title h3, .imageslidelast .title h3 {
					padding: 20px;
					font-size:.9em;
					}
				
				.imageslidebottom{
					width: 224px;
					height: 20px;
				}
				
				
					
			#prospectusbanner{
			 padding: 20px 0px;
			 clear:both;
			}

			#bottom{
			clear:both;
			width: 1000px;
			margin: auto;
			background-color:#333;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			-moz-border-radius-topleft:15px;
			-moz-border-radius-topright:15px;
			-webkit-border-radius-topleft:15px;
			-webkit-border-radius-topright:15px;
			
			}
			
			#innerbottom{
			width: 1000px;
			margin: auto;
			padding: 20px 0px;
			}
			
			.bottomtitle{
				font-size: 1.3em;
				font-weight: bold;
				margin-bottom:15px;
				color:#FFFFFF;
			}
			
				#bottomnavigate{
				border-right:1px solid #555;
				width: 170px;
				height: 200px;
				margin-left: 40px;
				float: left;
				}
				
				.footerList li{
					line-height:1.4em;
					font-size:1.1em;
				}
				
				a.navigate {
					color: #fff;
					font-size: 0.8em;
					margin-left: 10px;
					line-height: 1.8;
					font-family:Verdana, Arial, Helvetica, sans-serif;
				}
				a.navigate:hover{
					color: #0069ff;
				}
				
				#bottomform{
				border-right:1px solid #555;
				width: 450px;
				height: 200px;
				margin: 0 0 0 50px;
				padding-right:20px;
				float: left;
				}
					#bottomform #form{
						width: 230px;
						height: 100%;
						float: left;
						
					
						}
					
					#bottomform #form div{
						clear:both;
					}
					
					#bottomform #form label{
					color: #FFFFFF;
					font-size:0.6em;
					vertical-align:top;
					
					}
					
					#bottomform #form .input{
					float: right;
					}
					
					#name, #email, #message{
					height: 30px;
					
					}
					
					
					
					#form .submit{
					background:none repeat scroll 0 0 #0069FF;
					clear:both;
					color:#FFFFFF;
					cursor:pointer;
					float:right;
					font-size:0.8em;
					font-weight:bold;
					margin:5px 0;
					padding:3px;
					}
					
					#form .submit:hover{
					background:#CCC;
					color:#000000;
					}
					
					#bottomform #address{
						padding-top:43px;
						margin-left: 20px;
						
						float: left;
					}
					#bottomform #address p.address{
						font-size: 0.9em;
					}
					
					
				
				#bottomlinks{
				width: 175px;
				height: 200px;
				margin-left: 50px;
				float: left;
				}
				
				
			#footer{
				margin: auto;
				width:1000px;
				background-color: #0096FF;
				clear: both;
					}
					
					div#footer p{
						padding:5px 10px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:0.7em;
						color:#FFFFFF;
					}

#productDemo {
	position:relative;
	width:234px;
	height:199px;
	float:right;
}					
#productDemo span{
	display:block;
	background:#d72189;
	width:214px;
	padding:10px;
	color:#FFF;
	position:absolute;
	bottom:0px;
	left:0px;
}

.clientItem { clear:both; margin:20px 0px; }