/* <!-- */
	/* General styles */
	body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
		font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
	* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

	a img {
	border:none;
	display:inline;
	vertical-align:middle;
	margin:0;
}
form, select, input 
{
	font-size:100%;
	width:auto;
}

.col1 select {
	margin:15px 0 5px 0;
}
a {
	color:#369;
}
a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	line-height:120%;
}
#header h2 {
	font-weight:normal;
	line-height:100%;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
/* Header styles */
	#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
	border-bottom:1px solid #000;
}
#header p,  #header h1,  #header h2 {
	padding:0 15px 0 15px;
	margin:0;
}
.col1 h4 {
	margin-bottom:0;
	clear:left;
}
.col1 p {
	margin:3px 0 10px 0;
}
.col1 address {
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
#header p {
	margin-top:.4em;
}
#header h1 {
	padding-top:1em;
	margin-bottom:0;
}
#header h2 {
	margin-bottom:10px;
}
#choicesMenu {
	background:#efefef;
	width:100%;
	font-size:medium;
	padding:15px;
	height:40px;
}
#choicesMenu ul li a {
	display:inline;
	float:none;
	margin:10px 0 0 0px;
	padding:3px 10px 3px 10px;
	text-align:left;
	color:#000;
	text-decoration:underline;
	position:relative;
	left:0px;
	line-height:1.3em;
	clear:left;
	font-size:110%;
}
#choicesMenu ul li a:hover {
	background:#369;
	color:#fff;
}
ul {
	clear:left;
	float:left;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
li.indent a {
}
#providerDetail ul {
	padding:0;
	margin:0 0 15px 0;
	clear:both;
}
#providerDetail ul li {
	display:list-item;
	list-style-type: disc;
	padding:0 0 0 0;
	margin:0 0 0 20px;
}
ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
ul li a {
	display:inline;
	float:left;
	margin:10px 0 0 1px;
	padding:3px 10px;
	text-align:left;
	background:#eee;
	color:#000;
	text-decoration:underline;
	position:relative;
	left:0px;
	line-height:1.3em;
	clear:left;
	font-size:110%;
}
ul li a:hover {
	background:#369;
	color:#fff;
}
ul li a.active,  ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
ul li a span {
}
/* 'widths' sub menu */
	#layoutdims {
	clear:both;
	background:#3399cc;
	border-top:10px solid #acc22d;
	margin:0;
	color:#FFFFFF;
	padding:6px 15px !important;
	text-align:right;
}
#layoutdims a {
	color:#fff;
}
#layoutdims span {
	line-height:180%;
}
/* column container */
	.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
	.colright,  .colmid,  .colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,  .col2,  .col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (left menu) settings */
	.leftmenu {
	background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background:#eee;	/* left column background colour */
}
.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;			/* left column content width (column width minus left and right padding) */
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}
/* Footer styles */
	#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;
}
/* FORMS */
	
.ReadAloud
{
	float: right;
	margin-top: 10px;
}
	
	fieldset {
	border:none;
	padding:0;
	margin:0;
}
legend {
	margin:0;
	padding:0;

}
.left {
	float:left;
	display:inline;
}
.right {
	float:right;
	display:inline;
}
.FrmButton {
	float:right;
	display:inline;
	font-weight:bold;
	font-size: 120%;
	margin:0;
	
}
#login input {
	margin:.7em 0 0 0;
	padding:3px;
}
#login legend {

}
#login textarea {
	width:400px;
	margin:10px 0;
}
input:focus {
	background-color: #ffffcc;
	color:#000000;
}
label em {
	font-weight: bold;
	color:#ff0000;
}
label img {
	margin:0;
	vertical-align:middle;
}
input.required_Field {
	border-left:3px solid #ff0000;
}
/* Fieldsets */
	
	.fs_subjects input {
	border:1px solid #ddd;
	margin-top:5px;
}
.fs_subjects labels {
	clear:both;
}
.subjecticons {
	width:80px;
	margin:10px 15px 0 0;
	float:left;
	display:inline;
	text-align:center;
}
.subjecticons label {
	font-size:80%;
}
.fs_coursesearch {
	margin:20px 0 0 0;
}
.fs_coursesearch legend {
	padding:0 0 10px 0;
}
.fs_coursesearch .search_field {
	width:50%;
	float:left;
}
.fs_coursesearch label {
	float:left;
	margin-right:10px;
}

.LargerText
{
	font-size: 120%;
	font-weight: bold;
}

#Instructions
{

}

#Instructions ul
{
	clear: both;
	list-style:disc;
	margin:10px 0 0 0;
	padding:0;
}

#Instructions ul li {
	display:inline;
	list-style: disc;
	margin:0;
	padding:0;
}

/* Providers Page */
	
	.providerslist_item {
	border-bottom:1px solid #ddd;
	clear:left;
	padding-bottom:10px;
	vertical-align:top;
	margin-top:20px;
}
.providerslist_item a {
	font-weight:bold;
}
.providerslist_item img {
	float:left;
	display:inline;
	margin:0 15px 0 0;
	padding:0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.subjecticons {
height:120px;
}
.subjecticons a:link {
	text-decoration:none;
	
}
.subjecticons img {
	border:1px solid #ddd;
}
.CourseListingDiv {
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	
}
#courselisting img {
	float:left;
	display:inline;
	border:1px solid #ddd;
	margin:0 10px 10px 0;
}
#courselisting p {
	margin:5px 0 0 0;
}
#courselisting .CourseTitleLink {
	font-weight:bold;
}
#courselisting .CourseProviderLink {
	font-size:85%;
}
#courselisting legend {
	margin-bottom:10px;
}
/* Provider Details Page */
	
	#providerDetail img {
	border:1px solid #ddd;
}
#providerDetail h3, h4, h5 {
	font-weight:normal;
}
ul.providerbullets {
	margin:5px 0 20px 0;
}
ul.providerbullets li {
	float:left;
	clear:left;
	margin:0;
}
/* Course Details */
	
	#courseDetails img {
	border:1px solid #ddd;
}
img.wishlist {
	float:right;
	display:inline;
	clear:right;
	border:none !important;
	margin:0;
	padding:0;
}
select.schoolselect {
	width:400px;
}
#pp {
	border:1px solid #ddd;
	padding:10px;
	margin-bottom:15px;
}
#pp img {
	float:left;
	margin-right:15px;
}
#pp p {
	display:inline;
}
#svcourses {
	border:1px solid #ddd;
	padding:10px;
	margin-bottom:15px;
}
#svcourses a {
	float:right;
	margin-left:10px;
}
#wishl {
	border:1px solid #ddd;
	padding:0 10px 5px 10px;
	margin-bottom:14px;
}
#wish1 h3 {
	margin:0;
	padding:0;
}
ul.wllist {
	margin:0;
	width:100%;
	padding:0;
}
ul.wllist li {
	float:left;
	clear:left;
	margin:0;
	padding:3px 0;
	display:list-item;
	width:100%;
	border-bottom:1px solid #eee;
}
ul.wllist li a {
	float:right;
	margin:0;
	padding:0;
	background:none;
	font-size:100%;
}
ul.wllist li a:hover {
	color:#333333;
}

.outline {
	border:1px solid #ddd; 
	padding:10px; margin:15px 0;
}

.setWidth
{
	width: 400px;
}

.return {float:right; font-weight:bold; padding:5px 10px; background:#eee; border:1px solid #111; margin:12px 10px 0 0; display:inline;}

.wishholder {margin:0; float:right; border:1px solid #ddd; background:#FFFF99; text-align:center; padding:10px;  font-weight:bold; }
.wishholder img {float:right; margin:0 0 0 10px; }
.wishholder a:link {}

.error p.errtitle {font-size:large; font-weight:bold; margin:0; padding:0;}
.error {border:1px solid #333; background:#FFFFCC; color:darkred; padding:10px; margin:10px 0;}
.error p {margin:0;}


/*Feedback*/
.feedback {
	float:left;
	width:100%;
	/*	border:1px solid red;
	*/
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
	padding-bottom:10px;
}

.feedbackicons {
	float:left;
	margin:10px 15px 0 0;
	text-align:center;
	width:100px;
/*	border:1px solid blue;*/
}
.feedbackicons label {
	font-size:80%;
	display:block;
}

.feedbackicons {
	height:120px;

}
.feedbackicons img {
	border:1px solid #ddd;
	padding:5px;
	
}

.feedbackicons input {
	width:100px;
}

.flag {
	display:none;
}