/* This style sheet was written by Community MX and was distributed freely for use with the free North Pole CSS positioning template.
The North Pole template is freely available from http://www.communitymx.com - This comment should remain intact though you are free to edit the style sheet as you see fit. */


body { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	background-color:#75A; 
	color: #333;  
	/*text-align: center; */
	font-family: Verdana, sans-serif;
	font-size: 100.01%; 
	min-width: 750px; 
}

#wrapper { 
   	width: 752px;
	w\idth: 750px; 
	margin: 10px auto;
	position: relative; 
	background-color: #fff; 
	border: 1px solid #000; 
	/*text-align: justify; */
	}

#banner { 
	background:transparent;
	height: 115px;
	/* border-bottom:1px solid #000; */
	}

/* content styles */

#content { /* Main text box */

	width: 559px; 
	margin-left: 170px; 
	margin-bottom: 10px; 
	margin-top:10px;
	/* border-left:1px solid #ccc; */
}

#content h1,h2,h3 { 
	font-size:100%;
	font-weight:bold;
	text-align:left;
	margin:20px 6px 10px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#551A8B;
	}

#content h1 {
	text-decoration:none;
	border-bottom:#551A8B 1px solid;
}

#content h2 { 
	font-size:95%;
	margin:20px 6px 4px 6px;
	}

#content h3 { 
	font-size:85%;
	margin:10px 6px 4px 6px;
	}


#content p { 
	font-size: 80%;
	line-height:1.5; 
	margin: 6px 6px 15px 6px; 
	padding: 0; 
}

#content ul{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	list-style-type:disc;
	line-height:1.5;
	text-align:left;
	margin-top:0; 
	}

#content ol{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	line-height:1.5;
	text-align:left;
	}
#content li{
	text-align:left;
	padding:4px;
	font-size:80%;
	}
#content strong{
	font-weight:bold;
	color:#551A8B;
	}
	
/* table styles for tabular data */

#learningareas{
	margin-bottom:10px;
	border:1px solid #666;
	background-color: #CCE8FF;
	}
#learningareas th h2{
	font-size:100%;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:4px;
	/* background-color:#fff; */
	}
#learningareas td{
	font-size:80%;
	text-align:center;
	padding:4px;
	/* background-color:#fff; */
	color:#333;
	border-bottom:1px solid #666;	
	}

#learningareas td.subject{
	background-color:transparent;
	font-size:100%;
	font-weight:bold;
	color:#551A8B;
	}  
	

/* left column styles */

#leftcol { 
	float: left; 
	width: 150px; 
	margin-bottom: 10px;
	margin-left: 5px; 
	margin-top: 25px; 
	padding-top: 0; 
}

/* left column static content navigation styles */

#leftcol #navigation { 
	line-height: 100%; 
	width: 153px;
}

#leftcol #navigation ul { 
	list-style-type: none; 
	margin: 0 0 10px 0; 
	padding: 0; 
	font-size: 75%; 
}

#leftcol #navigation ul li { /* Navigation menu list item */
	/*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
	padding: 0; 
	margin: 0; 
	margin: /**/ 0 0 -3px 0; 
	ma\rgin: 0; 
	/*background-image:  url("../images/roll_over.jpg"); */
	background-repeat: repeat-y; 
}

 #leftcol #navigation ul ul { /* Navigation submenu list */
	margin-bottom:0;
	font-size:100%;
	} 


#leftcol #navigation ul li li { /* Navigation submenu list item */
	/*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
	padding: 0; 
	margin: 0; 
	margin: /**/ 0 0 -3px 0; 
	ma\rgin: 0;
	background-repeat: repeat-y; 
	
}
#leftcol #navigation a { 
	border-bottom: 1px solid #fff; 
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff; 
	color: #000; 
	display: block; 
	padding: 4px 4px 6px 4px; 
	text-decoration: none; 
	background-color: #CCE8FF; 
	width: 150px; 
	w\idth: 144px; 
}

#leftcol #navigation ul li li a { /* Link in navigation submenu */
	border:none;
	color:#333; 
	display: block; 
	padding: 2px 0px 4px 10px;
	text-decoration: none;
	background-color: #fff; 
	width: 150px; 
	w\idth: 144px; 
}
/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */

#leftcol #navigation ul li li a:hover,
#leftcol #navigation a:focus {
	background-color:#fff;
	text-decoration:underline;
	}
	
#leftcol #navigation a:hover, 
#leftcol #navigation a:focus { 
	background-color: #f7931e; 
	/*	border-bottom: 1px solid #fff; /* 
	/* color: #000; */
}

#leftcol #navigation ul#prospmenu li a{
	background-color:#FBF390; 
	color:#666; 
	font-weight:bold; 
}

#leftcol #navigation ul#prospmenu li a:hover{
	background-color:#315969; 
	color:#fff; 
	}
	
#leftcol img{margin-top:25px;} 

/* footer styles */

#footer {  
	width: 750px; 
	border-top: 1px solid #000;  
	font-size: 60%;  
	text-align: right;  
	margin-top: 20px;  
	background-color: #CCE8FF; 
	background-repeat: no-repeat; 
	/*height: 40px;*/
	clear: left;  
}

#footer p {
	padding: 4px 4px 4px 10px;  
	margin: 0;  
}

#footer ul{
	margin: 0;
	padding: 4px;
}

#footer li{
	display: inline;
}

#footer p a {  
	color: #000;  
	text-decoration: underline; 
}
#footer a { 
	color: #000;  
	text-decoration: underline;  
}

#footer a:hover,
#footer a:focus {
	text-decoration: none;  /*removes the underline*/
}


/* image styles */
.logoimg{
	float:right;
	margin:0px 4px 0px 4px;
	}
.imager{
	border:1px solid #333;
	float:right;
	margin:6px 0 6px 10px;
	}

.contentImage{
	border:1px solid #333;
	}
	
/* news box styles */
#news h1{
	font-size:100%;
	color:#551A8B;
	padding:4px 0 4px 0;
	border-bottom:1px solid #551A8B;
	border-top:1px solid #551A8B;
	}
	
iframe {
  	border-bottom:1px solid #315b6b;
	border-top:0;
	border-right:0;
	border-left:0;
  	height: 130px;
  	margin: 0px;
  	padding: 0px;
  	width: 144px;
	}
	
/* news page styles */
#datacontainer {background-color:#fff;}

#datacontainer h1 {  
  font-size:80%;
  text-decoration:underline;
  margin-top:4px;
  margin-bottom:4px;
  text-align: left;
  padding:0px;
}
#datacontainer h2{
	font-size:70%;
	margin-top:6px;	
	margin-bottom:0;
	padding:0px;
	
	}
#datacontainer p{
	font-size:60%;
	margin-top:4px;
	margin-bottom:0;}

form{margin:0px;}


/* tony added styles for right menu */

#content #right_menu li {
	list-style-type: none;
	padding: 0px;
	
}


/* left column static content navigation styles */

#content #right_menu { 
	line-height: 100%; 
	width: 153px;
	float: right;
}

#content #right_menu ul { 
	list-style-type: none; 
	margin: 0 0 10px 0; 
	padding: 0; 
	font-size: 75%; 
}

#content #right_menu ul li { /* Navigation menu list item */
	/*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
	padding: 0; 
	margin: 0; 
	margin: /**/ 0 0 -3px 0; 
	ma\rgin: 0; 
	/*background-image:  url("../images/roll_over.jpg"); */
	background-repeat: repeat-y; 
}

#content #right_menu ul ul { /* Navigation submenu list */
	margin-bottom:0;
	font-size:100%;
	} 


#content #right_menu ul li li { /* Navigation submenu list item */
	/*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
	padding: 0; 
	margin: 0; 
	margin: /**/ 0 0 -3px 0; 
	ma\rgin: 0;
	background-repeat: repeat-y; 
	
}
#content #right_menu a { 
	border-bottom: 1px solid #fff; 
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff; 
	color: #000; 
	display: block; 
	padding: 4px 4px 6px 4px; 
	text-decoration: none; 
	background-color: #CCE8FF; 
	width: 150px; 
	w\idth: 144px; 
}

#content #right_menu ul li li a { /* Link in navigation submenu */
	border:none;
	color:#333; 
	display: block; 
	padding: 2px 0px 4px 10px;
	text-decoration: none;
	background-color: #fff; 
	width: 150px; 
	w\idth: 144px; 
}
/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */

#content #right_menu ul li li a:hover,
#content #right_menu a:focus {
	background-color:#fff;
	text-decoration:underline;
	}
	
#content #right_menu a:hover, 
#content #right_menu a:focus { 
	background-color: #f7931e; 
	/*	border-bottom: 1px solid #fff; /* 
	/* color: #000; */
}

#content #right_menu ul#prospmenu li a{
	background-color:#FBF390; 
	color:#666; 
	font-weight:bold; 
}

#content #right_menu ul#prospmenu li a:hover{
	background-color:#315969; 
	color:#fff; 
	}
	
.episodes {
	margin: 20px;
	border: solid 1px #CCC;
	border-bottom: none;
	font-size: 80%;
}
#content table.episodes td {
	border-bottom: solid 1px #CCC;
}
.episodes tr.odd {	
	background-color: #D9EDFF;
}
.episodes tr.even {	
	background-color: #EEF7FF;
}
table.accesskeys {
	margin: 20px;
	border: solid 1px #CCC;	
	border-bottom: none;
	font-size: 80%;
}
table.accesskeys th {
	background-color: #CCCCCC;
}
table.accesskeys td{
	border-bottom: solid 1px #CCC;

}

.highlighted_box {
	padding: 6px;
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: 8px;
	margin-left: 20px;
	border: 1px solid #7755AA;
	background-color: #D9EDFF;
}
.highlighted_box p{
	margin: 0px;
	padding: 0px;
}
.contact_us {
	font-size: 80%;
	background-color: #EEE;
	margin: 20px;
	padding: 20px;
	border: 1px solid #999999;
}
.contact_us img {
	border: 1px solid #999999;
	padding: 3px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFFFFF;
}

blockquote {
	padding: 8px;
	background-color: #EEF7FF;
}