/*** milltech ***/

html { overflow-y: scroll; }

body, html, table, tr, th, td, p, br, div, span, h1, h2, h3, h4, h5, h6, form, img  { border: none; margin: 0; padding: 0; }

body {
	font-family:  verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body { font-size: medium; }

	body.default { background-color: #d1d3d4; color: #000; }
	body.learners { background-color: #cddd54; color: #000;	}
	body.employers { background-color: #00b2cd; color: #000; }
	body.schools { background-color: #fdb813; color: #000; }

#skiptomain { display: none; }

.inline, form { display:inline; }
.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 10px 0; }
p.fivespace { margin: 5px 0 0 0; }
p.tenspace { margin: 10px 0 0 0; }
p.fifteenspace { margin: 15px 0 0 0; }
p.twentyspace { margin: 20px 0 0 0; }

.success { color: #060; font-weight: bold; }

.txt-uppercase { text-transform: uppercase; }

h2.qanda { margin: 0; padding: 15px 0; }

p.qanda { margin: 20px 0; }

#wrapper {
	width: 916px;
	background: #fff;
	margin: 20px auto 0 auto;
	padding: 25px 22px;
	text-align: left;
}

	#site-header {
		width: 916px;
		height: 55px;
		margin: 0 0 5px 0;
	}

		#header-img {
			width: 150px;
			float: left;
			margin: 0 12px 0 0;
		}

		#header-tag {
			width: 500px;
			height: 48px;
			color: #ac3e97;
			float: left;
			font-size: 1.4em;
			line-height: 48px;
		}

			#header-tag p { margin: 0; padding: 0; }

			#header-tag p strong { font-weight: normal; }

	#top-block {
		width: 916px;
		margin: 0px;
	}

		#top-block-lft {
			width: 690px;
			float: left;
		}

			#section-title {
				width: 670px;
				font-size: 0.9em;
				height: 26px;
				line-height: 26px;
				margin: 0 0 5px 0;
				padding: 10px;
			}

				#section-title h1 { font-size: 2.0em; }

					#section-title h1 a:link, #section-title h1 a:visited { color: #fff; text-decoration: none; }
					#section-title h1 a:hover, #section-title h1 a:active { color: #fff; text-decoration: underline; }

				#section-title.default { background-color: #ffffff; color: #000; }
				#section-title.learners { background-color: #cddd54; color: #fff;	}
				#section-title.employers { background-color: #00b2cd; color: #fff; }
				#section-title.schools { background-color: #fdb813; color: #fff; }

			#section-nav {
				width: 690px;
				height: 24px;
				font-size: 0.9em;
				font-weight: bold;
				margin: 0 0 5px 0;
			}

				#section-nav-emp {
					width: 325px;
					height: 24px;
					background-color: #00b2cd;
					line-height: 24px;
					padding: 0 5px;
				}

				#section-nav-sch {
					width: 325px;
					height: 24px;
					background-color: #fdb813;
					line-height: 24px;
					padding: 0 5px;
				}

				#section-nav-lea {
					width: 325px;
					height: 24px;
					background-color: #cddd54;
					line-height: 24px;
					padding: 0 5px;
				}

					.s-nav-lft { float: left; }
					.s-nav-rgt { float: right; }

					#section-nav a:link, #section-nav a:visited { color: #ffffff; text-decoration: none; }
					#section-nav a:hover, #section-nav a:active { color: #ac3e97; text-decoration: underline; }

			#hero-img {
				width: 690px;
				height: 425px;
				margin: 0;
			}

			#gmap {
				width: 690px;
				height: 425px;
				margin: 0 0 10px 0;
				overflow: hidden;
			}

			#nav-sections {
				width: 690px;
				height: 70px;
				margin: 0 0 10px 0;
			}

				#nav-sections ul {
					width: 690px;
					height: 70px;
					list-style: none;
					margin: 0;
					padding: 0;
				}

					#nav-sections ul li {
						width: 187px;
						height: 50px;
						float: left;
						list-style-type: none;
						line-height: 25px;
						margin: 0 5px 0 0;
						padding: 10px 20px;
					}

					#nav-sections ul li#navblock-1 {
						background-color: #cddd54;
						color: #fff;
					}

					#nav-sections ul li#navblock-2 {
						background-color: #00b2cd;
						color: #fff;
					}

					#nav-sections ul li#navblock-3 {
						width: 186px;
						background-color: #fdb813;
						color: #fff;
						margin-right: 0px;
					}

						#nav-sections ul li strong {
							font-weight: normal;
							font-size: 1.3em;
						}

						#nav-sections ul li a:link, #nav-sections ul li a:visited {
							color: #fff;
							text-decoration: none;
						}

						#nav-sections ul li a:hover, #nav-sections ul li a:active {
							color: #000;
							text-decoration: underline;
						}

		#top-block-rgt {
			width: 210px;
			float: right;
		}

			#top-block-rgt ul {
				width: 210px;
				list-style: none;
				margin: 0 0 10px 0;
				padding: 0;
				font-size: 0.95em;
				line-height: 1.2em;
			}

				#top-block-rgt ul li {
					width: 210px;
					list-style-type: none;
					margin: 0;
					padding: 0 0 5px 0;
				}

					#top-block-rgt ul li a:link, #top-block-rgt ul li a:visited {
						color: #ac3e97;
						text-decoration: none;
					}

					#top-block-rgt ul li a:hover, #top-block-rgt ul li a:active {
						color: #ac3e97;
						text-decoration: underline;
					}

					#top-block-rgt ul li.active { font-weight: bold; }

			#top-block-login {
				width: 210px;
				color: #b24b9e;
			}

				#top-block-login p {
					margin: 5px 0;
					padding: 0;
				}

				#top-block-login input#loginusername {
					border: 1px solid #d3d4d6;
					color: #b8babc;
					width: 190px;
					margin: 2px 0;
					padding: 4px;
				}

				#top-block-login input#loginpassword {
					border: 1px solid #d3d4d6;
					color: #b8babc;
					width: 190px;
					margin: 2px 0;
					padding: 4px;
				}

	#footer-tag {
		width: 916px;
		height: 74px;
		background-color: #ac3e97;
		color: #fff;
		font-size: 2.0em;
		line-height: 74px;
		text-align: center;
	}

	#footer {
		width: 916px;
		font-size: 0.8em;
		margin: 10px 0 0 0;
	}

		#footer ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#footer ul li {
				display: inline;
				float: left;
				list-style-type: none;
				margin: 0;
				padding: 0;
			}

				#footer ul li.border-right {
					border-right: 1px solid #ac3e97;
					margin-right: 8px;
					padding-right: 8px;
				}

				#footer ul li a:link, #footer ul li a:visited {
					color: #ac3e97;
					text-decoration: none;
				}

				#footer ul li a:hover, #footer ul li a:active {
					color: #000000;
					text-decoration: underline;
				}

	#site-content {
		width: 916px;
		background-color: #fff;
		color: #666666;
		font-size: 0.9em;
		line-height: 1.3em;
		margin: 0 0 5px 0;
		padding: 0 0 10px 0;
	}

		#section-left-right {
			width: 916px;
			margin-bottom: 16px;
		}

			#section-lr-lft {
				width: 690px;
				float: left;
				min-height: 350px;
				padding: 10px 0;
			}

				#section-lr-lft #page-header {
					width: 670px;
					padding: 20px 10px;
					margin: 0 0 15px 0;
				}

					#section-lr-lft #page-header.default { background-color: #ac3e97; color: #fff;	}
					#section-lr-lft #page-header.learners { background-color: #cddd54; color: #fff;	}
					#section-lr-lft #page-header.employers { background-color: #00b2cd; color: #fff; }
					#section-lr-lft #page-header.schools { background-color: #fdb813; color: #fff; }

					#section-lr-lft #page-header h1 {
						font-size: 1.5em;
						margin: 0;
						padding: 0;
					}

				#section-lr-lft h2 {
					font-size: 1.1em;
					margin: 5px 0 10px 0;
					padding: 0;
					text-transform: uppercase;
				}

				#section-lr-lft a:link, #section-lr-lft a:visited { color: #000; text-decoration: underline; }
				#section-lr-lft a:hover, #section-lr-lft a:active { color: #ac3e97; text-decoration: underline; }

				#section-lr-lft #main-text {
					width: 670px;
					padding: 10px 10px 0 10px;
					background-color: #e5ecab;
				}

					#section-lr-lft #main-text.default { background-color: #fff;}
					#section-lr-lft #main-text.learners { background-color: #e5ecab; }
					#section-lr-lft #main-text.employers { background-color: #b7e3ed; }
					#section-lr-lft #main-text.schools { background-color: #ffe6b9; }

				#main-text h2.hp-feat-courses {
					margin-top: 25px;
					text-transform:none;
				}

				ul#hp-feat-courses {
					padding-bottom: 25px;
				}

				ul#hp-feat-courses li a:link, ul#hp-feat-courses li a:visited { color: #666666; text-decoration: underline; }
				ul#hp-feat-courses li a:hover, ul#hp-feat-courses li a:active { color: #000000; text-decoration: underline; }

				ul#page-doc-library li {
					list-style: none;
					font-size: 0.9em;
					line-height: 20px;
					margin: 5px 0 10px 0;
				}

					ul#page-doc-library li a {
						font-size: 1.1em;
					}

					ul#page-doc-library li.pdf, ul#page-doc-library li.pdf-default {
						background: transparent url(/images/dl-icon-pdf.gif) no-repeat left top;
						padding: 0 0 0 48px;
					}

					ul#page-doc-library li.pdf-learners {
						background: transparent url(/images/dl-icon-pdf-learners.gif) no-repeat left top;
						padding: 0 0 0 48px;
					}

					ul#page-doc-library li.doc, ul#page-doc-library li.doc-default {
						background: transparent url(/images/dl-icon-doc.gif) no-repeat left top;
						padding: 0 0 0 48px;
					}

					ul#page-doc-library li.doc-learners {
						background: transparent url(/images/dl-icon-doc-learners.gif) no-repeat left top;
						padding: 0 0 0 48px;
					}

				#ttg-app-form, #wws-opp-form, #app-form-return, #feedback-form {
					width: 650px;
					font-size: 0.9em;
					padding-bottom: 10px;
				}

					#ttg-app-form form, #wws-opp-form form, #app-form-return form, #feedback-form form { display: inline; }

					#ttg-app-form p, #wws-opp-form p, #app-form-return p, #feedback-form p { margin-top: 5px; }

					#ttg-app-form .cont-asterix, #wws-opp-form .cont-asterix, #app-form-return .cont-asterix, #feedback-form .cont-asterix { color: #f90; }

					#ttg-app-form label.contform, #wws-opp-form label.contform, #app-form-return label.contform, #feedback-form label.contform {
						width: 105px;
						clear: left;
						float: left;
						margin-top: 5px;
						padding-right: 10px;
					}

					#ttg-app-form input.contform, #wws-opp-form input.contform, #app-form-return input.contform, #feedback-form input.contform {
						width: 280px;
						border: 1px solid #000;
						float: left;
						font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
						font-size: 1.0em;
						margin-top: 5px;
					}

						#app-form-return input.contform-file {
							width: 366px;
							border: 1px solid #000;
							float: left;
							font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
							font-size: 1.0em;
							margin-top: 5px;
						}

					#feedback-form select.contform {
						width: 284px;
						border: 1px solid #000;
						font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
						font-size: 1.0em;
						float: left;
						margin-top: 5px
					}

					#app-form-return select.contform {
						width: 284px;
						border: 1px solid #000;
						float: left;
						font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
						font-size: 1.0em;
						float: left;
						margin-top: 5px
					}

					#ttg-app-form textarea.contform, #wws-opp-form textarea.contform, #app-form-return textarea.contform, #feedback-form textarea.contform {
						width: 280px;
						border: 1px solid #000;
						font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
						font-size: 1.0em;
						float: left;
						margin-top: 5px;
					}

					#ttg-app-form #buttsend, #wws-opp-form #buttsend, #app-form-return #buttsend, #feedback-form #buttsend {
						background-color: #ac3e97;
						border: 1px solid #000;
						color: #ffffff;
						font-weight: bold;
						margin: 10px 0 0 115px;
						padding: 3px 5px;
					}

						#ttg-app-form div.newsletter, #wws-opp-form div.newsletter, #app-form-return div.newsletter, #feedback-form div.newsletter {
							width: 25px;
							float: left;
						}

						#ttg-app-form label.newsletter, #wws-opp-form label.newsletter, #app-form-return label.newsletter, #feedback-form label.newsletter {
							width: 625px;
							float: left;
						}

			#section-lr-rgt {
				width: 210px;
				float: right;
				min-height: 350px;
				padding: 0;
			}

				#my-story-feature {
					width: 190px;
					font-size: 0.9em;
					line-height: 1.2em;
					padding: 10px;
					margin: 10px 0 0 0;
				}

					#my-story-feature.default { background-color: #fdb813; color: #000; }
					#my-story-feature.learners { background-color: #cddd54; color: #000;	}
					#my-story-feature.employers { background-color: #00b2cd; color: #000; }
					#my-story-feature.schools { background-color: #fdb813; color: #000; }

					#my-story-feature h3 {
						font-size: 1.3em;
						margin: 0 0 10px 0;
						padding: 0;
						text-transform: uppercase;
					}

					#my-story-feature a:link, #my-story-feature a:visited { color: #000; text-decoration: underline; }
					#my-story-feature a:hover, #my-story-feature a:active { color: #fff; text-decoration: underline; }

					#rhs-apply-now {
						margin-top: 20px;
						background-color: #fff;
					}

		#section-breaker-learners {
			width: 960px;
			height: 15px;
			background-color: #cddd54;
			color: #cddd54;
			font-size: 10px;
			line-height: 15px;
			margin: 0 0 0 -22px;
			padding: 0;
		}

		#section-breaker-employers {
			width: 960px;
			height: 15px;
			background-color: #00b2cd;
			color: #cddd54;
			font-size: 10px;
			line-height: 15px;
			margin: 0 0 0 -22px;
			padding: 0;
		}

		#section-breaker-schools {
			width: 960px;
			height: 15px;
			background-color: #fdb813;
			color: #cddd54;
			font-size: 10px;
			line-height: 15px;
			margin: 0 0 0 -22px;
			padding: 0;
		}

			/* ie6 isnt ready for this jelly! */
			* html #section-breaker-learners, * html #section-breaker-employers, * html section-breaker-schools {
				width: 916px;
				margin: 0;
			}

		#learners-subs {
			background-color: #fff;
			width: 690px;
			margin: 0 0 0 -10px;
			padding: 20px 0;
		}

			.learner-sub {
				background: #e2eba3;
				font-size: 2.0em;
				padding: 20px 10px;
				margin: 0 0 20px 0;
			}

			.learner-sub-last {
				margin-bottom: 0;
			}

		#section-features {
			width: 916px;
			margin: 10px 0 0 0;
		}

			.section-feature-row {
				width: 916px;
				padding: 0 0 10px 0;
			}

				.section-feature-cell {
					width: 430px;
					float: left;
					padding: 10px;
				}

					.sfc1, .sfc3 {
						float: left;
					}

					.sfc2, .sfc4 {
						float: right;
					}

					.sfc-learners-1 { background: #ecf1c3; }
					.sfc-learners-2 { background: #e2eba3; }
					.sfc-learners-3 { background: #d9e583; }
					.sfc-learners-4 { background: #cddd54; }

						.sfc-txt {
							width: 290px;
							color: #666;
							float: left;
							font-size: 0.8em;
							line-height: 1.3em;
						}

							.sfc-txt a strong {
								font-size: 1.6em;
								font-weight: normal;
							}

							.sfc-txt a:link, .sfc-txt a:visited { color: #000; text-decoration: none; }
							.sfc-txt a:hover, .sfc-txt a:active { color: #ac3e97; text-decoration: underline; }

							.sfc-txt img {
								margin-top: 10px;
							}

						.sfc-pic {
							width: 120px;
							float: right;
						}

.app-error {
	border: 1px solid #000;
	background-color: #fcc;
	color: #c00;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px;
}

	.app-error p { margin: 3px 0; padding: 0; }

.page-text-padded { padding-bottom: 20px; }

#contact-officers {
	width: 670px;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 10px 0;
}

	.contact-officer-row {
		width: 670px;
		margin: 0;
		padding: 0 0 15px 0;
	}

		.contact-officer-cell {
			width: 320px;
			float: left;
		}

		.contact-officer-cell-rgt {
			float: right;
		}

			.contact-officer-cell-img {
				width: 110px;
				float: left;
			}

			.contact-officer-cell-txt {
				width: 210px;
				float: left;
			}

				.contact-officer-cell-txt p {
					margin: 2px 0 5px 0;
					padding: 0;
				}


.news-article {
	float:left;
	width: 670px;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 0px 0;
	margin:0px 0px 10px 0px;
}

	.news-article img {
		float:left;
		background:#eee;
		margin: 0px 5px 0px 0px;
	}

table#user-app-links {
	width: 650px;
	border: none;
	border-collapse: collapse;
	margin: 20px 0;
	padding: 0;
}

	table#user-app-links th, table#user-app-links td {
		border: 1px solid #999;
		border-collapse: collapse;
		margin: 0;
		padding: 2px;
		text-align: left;
	}

		table#user-app-links th {
			padding-bottom: 5px;
		}

ul#macc-doc-library {
	list-style-type: none;
	margin: 0 0 25px 15px;
	padding: 0 0 10px 0;
}

	ul#macc-doc-library li {
		font-size: 0.9em;
		line-height: 20px;
		list-style: none;
		margin: 5px 0 10px 0;
	}

		ul#macc-doc-library li.memdoc-title { padding-top: 20px; }

		ul#macc-doc-library li a {
			font-size: 1.1em;
		}

		ul#macc-doc-library li.pdf, ul#macc-doc-library li.pdf-default {
			background: transparent url(/images/dl-icon-pdf.gif) no-repeat left top;
			padding: 0 0 0 48px;
		}

		ul#macc-doc-library li.pdf-learners {
			background: transparent url(/images/dl-icon-pdf-learners.gif) no-repeat left top;
			padding: 0 0 0 48px;
		}

		ul#macc-doc-library li.doc, ul#macc-doc-library li.doc-default {
			background: transparent url(/images/dl-icon-doc.gif) no-repeat left top;
			padding: 0 0 0 48px;
		}

		ul#macc-doc-library li.doc-learners {
			background: transparent url(/images/dl-icon-doc-learners.gif) no-repeat left top;
			padding: 0 0 0 48px;
		}
		
/*  TESTIMONIALS BUBBLES  ============================================================================= */

.speechbubble {
	position:relative;
	padding:5%;
	margin:0;
	color:#fff;
	background:#ac3e97; /* default background for browsers without gradient support */
	font-style: normal;
	
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#bc4ea7), to(#ac3e97));
	background:-moz-linear-gradient(top, #bc4ea7, #ac3e97);
	background:-o-linear-gradient(top, #bc4ea7, #ac3e97);
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.speechbubble + p {margin:15px 0 2em 55px; font-style:italic;}

/* creates the triangle */
.speechbubble:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-50px;
	left:20px;
	width:0;
	height:0;
	border-width:0 20px 50px 0px;
	border-style:solid;
	border-color:transparent #ac3e97;
}