/*
Design & Code (c) 2006 MAPTA.

Author: Travis Forden, treevis.com
Created: 2006-06-05
*/


/* import initialization CSS */
@import url("init.css");


#items {
	font: Arial;
	font-size: 10px;
	font-weight: normal;
}


body {
	background: #009 url("../images/bkgd/bg_pattern.gif");
	color: #666;
	font: normal 11px/1.64 "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	margin: 0 auto;
	width: 772px;
}

#page {
	background: transparent;
	color: inherit;
	position: relative;
	text-align: left;
}

	#masthead {
		background: #fff url("../images/global/strip.gif") no-repeat bottom left;
		padding-bottom: 8px;
	}
	
	#content {
		background: #fff url("../images/bkgd/bg.gif") repeat-y top left;
		color: inherit;
		position: relative;
		width: 772px;
	}
	
		#main {
			background: #fff url("../images/bkgd/bg_lines.gif") repeat-x top left;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			color: inherit;
			display: inline;
			float: right;
			margin-left: -188px;
			padding: 0 20px 0 30px;
			width: 584px;
			w\idth: 534px;
		}

		#home #main {
			background-image: none;
			padding-left: 0;
			padding-right: 0;
			width: 584px;
		}

			#main img.instructor {
				float: left;
				margin: 0;
				padding: 12px 15px 10px 0;
			}

			#main img.instructor2 {
				float: right;
				margin: 0;
				padding: 12px 15px 10px 0;

			}
      
      .col {
        _display: inline;
        float: left;
        margin: 16px 18px 0 15px;
        width: 245px;
      }
      
			#announce {
				margin: 16px 0 0;
			}
			
			#newjobs {
				margin-top: 32px;
			}
			
			#main #coursesblurb {
				margin-top: 16px;
			}
			
			#main div.vcard {
				display: inline;
				float: left;
				width: 47%;
			}
			
			#founders {
				background: transparent url("../images/global/rule_dotted_vert.gif") repeat-y 260px 0;
			}
			
			.founder {
				display: inline;
				float: left;
				margin: 0 15px 10px 0;
				width: 245px;
			}
			
				.founder img {
					background: #ccc;
					display: inline;
					float: left;
					margin: 0 10px 5px 0;
					padding: 0 2px 2px 0;
				}
			
			#grinde { /* a .founder */ }
			
			#banton { /* a .founder */
				margin: 0 0 10px 15px;
				width: 245px;
			}
		
		#courses #main .courses {
			background: url("../images/global/rule_dotted_vert.gif") repeat-y top right;
			display: inline;
			float: left;
			width: 360px;
		}
		
		#courses #main div.naiomt-info {
			display: inline;
			float: right;
			font-size: 10px;
			line-height: 18px;
			width: 160px;
		}
		
		#courses #main .course {
			background: url("../images/global/rule_dotted_hor.gif") repeat-x bottom left;
			margin-right: 10px;
			padding-bottom: 10px;
		}
		
			#courses #main .courses .last {
				background-image: none;
			}
		
		#secondary {
			background: #fef6d9;
			color: inherit;
			display: inline;
			float: left;
			padding: 0;
			width: 186px;
		}
		
		#local {
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			display: inline;
			float: right;
			margin-left: -188px;
			padding-top: 50px;
			width: 584px;
		}
		
	#footer {
		background: transparent url("../images/footer/bg_footer.gif") no-repeat top left;
		color: #ccc;
		padding-top: 46px;
	}
	
/* Headings H1-H6 */
h1 { }

	#masthead h1 {
		background: transparent url("../images/global/mast.jpg") no-repeat 1px 0;
		color: inherit;
		height: 111px;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		width: 772px;
	}
	
		#masthead h1 a {
			cursor: pointer;
			display: block;
			height: 100%;
			width: 505px;
		}

h2 { }

	#main h2 {
		background: url("../images/global/doubledottedline_horizontal.gif") repeat-x bottom left;
		color: #73a3d3;
		font: normal small-caps 24px/1 "apple garamond", garamond, "times new roman", georgia, serif;
		letter-spacing: 0.05em;
		margin: 1.25em 0 0;
		padding-bottom: 15px;
	}
	
	#courses #main h2 {
		position: relative;
	}
	
		#courses #main .course h2 { margin-bottom: 0.5em; }
	
		#courses #main h2 small {
			display: inline;
			float: right;
			font-family: "Lucida Grande", arial, verdana, sans-serif;
			font-size: 11px;
			font-variant: normal;
			letter-spacing: 0;
			margin-top: -17px;
			padding-right: 5px;
		}

h3 { }
	
	#main h3 {
		font-size: 13px;
		margin: 1.25em 0 .5em;
	}
	
	#main h3.section {
		color: #c33;
		font: 18px/19px "Lucida Grande", arial, verdana, sans-serif;
	}
	
		#main div.vcard h3 {
			margin-bottom: 0;
		}
	
	#announce h3 {
		margin: 0 0 .5em 0;
	}
	
	#coursesblurb h3 {
		margin: 0 0 .5em 0;
	}
	
	#courses #main h3 {
		background: transparent;
		color: #666;
		font: bold 11px/1.64 "lucida grande", arial, verdana, sans-serif;
	}
	
		#courses #main h3 small {
			font-size: 11px;
			font-weight: normal;
		}
		
		#courses .instructors h3 {
			clear: both;
			margin-bottom: 0;
			margin-top: 20px;
		}
	
	ul#announcements h3 {
		color: #245b8b;
		font: 13px/1.25 "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
		margin: 0;
		padding: 0 0 0 125px;
	}
	
	h3#guidelines,
	h3#request-form,
	h3#register-form {
		background: url("../images/global/rule_dotted_hor.gif") repeat-x top left;
		padding-top: 10px;
	}
	
	h3#thanks {
		color: #245b8b;
		font: 13px/1.25 "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
		margin: 20px 0 0;
	}



h4 { }

	#main h4 {
		font-weight: normal;
		margin: 0;
	}
	
		#announce h4 {
			font-weight: bold;
			margin-bottom: .25em;
		}
		
		#coursesblurb h4 {
			font-weight: bold;
		}

	#main .founder h4 {
		color: #666;
		font: bold 11px/1.64 "Lucida Grande", Arial, Verdana, sans-serif;
	}
	
		#main .founder h4 span.title {
			display: block;
			font-style: italic;
			font-weight: normal;
		}
		
		#main .founder h4 span.org {
			display: none;
		}
	
	#nav li h4 {
		background: url("../images/bkgd/bg_subnav_top.gif") no-repeat;
		margin: 0;
		padding: 5px 0 0;
	}
	
	#main ul.faqs h4 {
		font-weight: bold;
	}

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

	p a { }
	
	#main div.notice p {
		color: #c00;
		margin: 0;
	}
	
	#main p#intro {
		background: transparent url("../images/global/rule_dotted_hor.gif") repeat-x bottom left;
		color: #245b8b;
		font: 13px/1.69 "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
		margin: 5px 0 0;
		padding: 0 0 15px;
	}
	
		#main p#intro span {
			font-weight: bold;
		}
	
	#home #main p#intro {
		background: transparent url("../images/titles/title_homebillboard.gif") no-repeat;
		color: inherit;
		height: 175px;
		line-height: 1;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		width: 584px;
	}
	
	#main a {
		background: transparent;
		color: #c00;
		text-decoration: underline;
	}
	
		#main a:hover {
			background: transparent;
			color: #900;
			text-decoration: none;
		}
		
		#main a.more {
			background: transparent url("../images/global/arrow_yellow.gif") no-repeat top left;
		}
	
	#announce p {
		margin: 0 0 1em;
	}
	
	#secondary p {
		margin-top: 0;
	}
	
		#secondary p#jointext {
			background: transparent url("../images/join/join_introtext.gif") no-repeat;
			height: 178px;
			margin-left: 35px;
			text-indent: -9999px;
			width: 137px;
		}
	
	#local a {
		color: #999;
		text-decoration: none;
	}
	
		#local li.active a {
			color: #ccc;
		}
		
		#local a:hover {
			color: #ccc;
			text-decoration: underline;
		}
	
	#nav li ul.sub li a {
		color: #fff;
		text-decoration: none;
	}
	
		#nav li ul.sub li a:hover {
			text-decoration: underline;
		}
	
	#courses p,
	#courses .instructors p.listintro {
		margin: 10px 0 0;
	}
	
	#courses .course p {
		margin: 0;
	}
	
		#courses .course p.instructor {
			font-style: italic;
			/*margin-bottom: 12px;*/
		}
		
		#courses .course p.note {
			font-weight: bold;
		}
		
		#courses .course p.status {
			color: #009;
		}
		
		#courses .course p.waitlist {
			margin-top: 12px;
			padding-bottom: 5px;
		}
		
	#courses .instructors p {
		margin-bottom: 10px;
		margin-top: 5px;
	}
	
	ul#utilities a,
	ul#utilities a:link,
	ul#utilities a:visited,
	ul#utilities a:active {
		color: #999;
		text-decoration: none;
	}
	
	ul#utilities a:hover {
		text-decoration: underline;
	}
	
	ul#announcements p {
		margin-top: 5px;
		padding-left: 125px;
	}

/* Lists and Navigation */
#main ol {
	margin: 0 .65em 1em;
}


#main ul {
	list-style: none;
	margin: 0 0 1em;
}

#courses #main ul {
	margin: 0;
	padding: 0;
}

	#courses #main div.course li {
		display: inline;
		margin: 0 10px 0 0;
	}
	
	#main #coursesblurb li,
	#main #announce li,
	#main #newjobs li {
		background: transparent url("../images/global/rule_dotted_hor.gif") repeat-x bottom left;
		margin: 0 0 1em;
		padding: 0 0 1px;
	}
	
		#main #coursesblurb li ul li,
		#main #announce li ul li,
		#main #newjobs li ul li {
			background-image: none;
			margin: 0 15px;
		}
		
		#main #coursesblurb li.more,
		#main #announce li.more,
		#main #newjobs li.more {
			background: url("../images/global/arrow_yellow.gif") no-repeat 0 7px;
			padding-left: 10px;
		}
	
	#coursesblurb li ul li,
	#announce li ul li,
	#newjobs li ul li {
		list-style: url("../images/global/bullet_square.gif");
	}

#main #instructors { margin: 0; }
#main #instructors ul {
	display: inline;
	float: left;
	margin: 0;
	width: 50%;
}
#main #instructors li { margin: 0; }


ul#join-mapta {
	list-style: none;
	padding-left: 35px;
}
	
	#join-mapta li {
		height: 22px;
		margin: 0;
		padding: 0;
	}


ul#nav {
	background: #c1262c;
	border-left: 1px solid #fff;
	color: inherit;
	list-style: none;
	min-height: 144px;
	margin: 0 0 20px;
	padding: 15px 0 16px 35px;
}

	#nav li {
		border-bottom: 1px solid #dd8a8e;
		margin: 0;
		padding: 5px 0;
	}
	
	* html #nav li {
		padding-bottom: 0px;
	}
	
	#nav li.last {
		border-bottom: none;
	}
	
	#nav li.here {
		background: url("../images/bkgd/bg_subnav_tile.gif") repeat-y;
		padding: 0;
	}
	
	#nav li ul.sub {
		background: url("../images/bkgd/bg_subnav_bottom.gif") no-repeat bottom left;
		color: #fc0;
		font-size: 10px;
		list-style: disc;
		margin: 0;
		padding: 5px 0 0 11px;
	}
	
		#nav li ul.sub li {
			border: none;
			color: #fc0;
			margin: 0;
			padding: 0;
		}
			
			#nav li ul.sub li.last {
				padding-bottom: 10px;
			}
	
	
#local ul {
	border-top: 1px solid #999;
	color: #999;
	list-style: none;
	margin: 0 0 0 30px;
	width: 527px;
}

	#local li {
		border-left: 1px solid #999;
		float: left;
		line-height: 1;
		margin: 5px 4px 0 0;
		padding: 0 0 3px 5px;
	}
	
		#local li.first {
			border-left: 1px solid transparent;
		}
		
		#local li.active {
			color: #ccc;
		}
	
		#local li.copyright {
			border-left-color: transparent;
			float: right;
			margin-right: 0;
		}

ul#utilities {
	margin: 0;
	position: absolute;
	right: 15px;
	text-transform: uppercase;
	top: 0;
}

	ul#utilities li {
		border-left: 1px solid #999;
		display: inline;
		float: left;
		font-size: 10px;
		line-height: 1;
		padding-left: 10px;
		padding-top: 5px;
	}
	
		ul#utilities li.last {
			border-right: none;
			padding-right: 0;
		}

#main ul.faqs {
	list-style: square;
	margin-top: 0;
	padding-left: 10px;
}

	#main ul.faqs li {
		padding-bottom: 5px;
	}
	
		#main ul.faqs li em {
			color: #69c;
			font-style: normal;
		}
	
	#main ul.faqs ul {
		list-style: circle;
		margin-bottom: 0.5em;
		padding-left: 3px;
	}

		#main ul.faqs ul ul {
			margin-bottom: 0.25em;
		}
		
			#main ul.faqs ul ul li {
				padding-bottom: 0;
			}

ul#announcements {
	float: none;
	list-style: none;
	margin: 2em 0 0;
	padding: 0;
}

	ul#announcements li {
		background: url("../images/global/rule_dotted_hor.gif") repeat-x bottom left;
		min-height: 90px;
		margin: 15px 0 0;
		padding: 0 0 10px;
	}
	
		ul#announcements li.last {
			background: transparent;
			padding-bottom: 0;
		}
	
		ul#announcements li img {
			display: inline;
			float: left;
			padding: 0 15px 10px 0;
		}


/* FORMS */
form {
	margin: 0;
	padding: 0 0 20px;
}

	#contact {
		background: url("../images/global/rule_dotted_hor.gif") repeat-x bottom left;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	#resources {
		padding-bottom: 10px;
	}

	#courses form {
		margin-top: 12px;
		padding-bottom: 5px;
	}
	
	#courses form.search {
		float: right;
		margin-top: 30px;
		_margin-top: 25px;
		*margin-top: 25px;
		position: relative;
		z-index: 20;
		zoom: 1;
	}

fieldset {
	margin: 0 0 2em;
	padding: 0;
}

	fieldset.home,
	fieldset.clinic {
		display: inline;
		float: left;
		width: 47%;
	}
	
	fieldset.msg,
	fieldset.pt,
	fieldset.price,
	fieldset.actions {
		clear: left;
	}

	select {
		border: 1px solid #666;
		color: #666;
		display: block;
		width: 200px;
	}
	
	textarea {
		border: 1px solid #666;
		display: block;
		width: 300px;
	}

	legend {
		display: block;
		font-weight: bold;
		margin: 0 0 0.5em;
		padding: 0;
	}
	
	label {
		display: block;
		padding-top: 5px;
	}
	
		.search label { display: inline; }
	
		label.ptnumber,
		label.ptstate, 
		label.college,
		label.collegestate,
		label.year {
			display: inline;
			float: left;
			width: 47%;
		}
		
		label.collegestate {
			width: 25%;
		}
		
		label.year {
			width: 25%;
		}
		
			label.ptnumber input {
				width: 200px;
			}
		
		fieldset.clinic label.ptnumber,
		fieldset.clinic label.ptstate {
			width: 47%;
		}
		
			fieldset.clinic label.ptnumber input,
			fieldset.clinic label.ptstate input {
				width: 75px;
			}
		
		label.state,
		label.zipcode {
			display: inline;
			float: left;
			width: 47%;
		}
		
			#resources label.state,
			#resources label.zipcode {
				width: 125px;
			}
		
		label.degree {
			clear: both;
		}
		
		label.addr textarea {
			padding: 1px;
			width: 200px;
		}
	
		label.phone input {
			width: 200px;
		}
	
		label.state input,
		label.ptstate input,
		label.zipcode input,
		label.collegestate input,
		label.year input {
			width: 75px;
		}

		label.subject input {
			width: 450px;
		}

		label.comments textarea {
			width: 450px;
		}
		
	input.text {
		border: 1px solid #666;
		display: block;
		width: 200px;
	}
	
	input.checkbox {
		border: 1px solid #666;
	}
	
	#submit,
	#cancel,
	.search .submit {
		background: #e9bb27;
		border: 1px solid #666;
		color: #c1262c;
		cursor: pointer;
		margin-top: 10px;
		padding: 3px;
		text-transform: uppercase;
	}
	
		#submit:hover,
		#cancel:hover,
		.search .submit:hover {
			background: #c1262c;
			color: #fff;
		}
	
	.search .submit {
		margin-top: 0;
		padding: 2px 3px;
		*padding: 0 3px 1px;
	}


/* MISC */
#footer address {
	margin-top: 30px;
	text-align: center;
}

#main div.vcard address {
	margin-top: 0;
}