body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	font-weight: normal;
	color: #336666;
	background-color: #66cccc;
	text-align:center;
	margin: 0px;
	
}

a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0066CC;
}
a:hover {
	text-decoration: underline;
	color: #0066CC;
}
a:active {
	text-decoration: none;
	color: #0066CC;
}

p {
	font-size: 1.2em;
	padding-top: 0px;
	margin-top: 0px;
	line-height: 15px;
}

/*h1 is the page title which is hidden in the page as the actual title is an image - h1 will will be visible when the page is printed*/

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #0066cc;
	margin: 0px;
	padding: 0px;
}

.disabled{
color:#99cccc;
}

.prompt{
color:#0066cc; 
font-weight:bold;
}


 #printing{
	display:none;
	
 }
 
#catie {
	background-color: #0079e3;
}


#container{
	width:770px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
}


/*nav rollovers on homepage*/
#navigation{
	height:262px;
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	list-style-type: none;
	background-image: url(../images/main_img.jpg);
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navigation li {
	padding: 0px;
	float: left;
	margin-top: 95px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#navigation li a{
	text-align:center;
	color:#336666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	line-height: 15px;
}



.bac_hover{
display:block;
width:83px;
height:83px;
background-image:url(../images/n_bac.jpg);
padding-top:85px;
background-color:#ccffff;
}

.bac_hover a:hover{
display:block;
background-image:url(../images/n_bac_hover.jpg);
}

.hot_hover{
display:block;
width:86px;
height:83px;
background-image:url(../images/n_behot.jpg);
padding-top:85px;
background-color:#ccffff;
}

.hot_hover a:hover{
display:block;
background-image:url(../images/n_behot_over.jpg);

}

.bub_hover{
display:block;
width:86px;
height:83px;
background-image:url(../images/n_bubbles.jpg);
padding-top:85px;
background-color:#ccffff;
}

.bub_hover a:hover{
display:block;
background-image:url(../images/n_bubbles_over.jpg);

}

.scent_hover{
display:block;
width:84px;
height:83px;
background-image:url(../images/n_follow.jpg);
padding-top:85px;
background-color:#ccffff;
}

.scent_hover a:hover{
display:block;
background-image:url(../images/n_follow_over.jpg);

}

.invasion_hover{
display:block;
width:87px;
height:83px;
background-image:url(../images/n_invasion.jpg);
padding-top:85px;
background-color:#ccffff;
}

.invasion_hover a:hover{
display:block;
background-image:url(../images/n_invasion_over.jpg);

}

.light_hover{
display:block;
width:87px;
height:83px;
background-image:url(../images/n_playing.jpg);
padding-top:85px;
background-color:#ccffff;
}

.light_hover a:hover{
display:block;
background-image:url(../images/n_playing_over.jpg);

}

.self_hover{
display:block;
width:86px;
height:83px;
background-image:url(../images/n_self.jpg);
padding-top:85px;
background-color:#ccffff;
}

.self_hover a:hover{
display:block;
background-image:url(../images/n_self_over.jpg);
}

.meet_hover{
display:block;
width:85px;
height:83px;
background-image:url(../images/n_meet.jpg);
padding-top:85px;
background-color:#ccffff;
}

.meet_hover a:hover{
display:block;
background-image:url(../images/n_meet_over.jpg);
}

.teachers_hover{
display:block;
width:86px;
height:83px;
background-image:url(../images/n_teachers.jpg);
padding-top:85px;
background-color:#ccffff;
}

.teachers_hover a:hover{
display:block;
background-image:url(../images/n_teachers_over.jpg);
}

/*----------------------------------------------------------*/

#content{
	background-position:left top;
	background-repeat:no-repeat;
	position: relative;
	left: 0px;
	_top: -2px;
	background-image: url(../images/home_bg2.jpg);
	height: 214px;
}

#content_int{

	position: relative;
	left: 0px;
	_top: -2px;
	/*this has been changed from height to min-height - will work in ie7??*/
	min-height:80px;
	overflow:visible;

	/*height: 398px;*/
	z-index:800;
}

#content_int_withbotimg{
	background-image: url(../images/bg_int.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position: relative;
	left: 0px;
	_top: -2px;
	
	overflow:visible;
	/*height is needed or positioning of text starter is thrown out in ie*/
	
	/*height: 398px;*/
	z-index:800;
}

#contentbgrepeat{
	background-color: #FFFFFF;
	background-image: url(../images/content_bg.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;

}


/*homepage columna*/
#col1 {
	width: 231px;
	float: left;
	position: relative;
	top: 13px;
	padding-left: 48px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#col2 {
	width: 400px;
	position: relative;
	top: 13px;
	left: 33px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#textstarter {
	/*height: 24px;
	width: 23px;
	margin: 0px;
	padding: 0px;*/
	display:none;
}
#graphic {
	height: 380px;
	width: 400px;
	padding-top: 18px;
	position: relative;
	float: left;
	left: 0px;
	padding-left: 18px;
	top: 0px;
	
}

#image{
	text-align:right;
	padding-right:28px;
	margin:0px;
	z-index:100;
}




/*subsection columns*/
#col {
	margin: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	width: 262px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 48px;

}

#col_text {
	margin: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 48px;
	width:660px;

}

#col_text img{
float:right;
}

#col450 {
	margin: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	width: 387px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 48px;

}

#nextbtn {
	width: 115px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 47px;
}
#prevbtn {
	height: 47px;
	width: 115px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#screencounter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #669999;
	text-align: right;
	font-weight: bold;
	margin-top: 2px;
}


#bottom{
position:relative;
_width:770px;
_height:27px;
}

#bottom_with_image{
	position:absolute;	
	text-align:right;
	right: 27px;
	bottom:15px;
}

#indicator{
	width:89px;
	height:69px;
	position: absolute;
	left: 25px;
	top: 15px;
}

#header_int {
	background-image: url(../images/header_int.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 42px;
	position: relative;
}
#section_heading {
	height: 44px;
	width: 624px;
	position: absolute;
	top: 30px;
	margin: 0px;
	padding: 0px;
	left: 130px;
}

#btn_home {
	position: absolute;
	height: 36px;
	width: 110px;
	bottom: 0px;
	left: 14px;
}

 
#section_title {
	background-image: url(../images/section_head_bg.gif);
	background-repeat: no-repeat;
	height: 89px;
	width: 770px;
	position: relative;
}

#prevnext{
	width:268px;
	height: 64px;
	background-image: url(../images/prevnext_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 42px;
	position: relative;
	z-index:10;
}


#prev{
	width:268px;
	height: 64px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 42px;
	position: relative;
	z-index:10;
}

#options{
width:339px; 
height:163px; 
position:relative;
z-index:5;
}

 #surrounder{
position:relative; 
width:310px;  
float:left;
 }


.textonly {
	font-size: 11px;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	
}
ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 15px;
	list-style-image: url(../images/bullet.gif);
}

ol {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 15px;
}

ol li{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-bottom:10px;
	margin-left:20px;
}

.prompt a {
	text-decoration: underline;
}
h3 {
	font-size: 1.9em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	margin: 0px;
	padding: 0px;
}

.hr_dot {
	height: 3px;
	background-image: url(../images/hr_dot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 5px;
	margin-bottom: 5px;
}



#meet_text {
	overflow:visible;
	position:relative;
	width: 494px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#meet_text p {
font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #0066CC;
	margin-left: 90px;
	line-height: 17px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



ol {
	margin: 0px;
	padding: 0px;
}
#section_complete {
	position: relative;
	background-image: url(../images/bg_section_complete.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 204px;
	width: 770px;
	top: 0px;
	left:0px;
}

#section_complete2 {
	position: relative;
	background-image: url(../images/bg_section_complete2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 770px;
	top: 0px;
	left:0px;
}
#continue {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 208px;
	top: 22px;
	width: 430px;
	

}

#continue2 {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 208px;
	top: 90px;

}

#menu {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 208px;
	top: 90px;
	
	}
	
	#menu2 {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 208px;
	top: 157px;
	
	}

#continue a, #continue2 a{
	color: #669999;
	text-decoration:none;
	background-image: url(../images/btn_sc.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 46px;
	width: 300px;
	display: block;
	padding-top: 18px;
	padding-left: 77px;
}

#menu a, #menu2 a{
	color: #669999;
	text-decoration:none;
	background-image: url(../images/btn_sc.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 46px;
	width: 300px;
	display: block;
	padding-top: 18px;
	padding-left: 77px;
}


#continue a:hover, #continue2 a:hover{
	color: #336666;
	text-decoration:none;
	background-image: url(../images/btn_sc_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu a:hover, #menu2 a:hover{
	color: #336666;
	text-decoration:none;
	background-image: url(../images/btn_sc_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.white{
color:#FFFFFF;
}

.white a:hover{
color:#336666;
}
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
}
.border {
	border: 1px solid #99CCCC;
}
.header1 {
	background-color: #99CCCC;
	text-align: left;
	color: #FFFFFF;
}
td p {
	margin: 0px;
	padding: 0px;
}


.line {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #99CCCC;
}

.thumb_image{
	width:117px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	height: 120px;
}

.thumb_text{
	height:100px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}

.red_text {color: #FF3300;
font-weight:normal;}

.green_text {color:#009900;
font-weight:normal;
}

.q{
color: #66CCCC
}
input {
	font-family: Arial, Helvetica, sans-serif;
	color: #66CCCC;
	font-size: 14px;
	font-weight: bold;
	background-color: #EAF7F7;
	border: 1px solid #66CCCC;
}


/*printer styles*/ 
 @media print{ 
 
 #container{
 width:100%;
 }
 #col1, #col2{
 width:100%;
 padding-left:0px;
 left:0px;
 }
 
  #col{
 width:100%;
 padding-left:0px;
 left:0px;
 }
 
  #col_text{
 width:100%;
 padding-left:0px;
 left:0px;
 }
 
 
 #col_text img{
 float:none;
 }
 #surrounder{
width:100%;
 }
 
.noprint{
 display:none;
 }
 #navigation{
display:none;
 }
 
 #bottom{
 display:none;
 }
 
 #bottom_with_image{
 display:none;
 }
 
 #printing{
	display:block;
	text-align:left;
	font-size:1.2em;
	color:#000000;

 }
 
  #printing ul{

	list-style-type: none;
 }
 
 
   #printing img{
border:1px #000000 solid;
width:40px;
height:35px;
margin-bottom:5px;
margin-right:5px;
 }
 
 
 #header{
 display:none;}
 
  #header_int{
 display:none;}
 
  #catie{
 display:none;}
 
 p{
 color:#000000;
 }
 
 h2{
 color:#000000;
 }
 
 .disabled{
 color:#000000;
 }
 
 #section_title{
 width:100%;
 color:#000000;
 }
 
 #section_heading{
 color:#000000;
 margin:0px;
 padding:0px;
left: 95px;
 }
 
 #indicator{
 left: 0px;
 }
 
 #col450{
 width:100%;
 color:#000000;
 margin:0px;
 padding:0px;
 }
 
 
 #image{
 width:100%;
 text-align:left;
 }
 
 #prevnext{
 display:none;
 }
.textonly {
	display: block;
	padding: 0px;
	margin: 0px;
}

 
 #screencounter{
 text-align:left;
 }
 
 #section_complete{
 position:relative;
 }
 
 #continue, #menu{
 display:none;
 }
 
 }.border a {
	font-weight: normal;
	font-size: 0.9em;
}
.quote {
	font-size: 1.5em;
	color: #0066CC;
	width: 170px;
	line-height: 18px;
	float:right; 
	padding:10px; 
	border-right: 1px dotted #8CD9D9; 
	margin-left:10px; 
	 text-align:right;
	
}

.quote2 {
	font-size: 1.5em;
	color: #0066CC;
	width: 170px;
	line-height: 18px;
	float:left; padding:10px; margin-right:10px; border-left: 1px dotted #8CD9D9;
	
}

#form{
background-color:#ccfeff; 
padding:10px;
width:480px; 
height:15px;
margin: 0 auto 0 auto;
font-size:14px;
}