/* CSS Document */
/* BPPP, Inc. 2007 redesign
Web development by CodeGeek.net, Inc., www.codegeek.net
*/

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, td, tr, th, a, form {
	margin:0;
	padding:0;
}

body {
	margin: 5px 0 36px 0; /* margins t/b, l/r */
	text-align: center; /* required to center body in IE5 PC */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: .80em;
	color:#333333;
}
td {
	text-align: left; /* required to center body in IE5 PC */
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	color:#005596;
}

h1 {
	padding: 23px 0 0 0; /* t r b l */
}
h2 {
	font-size: 120%;
	padding: 1.8em 0 0 0;
}
.h1h2 {
	padding: 0.5em 0 0 0;
}
h3 {
	font-size:130%;
	padding: 1.3em 0 0.7em 0;
}
h4 {
	font-size:140%;
}
p {
	padding: 0.9em 0 0 0;
}
a img {
	border: none;
}

#outer_wrapper {
	position:relative; /* required so absolutely positioned elements nested inside this div are placed correctly */
	text-align:left;
	margin: 0 auto; /*required to center layout in FF */
	width:760px;
	border: 1px solid black;
}

#header {
	width:760px;
}

#inner_wrapper {
	position: relative;
	background-image: url(../images/red_nav_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width:760px; /* required for IE6 to correctly render absolutely positioned elements */
}

/* Note - nav, content, and clinic divs are positioned by floating all of them left, so sequence of these divs in the HTML file is important */
#nav {
	float:left;
	width:0px; /* total is 120: 100 width + 10px padding both sides */
	overflow: hidden;
	visibility:hidden;
}
#nav ul {
	list-style:none;
}
#nav a {
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
}	
#nav li {
	padding-bottom: 0px;
}
#nav a:hover{
	text-decoration:underline;
}


#content, #wide_content, #pricing_content {
	width:394px; /*(394 + padding 10 + 10)=414 + 120 (nav) + 226 (clinics) = 760 */
	margin-left: 0px; 
	padding: 10px 10px 40px 10px;
	line-height:130%;
	z-index: 1000;
}
#wide_content, #pricing_content {
	width:605px; /*(620 + padding 10 + 10)=640 + 120 (nav) = 760 */
}
.wide_content {
	width:605px;
}
#pricing_content {padding-top: 25px;}
#content ul{
	list-style:disc;
	margin: 1em 0 0.5em 20px;
}

* html #wide_content {
	margin-left:0px;
	float:left;
}

#clinics{
	position: absolute;
	right:0;
	top:0px;
	width:206px; /* total is 226: 206 + 10 padding each side */
	background-image: url(../images/BPPPRightCol_bg.jpg);
	color:#FFFFFF;
	padding: 0 10px 10px 10px; /* position text within the div */
	z-index: 2;
}
#clinics_windsock{
	position: absolute; right: 0px; top: 0px; 
	z-index: 0;
	/*position: absolute; left: 521px; top: 130px; padding: 1em;
	/*float:left;
	/*width:226px; /* total is 226: 226 + 0 padding each side */
	/*height:442px;
	/*background-image: url(../images/RightColWindSock.jpg);*/
}
#clinics h3 {
	color:#fff;
	line-height:105%;
	font-size:140%;
}
#clinics img {
	margin-top: 13px;
}
#clinics a {
	color:#fff;
}

#image_row {
	float:left;
	z-index:100;
	visibility:hidden;
}
/* nav_bar_bottom places a background image to extend the left red background of the nav bar to the bottom of the page. red_bg.gif is partially transparent to allow a bottom row of images to display, z-index didn't seem to control things properly. So if the bottom row of images is not present, a solid red image will be needed. Use: red_bg_solid.gif, probably in a div of a different name */
/*#nav_bar_bottom {
/*	position:absolute;
	bottom:0;
	height: 300px;
	width:120px;
	background-image:url(../images/red_bg.gif);
	background-position:bottom;
}*/

#footer_text {
	text-align:left;
	color:#333;
	padding-left:10px;
}
.copyright {
	font-size: 90%;
}
.copyright a {
	text-decoration:none;
	color:#333;
}

.clearfloats {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}
	input.redbutton {
		background-color: #ed1b24;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 90%;
		font-weight: bold;
		color: white;
		cursor: pointer;
}
	.headline {
	font-family : Verdana, Helvetica, Geneva, sans-serif;
	font-size : 14px;
	font-weight: bold;
	color: Red;
	padding:2px;
	margin: 4px;
	
	padding-left: 5px;
}
	.bluetable {
	background-color:#fff;
	color:#333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
}
	.bluetableright {
	text-align:right; font-family: Tahoma,Arial,Verdana; font-weight: normal; font-size: 10pt; color: black; font-weight: bold;
}
.reqAst
{font-family: Courier; font-weight: normal; font-size: 10pt; color: red; text-align: right;}
.formText
{font-family: Tahoma,Arial,Verdana; font-weight: normal; font-size: 10pt; color: black; font-weight: bold;}

.reqText
{font-family: Tahoma,Arial,Verdana; font-weight: normal; font-size: 10pt; color: red;}

.reqBText
{font-family: Tahoma,Arial,Verdana; font-weight: normal; font-size: 10pt; color: red; font-weight: bold;}

.pricingtable {
	width:500px;
	color:#333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding:0;
	margin-left:20px;
}
.pricingtable td {
	vertical-align:middle;
	padding: 0 0 3px 0;
}
.pricingtable th {
	vertical-align:top;
	font-weight:bold;
	padding: 0 0 10px 0;
	}
.pricingtable .col_1 {width:200px;}
.pricingtable .col_2 {width:150px;}
.pricingtable .col_3 {width:150px;}
.pricingtable  hr{color: #ff0000;}
.pricing {
	font-size:85%;
	margin: -15px 0 10px 23px;
}
.scheduletable {
	width:600px;
	margin-top:17px;
	color:#333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}
.scheduletable th {
	font-weight:bold;
	text-align:left;
	padding:0 0 5px 0;
}
.scheduletable td {
	padding: 0 5px 5px 0;
	vertical-align:top;
}
.scheduletable td.td_loc {
	width:140px;
}
.scheduletable  hr{
	margin: 5px 0 8px 0;
}
.class_loc {
	font-weight:bold;
}
.sold_out {
	color:#990000;
}
.gray_out {
	color:#999;
}
.register a{
	/*border: 1px solid #444;
	margin: 2px 0 0 0;
	padding: 2px;*/
}
.fbo_heading, .hotel_heading {
	color:#666;
	font-weight:bold;
}
.fbo_url a, .hotel_url a {
	color:#333;
}
.fbo_url a:visited, .hotel_url a:visited {
	color:#999;
}

.jumpnav, #content .jumpnav {
	margin:0;
	padding:0 0 0 1px;
}
.jumpnav li {
	list-style:none;
	display:inline;
}
.jumpnav li a {
	color:#aaa;
	font-size: 80%;
	padding: 0 10px 0 0;
}

/************** Styles for Testimonials *****************/
#testimonial_1, #testimonial_2 {
	position:relative;
	top: 20px;
}
#testimonial_1 {left: 20px; width:290px;}
#testimonial_2 {left: 140px; padding:20px 0 20px 0; width:245px;}
.attribution {
	padding: 4px 0 0 0; 
	margin: 0 0 0 50px;
	font-size:85%;
	line-height:120%;
}
.testimonial {
	padding-top:4px;
	font-size:95%;
}
.red_leader_1 {
	position:absolute;
	bottom:140px;
	left:180px;
}
.red_leader_2 {
	position:absolute;
	bottom:140px;
	left:297px;
}
.img_r {
	float:right;
	padding: 0 0 10px 10px;
}

/************** Styles for Articles *******************/
.article {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:160%;
	font-weight:lighter;
	color:#333333;
}
.author {
	padding-top:8px;
	margin-top:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	color:#333333;
}


/****** Navigation within a section of the site *******/
.section_nav {
	color:#666;
	font-size:80%;
}
.section_nav a {
	color:#666;
}
.section_nav a:visited {
	color:#aaa;
}
.section_nav a.active_page {
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

.closer {
	padding-top:3px;
}
.float_right {
	float:right;
}

/************* Instructor info formatting ************/
#content #cfi_list {
	padding:0 0 50px 0px;
	margin-left:0px;
	list-style:none;
}
#content #cfi_list li{
	clear:both;
	padding-top:15px;
}
.cfi_photo {
	padding: 4px;
	border: 1px solid #999999;
	float:left;
}
.cfi_name, .cfi_title, .cfi_citystate,.cfi_email, .cfi_phone {
	font-size:85%;
}
.cfi_name {
	font-size:100%; /*make name bigger */
	font-weight:bold; /* and bolder */
	margin-left: 14px; /* this needs to coordinate with margin-left for citystate, email and phone below for alignment */
}
.cfi_title {margin-left:0px;} /* keep title close to the name */

.cfi_citystate, .cfi_email, .cfi_phone {
	display:block; /* forces these elements to be on separate lines */
	margin-left:100px; /*enough to push them to the right of the photo, which is floated */
}
.cfi_citystate {
	font-style:italic;
	font-weight:bold;
	color:#777;
	margin-top: -2px; /* tuck it closer to the name */
	padding-bottom:5px; /* create a gap before contact info */
}
.cfi_email, .cfi_phone {
	padding-bottom:1px; /* controls spacing between multiple contact info items */
}


/****** FAQ page formatting ***********/
#faq #content h2 {
	font-size:100%;
	padding-top:2.5em;
}
#faq #content ul {
	margin-left:30px;
}
#faq #content li {
	line-height:130%;
	padding-bottom:6px;
}
#faq #content a {
	color:#444;
}
#faq #content a:visited {
	color:#999;
}
#faq #content .faq_list {
	list-style:none;
	margin-left:20px;
}
#faq #content .faq_list a {
	padding-left: 18px;
	background:url(../images/checkbox_empty.gif) left center no-repeat;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}
#faq #content .faq_list a:visited {
	background:url(../images/checkmark.gif) left center no-repeat;
}
* html #faq #content .faq_list a:visited { /* turn off visited page links for IE6, they don't work right */
	background:url(../images/checkbox_empty.gif) left center no-repeat;
}
#faq #content a.top {
	padding-top: 18px;
	font-size:80%;
	color:#aaa;
}