/**********************************************************************************************

	CSS on Sails for .NET
	Title: The Mentoring Partnership of Southwestern Pennsylvania
	Author: XHTMLized
	Date: January 2009 

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #242424 url(../images/bg.gif);
		font: 62.5% Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		}
		


	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	 
	input, textarea, select {
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	}

	a {
		color: #09f;
		text-decoration: none;
	}
	
	a:hover, 
	a:active {
		color: #09f;
		text-decoration: underline;
	}
	
	body.noimage {
		background: #f5f5f5;
		}
	

/* 1.4	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}
	
	div.footer:after,
	div.story:after,
	div.story dl:after,
	div.buttons:after { 
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden; 
	}
	
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	div.bg {
		background: url(../images/bg-top.gif) repeat-x top left;
	}

	div.container {
		width: 956px;
		position: relative;
		margin: 0 auto;
		text-align: left;
		font-size: 1.1em;
		background: #f5f5f5;
		overflow: hidden;
	}
	

	body.home div.container { overflow: visible; }

	
	div.content-wrap {
		padding: 0 24px 0 31px;
		min-height: 800px;
	}
	
	div.content {
		width: 621px; 
		float: left;
	}
		
	div.sidebar {
		width: 252px;
		float: right; 
	}
	
	div.footer {
		clear: both;
	}
	
	div.container-gallery {
		width: 640px;
		position: relative;
		margin: 0 auto;
		padding-bottom: 10px;
		text-align: left;
		font-size: 1.1em;
		background: #f5f5f5;
		overflow: hidden;
	}
	

/* ADDED BY cei
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.tableForm table td {
    padding: 2px 4px 2px 0px;
    font-weight: normal;
    font-size: 10px;
    color: #666;
}    

.pageTitle {
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    font-size: 2.2em;    
}    
	
	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
	div.header {
		background: #eee url(../images/bg-header.gif) repeat-x top left;
		height: 145px;
		z-index: 1;
		position: relative;
	}
	
	body.home div.header { height: 126px; }
	body.become-a-partner div.header { height: 126px; }
	body.for-parents-and-guardians div.header { height: 126px; }
	body.about-mpswpa div.header { height: 126px; }
	body.donate div.header { height: 126px; }
	body.contact-us div.header { height: 126px; }
	
	
	/* logo */
	div.header h1, 
	div.header h1 span,
	div.header a.logo,
	div.header a.logo span {
		display: block;
		width: 127px;
		height: 59px;
		overflow: hidden;
		z-index: 2;
	}
	
	div.header h1,
	div.header a.logo {
		position: absolute;
		top: 33px;
		left: 40px;
		text-indent: -999em;
	}
		
	div.header h1 span,
	div.header a.logo span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 3;
		background: url(../images/logo.gif) no-repeat;
	}

	div.header a.logo span {	
		cursor: pointer;
	}
	
	/* header image */
	div.header img { position: absolute; top: 0; left: 0;z-index: 0 !Important }
	
	/* navigation */
	div.navigation { position: absolute; top: 73px; left: 249px; z-index: 100 !important; width: 90%  }
	div.navigation ul li { float: left; }
	div.navigation ul li a { background: url(../images/bg-navigation2.gif) no-repeat top left; display: block; height: 43px; text-indent: -999em; width: 112px; }
	div.navigation ul li li a { background: none; }

	/* link states */
	div.navigation ul li.home a { background-position: 0 0; }
	div.navigation ul li.what-is-mentoring a { background-position: -112px 0; }
	div.navigation ul li.become-a-mentor a { background-position: -224px 0; }
	div.navigation ul li.get-training a { background-position: -336px 0; }
	div.navigation ul li.news-and-events a { background-position: -448px 0; }
	div.navigation ul li.become-a-partner a { background-position: -560px 0; }
	
	/* hover states */
	div.navigation ul li.home a:hover,
	div.navigation ul li.home a.active { background-position: 0 -86px; }
	div.navigation ul li.what-is-mentoring a:hover,
	div.navigation ul li.what-is-mentoring a.active { background-position: -112px -86px; }
	div.navigation ul li.become-a-mentor a:hover,
	div.navigation ul li.become-a-mentor a.active { background-position: -224px -86px; }
	div.navigation ul li.get-training a:hover,
	div.navigation ul li.get-training a.active { background-position: -336px -86px; }
	div.navigation ul li.news-and-events a:hover,
	div.navigation ul li.news-and-events a.active { background-position: -448px -86px; }
	div.navigation ul li.become-a-partner a:hover,
	div.navigation ul li.become-a-partner a.active { background-position: -560px -86px; }
	
	/* current states */
	body.home div.navigation ul li.home a, body.home div.navigation ul li.home a:hover { background-position: 0 -43px; }
	body.what-is-mentoring div.navigation ul li.what-is-mentoring a, body.what-is-mentoring div.navigation ul li.what-is-mentoring a:hover { background-position: -112px -43px; }
	body.become-a-mentor div.navigation ul li.become-a-mentor a, body.become-a-mentor div.navigation ul li.become-a-mentor a:hover { background-position: -224px -43px; }
	body.get-training div.navigation ul li.get-training a, body.get-training div.navigation ul li.get-training a:hover { background-position: -336px -43px; }
	body.news-and-events div.navigation ul li.news-and-events a, body.news-and-events div.navigation ul li.news-and-events a:hover { background-position: -448px -43px; }
	body.become-a-partner div.navigation ul li.become-a-partner a, body.become-a-partner div.navigation ul li.become-a-partner a:hover { background-position: -560px -43px; }
	
	/* dropdowns */ 
	div.navigation ul li ul.dropdown { position: absolute; left: -999em; top: 0; z-index: 99 !important; margin: 42px 0 0; padding: 0; width: 134px;}
	div.navigation ul li:hover ul.dropdown,
	div.navigation ul li.sfHover ul.dropdown { left: auto; display: block; background: transparent url(../images/bg-opacity.png) no-repeat top right; border: 1px solid #9a9a9a; border-top: 0; padding-top: 1px; }
	div.navigation ul li:hover ul.dropdown li, 
	div.navigation ul li:hover ul.dropdown li a,
	div.navigation ul li.sfHover ul.dropdown li, 
	div.navigation ul li.sfHover ul.dropdown li a { width: 134px; padding: 0; display: block; height: auto; }
	div.navigation ul li:hover ul.dropdown li a,
	div.navigation ul li.sfHover ul.dropdown li a { width: 114px; padding: 3px 10px; text-indent: 0; background-image: none; color: #999; border-top: 1px solid #fbfbfb; border-bottom: 1px solid #fff; line-height: 1.4; }
	div.navigation ul li ul.dropdown li a:hover { background: #dc0000; border-top: 1px solid #f8cccc; border-bottom: 1px solid #e33333; text-decoration: none; color: #fff; } 

	/* child */ 
	div.navigation ul li ul.child { display: block; position: absolute; background: #eee; height: 30px; left: auto; z-index: 10; margin-left: -90px }
	div.navigation ul li ul.child li { padding: 3px 20px; float: left; height: auto; padding-top: 8px }
	div.navigation ul li ul.child li a { text-indent: 0; background-image: none; color: #999; width: auto; height: auto; }
	div.navigation ul li ul.child li.active a { color: #000 }
		
	/* sub-nav */
	div.sub-nav { position: absolute; top: 21px; right: 19px; font-size: 0.9em; z-index: 1; }
	div.sub-nav ul li { float: left; }
	div.sub-nav ul li a { background: url(../images/bg-sub-navigation.gif) no-repeat top left; display: block; height: 20px; text-indent: -999em; }

	/* link states */
	div.sub-nav ul li.contact-us a { background-position: 0 0; width: 100px; }
	div.sub-nav ul li.for-parents-and-guardians a { background-position: -100px 0; width: 112px; }
	div.sub-nav ul li.donate a { background-position: -212px 0; width: 94px; }
	div.sub-nav ul li.about-mpswpa a { background-position: -306px 0; width: 48px; }
	
	/* hover and current states */
	div.sub-nav ul li.contact-us a:hover, 
	body.contact-us div.sub-nav ul li.contact-us a,
	div.sub-nav ul li.contact-us a.active { background-position: 0 -20px; }
	div.sub-nav ul li.for-parents-and-guardians a:hover, 
	body.for-parents-and-guardians div.sub-nav ul li.for-parents-and-guardians a,
	div.sub-nav ul li.for-parents-and-guardians a.active { background-position: -100px -20px; }
	div.sub-nav ul li.donate a:hover, 
	body.donate div.sub-nav ul li.donate a,
	div.sub-nav ul li.donate a.active { background-position: -212px -20px; }
	div.sub-nav ul li.about-mpswpa a:hover, 
	body.about-mpswpa div.sub-nav ul li.about-mpswpa a,
	div.sub-nav ul li.about-mpswpa a.active { background-position: -306px -20px; }

	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/
		
	
	/* image replacement */
	.ir, .ir span { overflow: hidden; }
	.ir { position: relative; }
	.ir span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	
	/* image replacement: page titles */
	.carebreak-at-the-watson-institute { width: 541px; height: 23px; }
	.find-a-program-that-fits { width: 357px; height: 27px; }
	.real-mentoring-stories { width: 337px; height: 27px; }
	.sign-up-for-mentor-training { width: 413px; height: 27px; }
	.sign-up-for-program-training { width: 436px; height: 27px; }
	.sign-up-for-super-saturday { width: 407px; height: 63px; }
	.training-for-mentors { width: 305px; height: 27px; }
	.training-for-programs-title { width: 328px; height: 27px; }
	.what-is-mentoring-title { width: 293px; height: 27px; }
	.nathan-and-brandon { width: 275px; height: 23px; }
	.melanie-and-jaquayla { width: 295px; height: 27px; }
	.get-training-title { width: 184px; height: 27px; }
	.contact-us-title { width: 166px; height: 23px; }
	.donate-title { width: 107px; height: 22px; }
	.is-mentoring-for-you { width: 319px; height: 27px; }
	.resource-local-mentors-agencies { width: 479px; height: 62px; }
	.stay-up-to-date { width: 474px; height: 28px; }
	.stay-up-to-date span { background: url(../images/ir-stay-up-to-date-with-mentoring.gif) no-repeat; }
	.thanks-youve-signed-up-mentor-training { width: 429px; height: 61px; }
	.thanks-youve-signed-up-program-training { width: 429px; height: 61px; }
	.thanks-your-application-submitted { width: 515px; height: 57px; }
	.apply-title { width: 408px; height: 27px; }
	.about-mpswpa-title { width: 245px; height: 23px; }
	.research { width: 136px; height: 23px; }
	.for-parents-and-guardians-title { width: 364px; height: 23px; }
	.grant-and-mission-discovery { width: 396px; height: 28px; }
	.thomas-and-jonathan { width: 298px; height: 23px; }
	.robyn-and-tammy { width: 251px; height: 27px; }
	.dominick-and-warren { width: 291px; height: 23px; }
	.mike-and-lamont { width: 224px; height: 23px; }
	.become-a-partner-title { width: 269px; height: 22px; }
	.hear-what-others-say { width: 465px; height: 27px; }
	.many-ways-mentor { width: 481px; height: 26px; }
	.mentor-a-6-grader { width: 343px; height: 23px; }
	.mentor-a-6-grader-apply { width: 487px; height: 27px; }
	.open-house { width: 349px; height: 27px; }
	.highmark-walk { width: 459px; height: 27px; }
	
	.carebreak-at-the-watson-institute span { background: url(../images/ir-carebreak-at-the-watson-institute.gif) no-repeat; }
	.find-a-program-that-fits span { background: url(../images/ir-find-a-program-that-fits.gif) no-repeat; }
	.real-mentoring-stories span { background: url(../images/ir-real-mentoring-stories.gif) no-repeat; }
	.sign-up-for-mentor-training span { background: url(../images/ir-sign-up-for-mentor-training.gif) no-repeat; }
	.sign-up-for-program-training span { background: url(../images/ir-sign-up-for-program-training.gif) no-repeat; }
	.sign-up-for-super-saturday span { background: url(../images/ir-sign-up-for-super-saturday.gif) no-repeat; }
	.training-for-mentors span { background: url(../images/ir-training-for-mentors.gif) no-repeat; }
	.training-for-programs-title span { background: url(../images/ir-training-for-programs.gif) no-repeat; }
	.what-is-mentoring-title span { background: url(../images/ir-what-is-mentoring.gif) no-repeat; }
	.nathan-and-brandon span { background: url(../images/ir-nathan-and-brandon.gif) no-repeat; }
	.melanie-and-jaquayla span { background: url(../images/ir-melanie-and-kelly.gif) no-repeat; }
	.get-training-title span { background: url(../images/ir-get-training.gif) no-repeat; }
	.contact-us-title span { background: url(../images/ir-contact-us.gif) no-repeat; }
	.donate-title span { background: url(../images/ir-donate.gif) no-repeat; }
	.is-mentoring-for-you span { background: url(../images/ir-is-mentoring-for-you.gif) no-repeat; }
	.resource-local-mentors-agencies span { background: url(../images/ir-resource-local-mentors-agencies.gif) no-repeat; }
	.stay-up-to-date span { background: url(../images/ir-stay-up-to-date-with-mentoring.gif) no-repeat; }
	.thanks-youve-signed-up-mentor-training span { background: url(../images/ir-thanks-youve-signed-up-mentor-training.gif) no-repeat; }
	.thanks-youve-signed-up-program-training span { background: url(../images/ir-thanks-youve-signed-up-program-training.gif) no-repeat; }
	.thanks-your-application-submitted span { background: url(../images/ir-thanks-your-application-submitted.gif) no-repeat; }
	.apply-title span { background: url(../images/ir-apply.gif) no-repeat; }
	.about-mpswpa-title span { background: url(../images/ir-about-mpswpa.gif) no-repeat; }
	.research span { background: url(../images/ir-research.gif) no-repeat; }
	.for-parents-and-guardians-title span { background: url(../images/ir-for-parents-and-guardians.gif) no-repeat; }
	.grant-and-mission-discovery span { background: url(../images/ir-grant-and-mission-discovery.gif) no-repeat; }
	.thomas-and-jonathan span { background: url(../images/ir-thomas-and-jonathan.gif) no-repeat; }
	.robyn-and-tammy span { background: url(../images/ir-robyn-and-tammy.gif) no-repeat; }
	.mike-and-lamont span { background: url(../images/ir-mike-and-lamont.gif) no-repeat; }
	.dominick-and-warren span { background: url(../images/ir-dominick-and-warren.gif) no-repeat; }
	.become-a-partner-title span { background: url(../images/ir-become-a-partner.gif) no-repeat; }
	.hear-what-others-say span { background: url(../images/ir-hear-what-others-say.gif) no-repeat; }
	.many-ways-mentor span { background: url(../images/ir-many-ways-mentor.gif) no-repeat; }
	.mentor-a-6-grader span { background: url(../images/ir-mentor-a-6-grader.gif) no-repeat; }
	.mentor-a-6-grader-apply span { background: url(../images/ir-mentor-a-6-grader-apply.gif) no-repeat; }
	.open-house span { background: url(../images/ir-open-house.gif) no-repeat; }
	.highmark-walk span { background: url(../images/ir-highmark-walk.gif) no-repeat; }
	


.content ul.list-pdf {
			float: left;
			width: 544px;
			color: #888;
		}
			.content ul.list-pdf li {
				float: left;
				padding: 0 0 5px 22px;
				width: 250px;
				background: url(../images/ico-pdf.gif) no-repeat left top;
			}
				.content ul.list-pdf li a {line-height: 1.40em; font-weight: bold; font-size: 0.91em;}
	
	
	.content, .sidebar {padding: 25px 0;}
	
	.content h1, .content-wide h1, .content-wide h2 {line-height: 1.2em; padding: 0 0 10px 0;font-weight: normal;font-size: 2.73em;color: #dc0000; font-weight: bold;}
	.content h2,.sidebar h2 {padding: 0 0 5px 0;font-weight: normal;font-size: 1.27em;color: #dc0000;font-weight: bold;}
	.content h1 span,.content-wide h1 span,.content h2 span,.sidebar h2 span{font-weight: normal;}
	.content h2,.sidebar h2 {padding: 0 0 5px 0;font-size: 1.27em;color: #dc0000;font-weight: bold;}
	.content h2 span,.sidebar h2 span, .content h1 span {font-weight: normal;}
	.content p,.sidebar p {padding: 0 0 10px 0;font-size: 1em;line-height: 1.64em;font-weight: normal;color: #888;}
	
	.content h1, .content-wide h1 { padding: 0; margin: 0 0 10px; }
	.content h1 strong, .content-wide h1 strong { font-weight: bold; }
		
	.content p.padd { padding-bottom: 30px; }
	
	/* combination page */
	h2.grey { color: #666; }
	
	/* story */
	div.story { background: url(../images/bg-dashes.gif) repeat-x top left; padding: 7px 0 0; margin: 15px 0 0; }
	div.story-no-border { background: none; }
	div.story a { font-weight: normal; }
	div.story dl dt { color: #c5c5c5; padding-right: 5px; }
	div.story dl { float: left; padding: 3px 0 8px; }
	div.story dl dt, div.story dl dd { display: inline; }
	div.story dl dd { padding-right: 30px; color: #888; }
	div.story p { clear: left; }
	div.story a.url { color: #888; font-weight: normal; }
	ul.pdf-list { color: #888888; }
	ul.pdf-list li { line-height: 1.6; background: url(../images/ico-pdf.gif) no-repeat 0 1px; padding: 0 0 3px 20px; }
	div.story ul.video-list li a { font-weight: normal; }
	ul.video-list { padding: 0 0 12px; }
	ul.video-list li { display: inline; padding-right: 30px; }
	div.story div.image { width: 110px; float: left; }
	div.story div.image2 { width: 138px; float: left; }
	div.story div.image3 { width: 144px; float: left; }
	div.story-no-border div.image2 { width: 138px; float: left; }
	div.story div.desc { width: 510px; float: left; }
	div.story div.desc2 { width: 482px; float: left; }
	div.story div.desc3 { width: 476px; float: left; }
	div.story-no-border div.desc4 { width: 146px; float: left; }
	ul.content-list { color: #888; list-style-type: disc; padding: 0 0 0 25px; }
	ul.content-list li { line-height: 1.6; padding: 0 0 3px 0px; font-size: 80%; }
	ul.content-list span { font-size: 125%; }

}
	
	div.buttons { padding: 0 0 15px; }
	
	.top-content {
		padding: 0 0 20px 0;	
	}
	.search-field {
		padding:  5px 0 35px 0;
		border-top: 1px solid #B5B5B5;
	}
	.home .search-field {border-top: none;}
		.search-field li {
			overflow: hidden;
			clear: both;
			padding: 0 0 2px 0;
		}
			.search-field li label {
				display: block;
				float: left;
				margin: 0;
				padding: 0 0 0 3px;
				width: 140px;
				line-height: 1.82em;
				font-weight: normal;
				font-size: 1em;
				color: #888;
			}
			.home .search-field li label {
				width: 90px;
			}
			.search-field li label.distance {
				padding: 0 0 0 17px;
				width: 67px;
			}
			.home .search-field li label.distance {
				padding: 0 0 0 10px;
				width: 40px;
			}
			/*.search-field li label.distance {
				padding: 0 10px;
				width: auto;
			}*/
			.search-field li label.year-range {
				padding: 0 20px 0 10px;
				width: auto;
				color: #3D3D3D;
			}
			.search-field li input.txt {
				float: left;
				margin: 0;
				width: 45px;
			}
			.search-field li input.chkbox {
				float: left;
				margin: 4px 0 0 0;
				font-size: 1em;
			}
			.search-field li input.chkbox-clear {
				clear:left;
			}
			.search-field li select {
				padding: 1px;
				width: 115px;
				height: 19px;
				font-size: 1em;
			} 
			.search-field li select.distance {margin: 1px 0 0 0; width: 85px;}
			.home .search-field li label.age-youth{
				width: 150px;
			}
			div.age-youth{
				clear: both;
				padding-left: 90px;
				line-height: 1.82em;
				font-weight: normal;
				font-size: 1em;
				color: #888;				
			}
			.home div.age-youth .year-range{
				padding: 0 5px;
				width: 55px;
			}
			.home div.age-youth .odd{
				width: 95px;
			}
			
		.search-field  .btn-search {
			float: right;
			margin: 5px 0 0 0;
			width: 53px;
			height: 18px;
			line-height: 1.64em;
			font-size: 0.91em;

		}
	.search-result {
		overflow: hidden;
		clear: both;
	}
		.search-result table {
			margin: 0 0 10px 0;
			width: 100%;
		}
			.search-result table th ,
			.search-result table td {vertical-align: top;}
			.search-result table th {
				padding: 0 10px;
				line-height: 2.22em;
				font-weight: normal;
				font-size: 0.82em;
				color: #666;
				background: #E9E9E9;
			}
			.search-result table .program {width: 225px;}
			.search-result table th .title-program {
				padding-right: 12px;
				background: url(../images/grey-arrow.gif) no-repeat right center;
			}
			.search-result table td {
				padding: 10px 10px 5px 10px;
				line-height: 1.27em;
				font-weight: normal;
				font-size: 1em;
				color: #888;
			}
			.search-result table td a {
				font-weight: bold;
			}
			.search-result table tr.info td {
				padding: 10px 10px 10px 10px;
				line-height: 1.40em;
				font-weight: normal;
				font-size: 0.91em;
				border-bottom: 1px solid #B5B5B5;
			}
			.search-result table td.chkbox {padding: 0px 0px 0px 5px;}
		.search-result .btn-apply {
			float: left;
			margin: 0 10px 10px 1px;
			width: 45px;
			height: 18px;
			line-height: 1.64em;
		}
	.btn {
		padding: 1px 3px 2px 3px;
		letter-spacing: .1em;
		font-size: 0.91em;
		color: #fff;
		border: none;
		background: #0099FF;
		cursor: pointer;
		margin: 0 10px 10px 1px;
		width: 50px;
		height: 20px;
		line-height: 1.64em;
	}

	.btnGray {
		padding: 1px 3px 2px 3px;
		letter-spacing: .1em;
		font-size: 0.91em;
		color: #fff;
		border: none;
		background: #bdbdbd;
		cursor: pointer;
		margin: 0 10px 10px 1px;
		width: 50px;
		height: 20px;
		line-height: 1.64em;
	}
		
.intro-course, .advanced-courses {
		overflow: hidden;
		clear: both;
		margin: 15px 0 0 0;
		padding: 6px 0 20px 0;
		height: 1%;
		border-top: 1px solid #B5B5B5;
	}
		.intro-course ul.list-pdf {
			float: left;
			width: 544px;
			color: #888;
		}
			.intro-course ul.list-pdf li {
				float: left;
				padding: 0 0 5px 22px;
				width: 250px;
				background: url(../images/ico-pdf.gif) no-repeat left top;
			}
				.intro-course ul.list-pdf li a {line-height: 1.40em; font-weight: bold; font-size: 0.91em;}

	.intro-course .courses {
			overflow: hidden;
			clear: both;
			margin: 0 0 5px 0;
			padding: 0 0 15px 0;
			height: 1%;
			background: url(../images/spacer.gif) repeat-x left bottom;
		}
		.intro-course .last-courses {background: none;}
			.intro-course .courses p.pdf {
				float: left;
				padding-left: 22px;
				font-size: 0.91em;
				background: url(../images/ico-pdf.gif) no-repeat left top;
			}
				.intro-course .courses p.pdf a {
					font-weight: bold;
				}
					.intro-course .courses p.pdf a em {font-style: normal; font-weight: normal; color: #7C7C7C;}

				
	.advanced-courses {
		margin: 0;
		padding: 6px 0 0 0;
	}
			.advanced-courses ul.list-doc {
			float: left;
			width: 544px;
			color: #888;
		}
			.advanced-courses ul.list-doc li {
				float: left;
				padding: 0 0 5px 22px;
				width: 250px;
				background: url(../images/ico-doc.gif) no-repeat left top;
			}
				.advanced-courses ul.list-doc li a {line-height: 1.40em; font-weight: bold; font-size: 0.91em;}
				
				
				.advanced-courses ul.list-pdf {
			float: left;
			width: 544px;
			color: #888;
		}
			.advanced-courses ul.list-pdf li {
				float: left;
				padding: 0 0 5px 22px;
				width: 250px;
				background: url(../images/ico-pdf.gif) no-repeat left top;
			}
				.advanced-courses ul.list-pdf li a {line-height: 1.40em; font-weight: bold; font-size: 0.91em;}

	.advanced-courses .courses {
			overflow: hidden;
			clear: both;
			margin: 0 0 5px 0;
			padding: 0 0 15px 0;
			height: 1%;
			background: url(../images/spacer.gif) repeat-x left bottom;
		}
		.advanced-courses .last-courses {background: none;}
			.advanced-courses .courses p.pdf {
				float: left;
				padding-left: 22px;
				font-size: 0.91em;
				background: url(../images/ico-pdf.gif) no-repeat left top;
			}
				.advanced-courses .courses p.pdf a {
					font-weight: bold;
				}
					.advanced-courses .courses p.pdf a em {font-style: normal; font-weight: normal; color: #7C7C7C;}
	.intro-course .sign-up, .advanced-courses .sign-up {
		float: right;
	}
	
	/* homepage */
	
	.home-image-wrapper{
		position: relative;
		width: 664px;
		z-index: 2;
		height: 284px;
		margin: -55px 0 5px -45px;
	}
	 
	.home-image-wrapper .image-rotation{
		position: absolute;
		z-index: 999 }
	
	.home-image-wrapper ul{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 621px;
		z-index: 1000;
		height: 47px;
		font-size: 0.9em;
		color: #888;
		border-bottom: 1px solid #b5b5b5;
	}
	.home-image-wrapper li a{
		font-weight: bold;
	}
	.home-image-wrapper li.nav-apply{
		float: right;
		width: 130px;
		text-indent: -12px;
	}
	.home-image-wrapper li.nav-faq{
		float: right;
		width: 110px;
		text-indent: -11px;
	}
	
	.home .content h2{font-size: 1.181em;}
	.home-left{
		width: 284px;
		float: left;	
	}
	.home-right{
		width: 294px;
		float: right;
	}
	.panel-home{
		width: 100%;
		overflow: hidden;
		padding-top: 5px;
		border-top: 1px solid #ccc;
	}
	.panel-home-first{border: none;}
	.btn-signup-mentoring{
		float: right;
		margin: -20px 0 15px;
	}
	
	
	p.category{
		font: .9em/1em Georgia, "Times New Roman", Times, serif;
		letter-spacing: .2em;
		color: #666;
	}
			
	
	/* program-details */
	
	.program-details .content h2{padding-top: 30px;}
	
	ul.locations{width: 100%; overflow: hidden;padding-bottom: 16px;}
	ul.locations li{float: left; width: 200px; color: #888;line-height:1.64em;padding-bottom: 7px;}
	
	ul.list-items { padding-bottom: 16px; }
	ul.list-items li{width: 100%; overflow: hidden; padding-bottom: 7px;color: #888;}
	ul.list-items li .left{float: left; width: 225px;}
	ul.list-items li .right{float: left; width: 385px; padding: 0;}
	ul.list-items li .right ul{ padding-top: 5px;}
	ul.list-items li .right li .left{float: left; width: 90px;}
	ul.list-items li .right li .right{float: left; width: 290px;}
	
	div.bottom-button{
		width: 617px;
		overflow: hidden;
		padding: 7px 2px;
		margin-top: 10px;
		border-top: 1px solid #b5b5b5;
	}
	a.btn-blue{
		color: #fff;
		line-height: 1em;
		padding: 4px 7px 4px;
		background: #0099ff;
	}
	
	a.btn-grey:hover,
	a.btn-blue:hover {
		color: #fff;
		text-decoration: none;
	}
	
	a.btn-grey{
		color: #fff;
		line-height: 1em;
		padding: 3px 7px 4px;
		background: #bdbdbd;
	}
	
	
	div.bottom-button a.btn-blue{
		float: left }
	
		div.content-wide{
			padding-top: 28px;
			color: #888;
			line-height: 16px }
			
		div.content-wide p{
			padding-bottom: 15px }
			
		div.signup-training div.personal-info{
			padding: 20px 0; }
			
			div.signup-training div.personal-info p,
			div.signup-training div.select-courses p{
				overflow: hidden;
				padding: 0;
				margin-bottom: 5px }	
				
			div.signup-training div.personal-info p.error span.error-message{
				color: #ff0000;
				padding-left: 25px;
				background: url(../images/bg-cross_red.gif) no-repeat 5px center }	
				
			div.signup-training div.personal-info p.error input{
				background: #ffeeee;
				border-color: #ff0000 }
		
				div.signup-training div.personal-info p label{
					width: 213px;
					float: left;
					padding-top: 3px }
		
				div.signup-training div.personal-info p input{
					margin: 0;
					width: 300px;
					border: 1px solid #a1a1a1 }
					
				div.signup-training div.personal-info p input.fname,
				div.signup-training div.personal-info p input.lname{
					width: 160px }	
		
				div.signup-training div.personal-info p input.phone{
					width: 40px }
					
				div.signup-training div.personal-info p small{
					font-size: 10px;
					clear: both;
					display: block;
					margin-left: 213px;
					padding-top: 5px }
	
		div.signup-training div.select-courses{
			padding-bottom: 40px;
			width: 619px }
			
		div.signup-training div.last{
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 1px solid #888 }
			
		div.signup-training a.btn-blue,
		div.signup-training a.btn-grey{
			margin-right: 5px }	
	
			div.signup-training div.select-courses p strong{
				color: #666;
				display: block;
				padding-bottom: 10px }		
				
			div.signup-training div.select-courses p select,
			div.signup-training div.select-courses p textarea{
				float: right;
				width: 285px;
				font-size: 11px }			
	
			div.signup-training div.select-courses p textarea{
				margin-bottom: 5px }
	
			div.signup-training div.select-courses p label,
			div.signup-training div.select-courses p input{
				float: left;
				margin: 4px 0 0 0}
				
			div.signup-training div.select-courses p label{
				padding-left: 5px;
				width: 290px;
				margin-top: 3px }
	
			div.signup-training div.select-courses-am p label,
			div.signup-training div.select-courses-pm p label{
				cursor: pointer }
				
			div.signup-training div.select-courses p label.interested{
				width: 317px }	
				
				div.signup-training div.select-courses p input.yesno{
					float: none;
					margin-left: 10px }
					
				div.signup-training div.select-courses span.dark { color: #666; }

	div.float-list-a {
		float: left; 
		width: 300px}
		
	div.float-list-b {
		float: left; 
		width: 300px}
			
		
				
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	div.panel button.btn-apply { float: right; margin: 10px 0 0; }
	
	/* programs */
	ul.programs { padding: 4px 0 7px; }
	ul.programs li { padding: 0 0 7px; font-size: 0.9em; }
	ul.programs li a { font-weight: bold; }
	
	p.category-left { float: left; margin-top: 1px; }
	a.view-all { float: right; font-size: 0.9em; line-height: 1; }
	
	.sidebar .panel {
		width: 100%;
		overflow: hidden;
		padding: 5px 0 15px 0;
		border-top: 1px solid #B5B5B5;
	}
		.sidebar .panel p {
			padding: 0 0 5px 0;
			line-height: 1.64em;
			font-weight: normal;
			font-size: 0.91em;
			color: #888;
		}
		
			.sidebar .panel p.pdf {
				float: left;
				padding: 0 0 5px 22px;
				width: 250px;
				background: url(../images/ico-pdf.gif) no-repeat left top;
			}
			/*p a {font-weight: bold;}*/
	
	.sidebar .panel ul.super-saturdays {
		margin: 0 10px 15px 0;
	}
		.sidebar .panel ul.super-saturdays li {
			overflow: hidden;
			clear: both;
		}
			.sidebar .panel ul.super-saturdays p {
				float: left;
				width: 137px;
			}
			.sidebar .panel ul.super-saturdays span.right {
				float: left;
				line-height: 1.4em;
				font-weight: normal;
				font-size: 0.91em;
				color: #888;
	
			}


	.sidebar .panel div.super-saturdays {
		margin: 0 10px 15px 0;
	}
		.sidebar .panel div.super-saturdays table tr {
			overflow: hidden;
			clear: both;
			float: left;
			width: 137px;
			line-height: 1.4em;
			font-weight: normal;
			font-size: 0.91em;
			color: #888;	
        }

	a.super-sat {float: right; margin-bottom: 5px;}
	
	
	.sidebar .panel table.upcoming-training {
		margin: 10px 10px 5px 0;
	    }
		
		.sidebar .panel table.upcoming-training-active {
			display: block }
	
		.sidebar .panel table.upcoming-training tr {
			padding: 0 0 5px 0;
		}
			.sidebar .panel table.upcoming-training tr td {
				padding: 0;
				line-height: 1.4em;
				font-weight: normal;
				font-size: 0.91em;
				color: #888;
			}
		    
		    .sidebar .panel table.upcoming-training tr td strong {font-weight: normal; color: #DC0000;}
		    
			.sidebar .panel table.upcoming-training tr ul {
				margin: 3px 0 15px 0;
			}
			
			.sidebar .panel table.upcoming-training tr ul li {
					padding: 0 0 5px 13px;
					font-size: 1em;
					background: url(../images/bullet-list.gif) no-repeat left 5px;
				}
				
	
	ul.tabs-control {
		margin: 10px 0 0 0;
		height: 25px;
		border-bottom: 1px solid #969696;
	}
		ul.tabs-control li {
			float: left;
			position: relative;
			margin: 0 4px 0 1px;
			width: 97px;
			height: 25px;
			
		}	 
			ul.tabs-control li a {
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				padding: 0 0 0 11px;
				width: 86px;
				height: 26px;
				line-height: 2.6em;
				text-decoration: none;
				font-weight: normal;
				font-size: 0.91em;
				color: #A1A1A1;
				background: url(../images/bg_tabs.gif) no-repeat left bottom;
			}
			ul.tabs-control li a.active {background-position: left top; color: #DC0000;}
			ul.tabs-control li a:hover.active {color: #DC0000;}
			ul.tabs-control li a:hover {text-decoration: none; color: #0099FF;}
			
			.sidebar .panel p.category{
				font: .9em/1em Georgia, "Times New Roman", Times, serif;
				letter-spacing: .2em;
				color: #666;
			}
			.sidebar .panel img{
				float: right;
				margin: 0 0 5px 13px;
			}
			
			.sidebar .panel img.quotes{
				float: left;
				margin: 0 0 5px 0px;
			}

	ul.sidebar-list { padding: 4px 0 7px; color: #888;  list-style-type: disc; padding: 0 0 0 25px;}
	ul.sidebar-list li{ padding: 0 0 7px; font-size: 0.9em; font-size: 80%;  }		
	ul.sidebar-list span { font-size: 125%; }


	
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	
	div.footer {
		background: #ccc;
		border-top: 1px solid #969696;
		padding: 10px 24px 10px 31px;
		color: #666;
		font-size: 0.9em;
		line-height: 1.5; 
	}
	
	div.footer a {
		font-weight: normal;
	}

	div.footer p {
		width: 375px;
		float: left;
	}
	
	div.footer dl {
		width: 520px;
		float: right; 
		text-align: right;
	}
	
	div.footer dl dt {
		display: inline;
		padding: 0 5px 0 19px;
	}
	
	div.footer dl dt.hide {
		display: none;
	}
	
	div.footer dl dd {
		display: inline;
	}
	
	body.home img{
	visibility: hidden }

	.courses,
	.advanced-courses .courses{
		position: relative;
		overflow: hidden;
		background: transparent url(../images/spacer.gif) repeat-x scroll left bottom;
		zoom: 1;
		padding-bottom: 20px }

	.courses h2,
	.advanced-courses h2{
		width: 550px }
		
	.courses a.showhide,
	.advanced-courses .courses a.showhide{
		display: block;
		height: 13px;
		font-size: 10px;
		color: #999;
		width: 40px;
		background: url(../images/bg-showhide.png) no-repeat right 2px;
		position: absolute;
		right: 0;
		top: 0; }		
		
	.courses .courses-inside,
	.advanced-courses .courses .courses-inside{
		display: none }
		
		
		
		









/* ------------------------------------------------------------------------
	Content Redefinition
------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; border: 0; } 



	
		
	ul.gallery {
		list-style: none;
		margin: 0 0 10px 0;		
	}
	
		ul.gallery li {
			display: block;
			float: left;
			margin: 0 5px 5px 0;
		}
		
			ul.gallery li a {
				padding: 2px;
				display: block;
				border: 2px #cacaca solid;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				line-height: 0;
			}
			
			ul.gallery li a:hover { border: 2px #888888 solid; }
	



	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */