/*****************
 GLOBAL
*****************/
html { overflow-y: scroll; }
* { outline: none; }


p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin:0.5em 0 0.2em 0;}

body {
	margin:0;
	padding:0;
	color: #000;
	background: #cf9 url(images/bodyback.gif) repeat-x center top;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}

p.bigtext { font-size: 1.4em; line-height: 1.4em; }


table.questionnairetable { font-size: 13px; }
table.questionnairetable td { vertical-align: top; }
/**********
 HEADERS
**********/

h1 { font-size: 2.2em; color: #161; line-height: 1.4em; font-weight: normal; font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h2 { font-size: 1.7em; color: #292; line-height: 1.2em; font-weight: normal; font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h3 { margin: 0; font-size: 1.2em; color: #292; line-height: 1.2em; font-weight: normal; font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h4 { font-size: 1.2em; color: #292; line-height: 1.2em; font-weight: normal; font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}


#maincontent h1 { padding-left: 20px;}




/**********
 FORMS
**********/

form { display: inline; }


/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	font-size: 0.85em;
	background: #fff;
}

	#pagecontainer {
		width: 960px;
		float: left;
		background: #fff url(/images/wrapperback.gif) no-repeat top center;
	}


		#header {
			float: left;
			width: 940px;
			margin: 0px 10px;
			background: #f6fbf5;
			}
			

			#toplogo {
				padding: 10px 0px 10px 10px;
				width: 350px;
				float: left;
				font-size: 0.9em;
				color: #333;
				
			}
			

			#topright {
				padding: 10px 10px 0px 0px;
				width: 550px;
				float: right;
				text-align: right;
				font-size: 0.85em;
				color: #fff;
			}

				#topright strong {
					font-size: 1.8em; 
					font-weight: normal; 
					font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
					color: #3a3;
				}

		#topnav {
			float: left;
			width: 920px;
			padding: 0 10px;
			margin: 0 10px;
			font-size: 0.95em;
			background: url(images/bg-transblack.png) center top;
		}
		
			/***** #topnav dependants (#nav) are now controlled by suckerfish.css *****/

		#topbar {
			float: left;
			width: 920px;
			padding: 0px 10px;
			margin: 0px 10px;
			background: url(images/bg-transgrey.gif) center top;
			color: #000;
		}

			#breadcrumb {
				width: 700px;
				float: left;
				padding: 7px 20px 5px 0px;
				font-size: 0.9em;
			}

			#breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: none; }
			#breadcrumb a:hover { color: #000; text-decoration: underline; }

			#topdate {
				width: 200px;
				float: right;
				text-align: right;
				padding: 7px 0px 5px 0px;
				font-size: 0.8em;
				color: #333;
			}


		#topscroller {
			float: left;
			width: 920px;
			background: #efd;
			color: #000;
			margin: 0px 10px;
			padding: 5px 10px;
		}

			#topscroller a:link, #topscroller a:visited { color: #060; text-decoration: underline; }
			#topscroller a:hover { color: #090; text-decoration: underline; }

			#memoryticker{
				width: 920px;
				color: #444;
				font-size: 0.95em;
				/* Change 0.7 below to a different number if desired (0.7=0.7 seconds) */
				/* Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS */
				filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)
			}
			

		#topimage {
			clear: both;
			width: 940px;
			padding: 0px;
			margin: 0px 10px;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #fff;
		}
		
		#maincontent {
			float: left;
			clear: both;
			width: 940px;
			padding: 0px;
			margin: 0px 10px;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #fff;
		}

			#maincontent a:link, #maincontent a:visited { color: #090; text-decoration: none; }
			#maincontent a:hover { color: #090; text-decoration: underline; }


		#pagefooter {
			float: left;
			width: 940px;
			padding: 10px 0px;
			margin: 0px 10px;
			font-size: 0.95em;
			color: #eef;
			background: #fff;
		}

		#pagefooter a:link, #pagefooter a:visited { color: #030; text-decoration: underline; }
		#pagefooter a:hover { color: #060; text-decoration: underline; }
		
		#pagefooter h4 { color: #060;}

			#pagefooter1 {
				width: 186px;
				height: 120px;
				float: left;
				padding: 20px;
				margin: 0 12px 0 0;
				background: #5c2 url(images/bg-pagefooter.gif) center bottom;
			}

				input.newsletter {
					float: left;
					width: 140px;
					border: 1px solid #666;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
				}

				input.newslettersubmit {
					float: left;
					width: 25px;
					margin-left: 2px;
					border: none;
					background: #fc0;
					color: #fff;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
				}

			#pagefooter2 {
				width: 186px;
				height: 120px;
				float: left;
				padding: 20px;
				margin: 0 12px 0 0;
				background: #5c2 url(images/bg-pagefooter.gif) center bottom;
			}



			#pagefooter3 {
				width: 186px;
				height: 120px;
				float: left;
				padding: 20px;
				margin: 0 12px 0 0;
				background: #5c2 url(images/bg-pagefooter.gif) center bottom;
				
			}

			#pagefooter4 {
				width: 186px;
				height: 120px;
				float: left;
				padding: 20px;
				margin: 0px;
				background: #5c2 url(images/bg-pagefooter.gif) center bottom;
			}

		#footer {
			float: left;
			width: 920px;
			padding: 20px 10px;
			margin: 0 10px 10px 10px;
			font-size: 0.9em;
			color: #fff;
			background: #232;
		}

		#footer a:link, #footer a:visited { color: #4c4; text-decoration: none; }
		#footer a:hover { color: #4c4; text-decoration: underline; }


		#belowfooter {
			float: left;
			clear: both;
			margin: 0px;
			width: 930px;
			padding: 15px;
			font-size: 0.9em;
			background: #cf9;
			color: #333;
		}
		
		#belowfooter a:link, #belowfooter a:visited { color: #292; text-decoration: none; }
		#belowfooter a:hover { color: #292; text-decoration: underline; }


/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }


/*****************
 TOP RIGHT NAV LIST
*****************/

#topright ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	list-style: none;
	text-align: right;
	text-transform: lowercase;
	font-size: 1.1em;
	letter-spacing : -1px;
}

	#topright ul li {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 20px;
		display: inline;
	}

	#topright ul li a {
		color: #030;
		text-decoration: none;
	}

	#topright ul li a:hover {
		color: #030;
		text-decoration: underline;
	}

	#topright ul li.onstate {
		font-weight: bold;
	}

	/* APPLY HOME OVERRIDE */
	ul#toprightnav li.homelink {
		padding-left: 22px;
		background: url(/images/homeicon.gif) no-repeat 5px left;
	}


/*****************
 IMAGES
*****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}


/*****************
 UL
*****************/

 ul.normal {padding: 5px 0 5px 25px;}
 
 
#maincontent ul {
	margin: 0.5em 0 20px 0;
	padding: 0;
}

	#maincontent ul li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 25px;
		background: url(/images/arrow-green.gif) no-repeat left 3px;
	}
	
		#maincontent ul li.head {
			font-weight: bold;
			background: 0;
			padding: 0;
		}
		
#maincontent ul.greendot  {
	margin: 0.5em 0 20px 0;
	padding: 0;
}

	#maincontent ul.greendot  li {
		list-style: none;
		margin: 0;
		padding: 10px 0 10px 50px;
		line-height: 35px;
		font-size: 1.1em;
		background: url(/images/greendot.gif) no-repeat 0px 0px;
	}
	
		#maincontent ul.greendot li.head {
			font-weight: bold;
			background: 0;
			padding: 0;
		}
 
/*****************
  UL ICONLIST
*****************/
 
 ul.iconlist {
 	padding: 0px;
 	margin: 0px 0px 0px 10px;
 	list-style: none;
 	}
 
 	 ul.iconlist li {
 		margin: 0px;
 		padding: 2px 0px 2px 50px;
	}
 
 	/* APPLY ICONS */
 	ul.iconlist li.accelerated {
 		background: url(/images/icon-accelerated.gif) no-repeat 0px 0px;
	}

 	ul.iconlist li.eprompts {
 		background: url(/images/icon-eprompts.gif) no-repeat 0px 0px;
	}

 	ul.iconlist li.buddy {
 		background: url(/images/icon-buddy.gif) no-repeat 0px 0px;
	}


 	ul.iconlist li.questionairre {
 		background: url(/images/icon-questionairre.gif) no-repeat 0px 0px;
	}

/*****************
 OL
*****************/

 ol {padding: 5px 0 5px 25px;}


 /*****************
  PAGE FEATURES
 *****************/

.pagefeature4 {
	clear: both;
	width: 900px;
	padding: 10px 20px;
	margin: 0;
}


.pagefeature3 {
	width: 662px;
	float: left;
	padding: 10px 20px;
	margin: 0 12px 0 0;
}

.pagefeature2 {
	width: 424px;
	float: left;
	padding: 10px 20px;
	margin: 0 12px 0 0;
}


.pagefeature1 {
	width: 186px;
	float: left;
	padding: 10px 20px;
	margin: 0 12px 0 0;
}

.pagefeaturegreen {
	background: #fff url(images/bg-greenfade.gif) repeat-x center bottom;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagefeatureend {
	margin: 0;
}
 
/**********************
BLACKOUT
 ***********************/

.blackout {
   	background: #000;
   	color: #fff;
   	display: inline;
   	padding: 5px 0;
}

 /**********************
  FLASH ANIMBLOCK
 ***********************/

#gallery { position: relative; }

	#flashanim {
		background: #fff;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		overflow: hidden;
		z-index: 1;
		width: 940px;
		height: 300px;
	}

/*****************
 ICON LINK
*****************/

a.iconlink {
	padding-left:10px;
	background: url(/images/icon.gif) no-repeat top left;
}

/*****************
 POST IT
*****************/

.postit {
	float: right;
	width: 136px;
	height: 136px;
	padding: 35px 25px 25px 25px;
	background: #fff url(images/postitback.gif) no-repeat center top;
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: right;
}

/*************
 COURSE LIST
*************/
.coursebox {
	float: right;
	width: 176px;
	background: #efd;
	border: 1px solid #126712;
	padding: 10px 10px;
	margin: 0 20px 0 0;
	font-size: 12px;
	text-align: center;
	background-image: -moz-linear-gradient(100% 100% 90deg, #eeffdd, #d6e7c5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6e7c5), to(#eeffdd));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d6e7c5, endColorstr=#eeffdd);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d6e7c5, endColorstr=#eeffdd)";
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.coursebox p { font-size: 13px; }
.result {
	color: #126712;
	text-shadow: 4px 4px 3px #bbcda9;
}

#overDiv table tr td table tr td { line-height: 12px; }

#maincontent ul.courselist {
	margin: 10px 0px;
	padding: 20px;
	background: #e1f2e1;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}


table.greentable {
	margin: 10px 0;
	border: 0;
}

	table.greentable th, table.greentable td {
		font-size: 0.8em;
		text-align: left;
		padding: 5px 10px;
		border: 2px solid #fff;
		margin: 20px;
		background: #e1f2e1;
	}

	table.greentable th {
		background: #98a898;
		background-image: -moz-linear-gradient(100% 100% 90deg, #98a898, #6f816f);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6f816f), to(#98a898));
		
		color: #fff;
	}
	
/*** PAGE SPECIFIC CLASSES ***/
	#homefeaturebigtext {
		position: absolute;
		width:424px;
		height: 260px;
		padding: 20px;
		top: 0px;
		right: 0px;
		color: #000;
		line-height: 1.6em;
		z-index: 2;
		background: url(images/bg-trans-white.png);
	}
	

			
		#homefeaturebigtext ul {
			margin: 0.5em 0 20px 0;
			padding: 0;
		}

			#homefeaturebigtext ul li {
				list-style: none;
				margin: 0;
				padding: 0 0 0 25px;
				background: url(/images/arrow-green.gif) no-repeat left 3px;
			}
			
				#homefeaturebigtext ul li a:link, #homefeaturebigtext ul li a:visited { color: #000; text-decoration: underline; }
				#homefeaturebigtext ul li a:hover, #homefeaturebigtext ul li a:active { color: #090; text-decoration: underline; }

	#mainpagefeaturebigtext {
		position: absolute;
		width:424px;
		height: 260px;
		padding: 20px;
		top: 0px;
		left: 0px;
		color: #000;
		line-height: 1.6em;
		z-index: 2;
		background: url(images/bg-trans-white.png);
	}
	

			
		#mainpagefeaturebigtext ul {
			margin: 0.5em 0 20px 0;
			padding: 0;
		}

			#mainpagefeaturebigtext ul li {
				list-style: none;
				margin: 0;
				padding: 0 0 0 25px;
				background: url(/images/arrow-green.gif) no-repeat left 3px;
			}
			
				#mainpagefeaturebigtext ul li a:link, #mainpagefeaturebigtext ul li a:visited { color: #000; text-decoration: underline; }
				#mainpagefeaturebigtext ul li a:hover, #mainpagefeaturebigtext ul li a:active { color: #090; text-decoration: underline; }
	
	
img.thumbshot {
	float: left;
	margin: 0 20px 20px 0;
}
	
/*** CONTACT FORM ***/
form.contactform {}

form.contactform label {
	float: left;
	width: 160px;
}

/*****************
 QUESTIONNAIRE
*****************/
 #questioncontainer{
 	width:900px;
 	float:left;
 	padding-top:3px;
 	padding-bottom:3px;
 	background:#F5F9F5;
 }
 #questioncontainerb{
 	width:900px;
 	float:left;
 	padding-top:3px;
 	padding-bottom:3px;
 	background:#FBFEFB;
 }
 #questionno{
 	padding-top:0px;
 	width:30px;
 	float:left;
 	font-weight:bold;
 }
 #question{
 	padding-top:0px;
 	width:750px;
 	float:left;
 }
 #answers{
 	width:120px;
 	float:left;
 	text-align:left;
 	padding:0px;
 	margin:0px;
 }
  #answersthird{
  	width:40px;
  	float:left;
  	text-align:left;
  	padding:0px;
  	margin:0px;
 }