/* XHTML Tags */
body {
	margin: 0;
	color: #010101;
	font-family: Arial, Helvetica, sans-serif;
	background: #dbd6b9 url(../images/bgMain.gif) repeat-x;
}
a {
	color:#2e61c8;
}

/* Headers */
h1 {
	margin: 15px 0 10px 0;
	padding: 0 0 10px 0;
	color: #4b3015;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1em;
	border-bottom: 1px solid #96551d;
}
h2 {
	margin: 20px 0 10px 0;
	padding: 0 0 10px 0;
	color: #235c97;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1em;
	border-bottom: 1px solid #6493c3;
}
h3 {
	margin: 20px 0 5px 0;
	color: #b57300;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1em;
}

/* Content IDs and Classes */
#wrapper {
	width: 980px;
	background: url(../images/imgHome.jpg) no-repeat top right;
}
#wrapper.surf-lessons { background: url(../images/imgSurfLessons.jpg) no-repeat top right; }
#wrapper.surf-lessons-sm { background: url(../images/imgSurfLessons-SM.jpg) no-repeat top right; }
#wrapper.surf-lessons-la { background: url(../images/imgSurfLessons-LA.jpg) no-repeat top right; }
#wrapper.surf-lessons-malibu { background: url(../images/imgSurfLessons-malibu.jpg) no-repeat top right; }
#wrapper.surf-lessons-mb { background: url(../images/imgSurfLessons-mb.jpg) no-repeat top right; }
#wrapper.surf-lessons-rb { background: url(../images/imgSurfLessons-rb.jpg) no-repeat top right; }
#wrapper.surf-lessons-vb { background: url(../images/imgSurfLessons-vb.jpg) no-repeat top right; }
#wrapper.surf-lessons-hb { background: url(../images/imgSurfLessons-hb.jpg) no-repeat top right; }
#wrapper.surf-packages { background: url(../images/imgSurfPackages.jpg) no-repeat top right; }
#wrapper.surf-camp { background: url(../images/imgSurfCamp.jpg) no-repeat top right; }
#wrapper.surf-bio { background: url(../images/imgBio.jpg) no-repeat top right; }
#wrapper.gift-certificate { background: url(../images/imgGiftCertificate.jpg) no-repeat top right; }
#wrapper.surf-signup { background: url(../images/imgSurfPackages.jpg) no-repeat top right; }
#wrapper.surf-success-stories { background: url(../images/imgSuccessStories.jpg) no-repeat top right; }
#wrapper.surf-photos { background: url(../images/imgSurfPhotos.jpg) no-repeat top right; }

#clearBoth, #wrapper br {
	clear: both;
}
#bookSurfPackage {
	background: url(../images/titleTab03.png) no-repeat;
}
#bookSurfLesson {
	background: url(../images/titleTab01.png) no-repeat;
}
#bookSurfCamp {
	background: url(../images/titleTab02.png) no-repeat;
}

#bookSurfPackage:hover, #bookSurfLesson:hover, #bookSurfCamp:hover {
	cursor: hand; cursor: pointer;
}
#surf-lesson-arch-text h2{
	text-indent:-5000px;
	margin: -7px 0;
	padding:0;
	border:0 none;
	}
	
#surf-lesson-arch{
	margin: -110px -30px 0px 0px;
	float:right;
	border:0px none;
	padding:0px;
	width:405px;
	height:150px;
	background: url(../images/btn_frame.png) no-repeat top center;
	}
#surf-lesson-arch-text{
	height:84px;
	margin:16px 0 0 63px;
	padding:0;
	width:272px;
	}
#surf-lesson-arch-text.sm{background: url(../images/btn_frame_sm.png) no-repeat top center;}
#surf-lesson-arch-text.la{background: url(../images/btn_frame_la.png) no-repeat top center;}
#surf-lesson-arch-text.malibu{background: url(../images/btn_frame_malibu.png) no-repeat top center;}
#surf-lesson-arch-text.mb{background: url(../images/btn_frame_mb.png) no-repeat top center;}
#surf-lesson-arch-text.rb{background: url(../images/btn_frame_rb.png) no-repeat top center;}
#surf-lesson-arch-text.vb{background: url(../images/btn_frame_vb.png) no-repeat top center;}
#surf-lesson-arch-text.hb{background: url(../images/btn_frame_hb.png) no-repeat top center;}

#content h1.home{
	margin: 5px 0 5px -80px;
	padding: 0px;
	text-indent:-5000px;
	border-bottom: 0px none;
	text-align:center;
	
}
#content ul#callouts {
	list-style-type:none;
	margin:-40px 0 0 0;
	display:block;
	clear:both;
	}

ul#callouts li h2{
	margin: 0px;
	border:0px none;
	padding:25px 0px 30px 30px;
	color: #000;
	width:150px;
	font-size: .95em;
	text-align: center;
	font-weight: bold;
	background: url(../images/titleTab01-bg.png) no-repeat top left !important;
}	
ul#callouts li h2 a{
	color:#000;
	text-decoration: none;
}

ul#callouts li {
	background:none;
	padding:0px;
	float:left;
	margin:0px 22px 30px 0px;
	width:182px;
	}
ul#callouts li p{
	margin: 6px 5px 10px 35px;
	font-size: .85em;
	line-height: 1.6em;
}

ul#callouts li img{
	border:none;
}

#callOut01 {
	position: absolute;
	z-index: 100;
	left: 240px;
	top: 405px;
	width: 252px;
	height: 225px;
}
#content #callOut01 p, #callOut01 p {
	margin: 6px 5px 10px 35px;
	font-size: .75em;
	line-height: 1.6em;
	
}
#callOut02 {
	position: absolute;
	z-index: 200;
	left: 485px;
	top: 410px;
	width: 233px;
	height: 225px;
}
#content #callOut02 p, #callOut02 p {
	margin: 0 5px 10px 35px;
	font-size: .75em;
	line-height: 1.6em;
	
}
#callOut03 {
	position: absolute;
	z-index: 300;
	left: 715px;
	top: 405px;
	width: 228px;
	height: 225px;
}
#content #callOut03 p, #callOut03 p {
	margin: 10px 5px 10px 35px;
	font-size: .75em;
	line-height: 1.6em;	
}

/* Remove image borders */
#callOut01 img, #callOut02 img, #callOut03 img, #navigation ul li img {
	border: none;
}

.emptyContent { display:block; clear:both; height:100px; }
.alignRight {
	float: right;
	margin: 0 3px 0 0;
	border: none;
}

#contactTab {
	position: absolute;
	z-index: 100;
	left: 650px;
	top: 3px;
	width: 328px;
	height: 58px;
	background: url(../images/imgContactInfo.png) no-repeat;
}

/* Navigation */
#leftColumn {
	float: left;
	width: 294px;
	margin-top:-16px;
}
#menu {
	width: 294px;
	height: 460px;
	background: url(../images/bgMenu.png) no-repeat;
}
#navigation {
	width: 235px;
	margin: 10px 0 0 25px;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation ul li {
	margin: 0;
	padding: 0;
}
#navigation ul li a {
	position: relative;
	z-index: 500;
}
#contactTab:hover {
	cursor: hand; cursor: pointer;
}
#contactTab img {
	border: none;
}
#successTab {
	position: absolute;
	z-index: 200;
	left: 645px;
	top: 115px;
	width: 300px;
	height: 179px;
}
#logo {
	width: 180px;
	height: 190px;
	margin: 0 0 0 45px;
}

#logo a {
	position: relative;
	z-index: 500;
}
#logo img {
	width: 180px;
	height: 190px;
	border: none;
}
#announcements {
	width: 245px;
}
#announcements ul, #announcements ol {
	margin: 5px 0 0 15px;
	padding: 0;
	list-style-type: none;
}
#announcements ol {
	background: url(../images/iconSanta.gif) no-repeat left top;
	padding-top:80px;
}
#announcements li {
	margin: 0 0 15px 0;
	padding: 2px 0 0 10px;
	background: url(../images/bgAnnouncements.gif) no-repeat left top;	
	cursor:hand;
}
#announcements li a {
	color: #32631e;
	text-decoration: none;
	cursor:hand;
}
#announcements li a:hover {
	color: #163808;
}
.readMore {
	margin: 6px 0 0 0;
	display: block;
	text-align: right;
	font-size: .7em;
}
#sectionTitle {
	position: absolute;
	z-index: 300;
	top: 380px;
	left: 280px;
	width: 279px;
	height: 78px;
}

/* Center Content */
#content {
	float: left;
	width: 395px;
	margin: 425px 15px 0 13px;
}
#wrapper.surf-lessons-new #content {
	width: 658px;
}
#content p {
	margin: 0 0 10px 0;
	line-height: 1.5em;
	font-size: .85em;
}

#content ul {
	margin: 0 0 10px 20px;
	padding: 0;
	font-size: .85em;
	line-height: 1.5em;
	list-style-type: none;
}
#content li {
	margin: 0 0 10px 0;
	padding: 0 0 0 23px;
	background: url(../images/iconStar.gif) 0 1px no-repeat;
}
#content ul.bolts li {
	background: url(../images/iconBolt.gif) 0 1px no-repeat;
}
#content ul.bolts li.sub, #content ul li.sub {
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:-8px 0 8px 40px;
	background:none;
	font-size:.8em;
	font-weight:normal;
}
#content table {
	width: 100%;
	font-size: .9em;
}
#content td {
	width: 48%;
	padding: 2px 10px 2px 0;
	color: #333;
	border-bottom: 1px solid #c1b98e;
}
#content td.col1 {
	width:43%;
}
#content td.col2 {
	width:40%;
}
#content td.col3 {
	width:15%;
}
#content tr.altrow {
	background: #e8e4c8 url(../images/bgPathway.gif) repeat-x;
}
#content tr.moreHeight {
	height:30px;
}
#content tr.invis {
	display:none;
}
span.errormsg {
	color: #be0000;
	background: url(../images/iconError.gif) no-repeat left 2px;
	padding-left: 15px;
	float: left;
	display:block;
}
.breadCrumbs {
	font-size: .7em;
	margin:40px 0px 5px 0px;
}
.pathwayLg {
	float: right;
	margin: 15px 0 0 0;
	padding: 7px;
	color: #fff;
	font-size: 1em;
	background: #2c5c18 url(../images/bgPathwayLg.gif) repeat-x;
	border: 1px solid #1e4b0c;
}
.pathwayLg:hover {
	color: #d2ff9d;
	text-decoration: none;
}
.pathwayLg span {
	padding: 0 15px 0 0;
	background: url(../images/bulletBlueRightLgAlt.gif) right center no-repeat;
}
.required {
	color: #96551d;
}
.tiny {
	font-size:.7em;
}
.specialNote {
	color: #96551d;
	font-size:.8em;
}

.testimonial {
	margin: 0 0 25px 0;
	padding: 10px;
	color: #542900;
	background: #fffcee url(../images/bgTestimonial.gif) repeat-x;
	border-bottom: 1px solid #cdc7a3;
	border-top: 1px solid #fff;
}

.testimonial span {
	display: block;
	font-size: .75em;
	font-style: italic;
	text-align: right;
}
/* Form content */
form {
	margin: 10px 0 0 0;
	padding: 0;
}
#form {
	padding: 15px;
	background: #efebd2;
}
#form input.info {
	width: 175px;
}
#form input.medinfo {
	width:50px;
}
#form input.smallinfo {
	width:25px;
}

#form table tr td {
	padding: 5px 0;
	border-bottom: none;
}
#form table tr td.alt {
	padding: 5px 0;
	border-bottom: 1px solid #c1b98e;
}
#form textarea {
	width: 358px;
	height: 150px;
}
/* Right Navigation */
#subNav {
	float: left;
	width: 210px;
	height: 325px;
	margin: 425px 0 0 0;
}

#subNav small {
	padding-left:5px;
	padding-right:5px;
}

#subCallOutTop {
	overflow: hidden;
	height: 4px;
	background: url(../images/bgCallOutTop.gif);
}

#subCallOut {
	width: 209px;
	background: url(../images/bgCallOut.gif);
}
#subCallOut h5 {
	margin: 13px;
	padding: 0;
	color: #1f1001;
	font-size: 1em;
	font-weight: normal;
}
#subCallOut p {
	margin: 0 13px;
	padding: 0;
	color: #542900;
	font-size: .75em;
}
#subCallOut span {
	display: block;
	margin: 5px 13px 0 13px;
	padding: 0;
	color: #542900;
	font-size: .7em;
	text-align: right;
}
#subCallOutBottom {
	height: 61px;
	background: url(../images/bgCallOutBottom.gif);
}
#subCallOutBottom a {
	display: block;
	margin: 4px 13px 0  13px;
	padding: 4px 0 0 0;
	font-size: .7em;
	text-align: right;
	border-top: 1px solid #c6ae5c;
}
#subLinks {
	margin: 17px 0 0 13px;
	padding: 0;
	list-style-type: none;
	font-size: .75em;
}
#subLinks li {
	line-height: 1.9em;
	border-bottom: 1px solid #c1b98e;
	padding: 0 0 0 15px;
	/*background: url(../images/bulletBlueRight.gif) no-repeat left center;*/
	background: url(../images/iconBolt.gif) left center no-repeat;
}
/* Footer */
#median {
	height: 75px;
	margin: 10px 0 0 0;
	clear: both;
	background: url(../images/bgMedian.gif) repeat-x;
}
#surf-lesson-arch #button_signup {
	padding: 11px 141px 0 0;
}
#button_signup .btn {
	float: right;
	clear: both;
	background: url(../images/btn_left.png) no-repeat;
	padding: 0 0 0 7px;
	margin: 5px 0;
}
#button_signup .btn a{
	float: left;
	height: 40px;
	background: url(../images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
#button_signup .btn span {
	background: url(../images/btn_right.png) no-repeat;
	float: left;
	width: 7px;
	height: 40px;
}
#button_signup .btn_signupnow { background-color: #24a62b; }

#footer {
	padding: 0;
	background: #b49d6f;
}

#footerContainer {
	width: 910px;
	padding-left: 50px;
}
#footerContainer a {
	color: #542900;
	text-decoration: none;
}
#footerContainer a:hover {
	text-decoration: underline;
}
#footerContainer ul {
	list-style-type: none;
}
#footerContainer h4 {
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 40px;
	width:150px;
}
#footerNav {
	float: left;
	margin: 0 50px 0 0;
	padding: 0;
	font-size: .75em;
	line-height: 1.6em;
}
#footerNav ul li {
	padding: 0 0 0 15px;
	background: url(../images/bulletBlueRight.gif) no-repeat left center;
}
#footerNav ul, #footerMore ul, #footerGetStarted ul { margin-top:-3px; }
#footerMore {
	float: left;
	height: 135px;
	margin: 0 50px 0 0;
	padding: 0;
	font-size: .75em;
	line-height: 1.6em;
}
#footerMore ul li {
	padding: 0 0 0 15px;
	background: url(../images/bulletStar.gif) no-repeat left center;
}
#footerGetStarted {
	float: left;
	height: 135px;
	margin: 0;
	padding: 0;
	font-size: .75em;
	line-height: 1.6em;
}
#footerGetStarted ul li {
	padding: 0 0 0 15px;
	background: url(../images/bulletComments.gif) no-repeat left center;
}
#footerContactInfo {
	float: right;
	height: 210px;
	color: #1f1001;
	font-size: .75em;
	line-height: 1.2em;
	text-align:left;
}
#footerContactInfo h4 { margin-left: -40px; }