/*Global Elements*/

* { margin: 0; padding: 0; }

body { font: 14px "Georgia","Times New Roman","Times",serif; background-color: #ddddaa; font-size: 14px; color: #222222; }
#Wrapper { min-width: 1000px; height: 100%; }

a { color: #304d80; outline: none; }
#Header a, #Footer a { color: #ffffff; }


h2 { margin-bottom: 10px; font-size: 18px;color: #182640; }

h1, h2, h3 { font-family: "Verdana","Helvetica","Arial",sans-serif; }

#Content li { margin-left: 20px; }

p, blockquote { margin-bottom: 10px; }

blockquote span { display: block; text-align: right; margin: 10px 0; }

label, input, textarea { display: block; margin-bottom: 10px; }
input { margin-right: 5px; vertical-align: middle; }
span input { display: inline; }
form span { display: block; padding-right: 20px; width: 30%; }

.clear { clear: both; }

#Header { height: 150px; background: url(../img/bg.png) repeat; position: relative; padding-top: 30px; }
#Header #Masthead { width: 900px; margin: 0 auto 10px; height: 100px; position: relative; }
#Header #Masthead h2 {text-indent: -9999px; width: 480px; height: 54px; background: url(../img/masthead.png) no-repeat; }
#Header #Masthead p { position: absolute; right: 150px; top: 0px; color: #ffffff; }
#Header #Masthead p strong { font-family: "Verdana","Helvetica","Arial",sans-serif; }
#Header img { position: absolute; bottom: 0; right: 0; }

#Navigation { list-style-type: none; height: 40px; margin: 0 auto; width: 900px; }
#Navigation li { margin-right: 5px; height: 40px; float: left; display: block; background: url(../img/nav_right2.png) no-repeat top right; padding-right: 10px; }
#Navigation li a {
	display: block;
	float: left;
	padding: 0 15px 0 25px;
	height: 40px;
	line-height: 40px;
	color: #ddddaa;
	font-size: 14px; 
	font-weight: bold;
	font-family: "Verdana","Helvetica","Arial",sans-serif;
	text-decoration: none;
	background: url(../img/nav_left2.png) no-repeat top left;
}
#Navigation a:hover { color: #ddbb66; }
#Navigation li.active { background-position: bottom right; }
#Navigation li.active a { background-position: bottom left;  color: #182640; }
#Navigation li.active a:hover { text-decoration: none; cursor: default; }




#Content { background-color: #eeeeee; padding: 25px 50px 50px; position: relative; width: 900px; margin: 0 auto; min-height: 400px; }
#Content ul, #Content li { margin-bottom: 10px; }


#Footer { color: #ffffff; text-align: center; padding-top: 50px; padding-bottom: 20px; clear: both; background: url(../img/bg.png) repeat; }
#Footer p {}

/*Home Page*/
#Statement { margin-right: 400px; }

#Slideshow { float: right; width: 350px; height: 250px; margin-bottom: 200px; background-color: #ddddaa; margin-left: 50px; border: 1px solid #182640; }
#Slideshow h3 { color: #ddddaa; background-color: #304d80; text-align: center; width: 340px; padding: 5px; font-weight: normal; }
#Slide { padding: 25px; width: 300px; }

/*Programs & Rates*/
#Descriptions { width: 500px; padding-bottom: 50px; list-style: none; float: left; }
#Descriptions h3 { margin-bottom: 10px; height: 22px; line-height: 22px; }
#Descriptions h3 a { padding-left: 30px; background: url(../img/programs_plusminus.png) no-repeat top left; display: block;  }
#Descriptions li { margin-left: 0; margin-bottom: 10px; }
#Descriptions li div { display: none; padding-left: 40px; }
#Descriptions li.active div { display: block; }
#Descriptions li.active a { background-position: bottom left; }
#Pricing { float: right; margin-top: -80px; }
#Pricing h3 { text-align: center; }
#Pricing table { margin: 20px 0; border-spacing: 2px; background-color: #182640; }
#Pricing th { background-color: #ddbb66; color: #182640; padding: 5px; text-align: center; }
#Pricing td { padding: 5px; text-align: center; background-color: #eeeeee; }
#Pricing tr.active td { background-color: #dddddd; }
#Pricing tr.active.header td { background-color: #ddddaa; }
.footnote { clear: both; padding-top: 50px; }

/*FAQ*/

#FAQ dt { padding-left: 30px; background: url(../img/faq_q.png) no-repeat left top; margin-bottom: 10px; }
#FAQ dd { padding-left: 30px; background: url(../img/faq_a.png) no-repeat left top; margin-bottom: 20px; }

#Questions { list-style: none; padding-bottom: 30px; }
#Questions li { padding-left: 30px; background: url(../img/faq_q.png) no-repeat left top; margin-left: 0; }

/*Contact*/

#Submit { width: 75px; height: 30px; background: url(../img/contact_submit.png) no-repeat top left #ddbb66; text-indent: -9999px; padding: 0; display: block; }
#error, #error2 { display: block; color: #ff0000; font-weight: bold; }
.errors {
	border: 1px solid #ffcc66;
	padding: 10px 10px 0px 40px;
	background: url(../img/error.png) #ffffcc no-repeat 5px 5px; 
	margin-bottom: 10px; 
	color: #ff0000;
	display: none;
	width: 50%;

}
.errors li {
	background: url(../img/error2.png) no-repeat left center;
	padding-left: 20px;	
	list-style: none;
}

.error { background: url(../img/error.png) no-repeat right #ffffcc; border-color: #ffcc66; }


/*Page Headers*/

h1 { margin-bottom: 10px; position: relative; height: 51px; font-size: 10px; }
h1 span { position: absolute; height: 51px; top: 0; left: 0; background: no-repeat top left; width: 500px; }

#Home h1 span { background-image: url(../img/header_home.png); }
#Programs h1 span { background-image: url(../img/header_programs.png); }
#Testimonials h1 span { background-image: url(../img/header_testimonials.png); }
#FAQ h1 span { background-image: url(../img/header_faq.png); }
#Contact h1 span { background-image: url(../img/header_contact.png); }