/* 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;

}

#facebook {
	position:absolute;
	display:block;
	left:64px;
	top:5px;
	z-index:1000;
}

#gplus {
	position:absolute;
	top:3px;
	left:87px;
}

#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;

}

#announcements a.hawaii-retreat img { border:0 none; margin: -20px 0 0 20px; }

.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; }



/* LIABILITY FORM

-----------------------------------------------*/

#liability-form { background:#fff; }

.liability-form { width:960px; margin:20px auto; border:1px solid #f0f0f0; padding:15px; }

.liability-form pre { margin:10px 0 0 -95px; }

.liability-form p.center { text-align:center; }



/* ALERT/NOTIFICATION MESSAGES

-----------------------------------------------*/

.errormsg {

	color:#be0000;

	background:url(../images/icon_error.gif) no-repeat left 2px;

	padding-left:15px;

	display:block;

	text-align:left;

	font-size:0.9em;

}

.confmessage {

	border:1px solid #aacf9b;

	background:#e5f0e0 url(../images/icon_check.gif) no-repeat 5px 10px;

	overflow:hidden;

	margin:10px 0;

	padding:10px 10px 10px 25px;

}

.infomsg {

	border:1px dashed #ccc;

	background:#f9f9f9 url(../images/icon_info.gif) no-repeat 5px 7px;

	clear:both;

	display:block;

	margin:5px 0;

	padding:5px 5px 10px 30px;

}

.alertmsg {

	background:#fff3f3 url(../images/icon_alert.gif) no-repeat 5px 6px;

	border:1px solid #ffd9d9;

	padding:5px 5px 5px 25px;

}

*+html .alertmsg {

	padding-top:2px;

}