/* Stamford Sailing Foundation - base.css
 * Copyright 2007-2009 Randall Morey.  All rights reservered. */

/* general */
body *					{ line-height: 20px; }
hr						{ display: none; }
p,h3,h4,h5,h6,ul,ol,dl,
blockquote				{ margin-bottom: 10px; padding-bottom: 10px; }
h3						{ margin: 0; padding: 0; font-size: 138.5%; font-weight: bold; color: #2862A2; }
.our-kids h3			{ border-bottom: 1px solid #CCC; line-height: 19px; }
h4						{ margin: 0; padding: 0; font-size: 131%; color: #2862A2; }
h4 em					{ display: block; font-weight: bold; }
h5						{ font-weight: bold; }
blockquote				{ margin-top: 20px; margin-bottom: 0; padding-bottom: 0; color: #2862A2; }
blockquote p			{ font-size: 116%; }
blockquote p:before		{ content: '"'; }
blockquote p:after		{ content: '"'; }
ol						{ list-style-type: decimal; margin-left: 20px; }
ol li					{ list-style-type: decimal; font-weight: bold; font-size: 121.5%; color: #2862A2; }
form ol li				{ list-style-type: none; font-weight: normal; font-size: 100%; color: black; }
ol li p					{ font-weight: normal; font-size: 85%; color: black; }
a						{ color: #B72E19; text-decoration: none; }
a:hover					{ text-decoration: underline; }
strong					{ font-weight: bold; }
em						{ font-style: italic; }
cite					{ display: block; font-style: italic; text-align: right; }
fieldset				{ margin: 0 0 20px 0; padding: 9px 10px 10px 10px; border-top: 1px solid #2862A2; background: url(/media/images/fieldset-gradient.gif) repeat-x; }
legend					{ font-size: 108%; font-weight: bold; color: #2862A2; }
form p					{ clear: both; font-size: 85%; font-style: italic; text-align: center; }
form ol					{ margin-left: 0; }
form li					{ list-style-type: none; overflow: hidden; clear: both; height: 40px; }
label span				{ cursor: default; float: left; width: 225px; padding-right: 20px; text-align: right; }
input, textarea, select	{ border: 1px solid #2862A2; width: 250px; height: 20px; }
.f01					{ border: 0; margin-top: -20px; padding: 20px 0 0 0; }
.f01 label span			{ width: 250px; padding-left: 20px; text-align: left; }
.f01 input				{ float: left; width: 20px; border: 0; margin-left: 205px; }
textarea				{ height: 78px; }
form .submit			{ float: right; display: inline; margin: 20px 60px; padding: 0 0 0 20px; font-weight: bold; text-transform: uppercase; background: url(/media/images/right-arrow.gif) no-repeat 0 50%; }
form .submit span		{ cursor: pointer; width: auto; padding-left: 0; }
label.error				{ display: block; padding-left: 255px; font-size: 85%; font-weight: bold; text-transform: uppercase; color: #C00; }
input.error,
select.error			{ border-color: #C00; background-color: #FCC; }

.block					{ overflow: visible; position: relative; width: 750px; margin: 0 auto; }
.block:after			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.primary				{ float: right; }
.secondary				{ float: left; }

/* ad-hoc grid */
.group3 .unit			{ float: left; width: 33%; }
.group3 .first			{ width: 32%; }

/* slideshow */
#content .slideshow-pager	{ width: 3400px; }
#content .slideshow-pager li	{ list-style-type: none; float: left; width: 50px; height: 50px; margin: 0 7px 0 0; padding: 4px; border: 1px solid #CCC; }
#content .slideshow-pager li .activeSlide{ border: 1px solid #B92B21; }
#content .slideshow-pager li a{ display: block; width: 48px; height: 48px; outline: 0; border: 1px solid white; }
#content .slideshow-pager li img{ display: block; width: 48px; height: 48px; }
.slideshow				{ width: 515px; height: 340px; margin: 0 auto 20px auto; }
#content .slideshow li	{ list-style-type: none; width: 495px; margin: 10px; }
.slideshow img			{ display: block; margin: 0 auto; -moz-box-shadow: 2px 2px 20px #999; -webkit-box-shadow: 2px 2px 20px #999; }
/* This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container". */
.jcarousel-container	{ position: relative; right: -3px; width: 535px; margin: 20px auto 10px auto; }
.jcarousel-clip			{ position: relative; z-index: 2; overflow: hidden; margin: 0; padding: 0; }
.jcarousel-list 		{ position: relative; top: 0; left: 0; z-index: 1; overflow: hidden; margin: 0; padding: 0; }
/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-list li,
.jcarousel-item			{ list-style: none; float: left; width: 75px; height: 75px; }
/* The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next			{ cursor: pointer; position: absolute; top: 20px; right: -20px; z-index: 3; display: none; width: 15px; height: 15px; background: url(/media/images/previous-next.gif) no-repeat -15px -15px; }
.jcarousel-prev			{ cursor: pointer; position: absolute; top: 20px; left: -20px; z-index: 3; display: none; width: 15px; height: 15px; background: url(/media/images/previous-next.gif) no-repeat -45px -15px; }
.jcarousel-next-disabled,
.jcarousel-prev-disabled{ visibility: hidden; }
.jcarousel-next:hover	{ background-position: -15px -45px; }
.jcarousel-prev:hover	{ background-position: -45px -45px; }

/* sections ---------- */
#accessibility			{ display: none; height: 20px; margin: 0; }
#accessibility ul		{ margin: 0 0 0 125px; }
#accessibility li		{ float: left; padding: 0 20px; background: url(/media/images/down-arrow.gif) no-repeat 0 50%; }

#header					{ margin-top: 20px; }
#header	.block			{ z-index: 2; }
#header h1				{ position: relative; top: 8px; width: 500px; height: 40px; margin: 0 0 0 125px; text-indent: -9999em; background: url(/media/images/logo-type.gif) no-repeat; }
#header .logo			{ display: block; position: absolute; width: 105px; height: 105px; text-indent: -9999px; background: url(/media/images/logo-mark.png) no-repeat; }
#header .logo a			{ display: block; width: 105px; height: 105px; }

#nav					{ padding: 14px 0 0 0; border-bottom: 1px solid #94B1D1; background: #2862A2 url(/media/images/nav.gif) repeat-x; }
#nav ul					{ margin: 0 0 0 125px; }
#nav li					{ float: left; height: 25px; }
#nav ul ul				{ position: absolute; left: -9999em; }
#nav a, #nav strong		{ display: block; height: 25px; padding: 0 8px; font-size: 85%; line-height: 25px; letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; color: white; }
#nav a:hover			{ text-decoration: underline; }
#nav strong,
#nav .parent a			{ position: relative; top: 1px; border-left: 1px solid #94B1D1; border-right: 1px solid #94B1D1; background: #2862A2; }

#subheader				{ background: url(/media/images/subheader-gradient.gif) repeat-x; }
#subheader p,
#subheader ul			{ margin-left: 400px; font-size: 108%; color: #2862A2; }
#subheader h2			{ overflow: hidden; width: 350px; height: 80px; margin: 0 0 10px 0; padding: 60px 0 10px 400px; font-size: 330%; line-height: 40px; letter-spacing: -0.05em; text-indent: -9999em; color: white; background-position: 100% 60px; background-repeat: no-repeat; }
#subheader br			{ display: none; }
#subheader .block		{ min-height: 280px; }
#subheader #photos		{ position: absolute; top: 15px; left: 0; z-index: 2; width: 380px; height: 254px; background: url(/media/images/photo.png) no-repeat; }
#subheader #photos ul	{ margin: 0; }
#subheader #photos li	{ position: absolute; width: 380px; height: 254px; }

#page					{ margin-bottom: 20px; }

#content				{ float: right; width: 605px; padding: 0 0 0 20px; }
#content p:first-child	{ margin: 0; padding: 0; border: 0; }
#content ul li			{ list-style: outside circle; margin-left: 40px; }

#donate					{ margin-bottom: 10px; padding-bottom: 9px; border-bottom: 1px solid #CCC;}
#donate input			{ width: auto; height: auto; border: 0; }

#sidebar				{ float: left; width: 125px; font-size: 93%; }
#sidebar-nav a			{ text-decoration: underline; }
#sidebar-nav em			{ position: absolute; left: -9999em; }
#sidebar-nav span		{ display: block; margin-bottom: 20px; }
#sidebar-nav strong		{ display: block; margin: 0 0 20px 0; padding: 0 0 0 20px; font-weight: bold; text-transform: uppercase; color: #B92B21; background: url(/media/images/right-arrow.gif) no-repeat 0 50%; }
#sidebar-nav li			{ margin: 0 0 20px 0; }
#sidebar-nav ul			{ margin: 0 0 0 20px; }
#sidebar-nav ul strong	{ margin: 0; padding: 0 0 0 20px; text-transform: none; background: none; background: url(/media/images/right-arrow.gif) no-repeat 0 3px; }

#footer								{ font-size: 85%; }
#footer #notice						{ height: 38px; border-top: 1px solid #CCC; }
#footer #signup						{ height: 38px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#footer #notice p,
#footer #signup p					{ margin-bottom: 0; padding: 10px 0 0 0; font-weight: bold; color: #2862A2; }
#footer #notice strong,
#footer #signup strong				{ text-transform: uppercase; }
#footer #notice a,
#footer #signup a					{ padding-left: 30px; padding-right: 20px; text-transform: uppercase; background: url(/media/images/right-arrow.gif) no-repeat 100% 50%; }
#footer #copyright *				{ float: left; }
#footer #copyright .vcard span		{ float: none; margin: 5px 0; font-style: italic; line-height: 10px; }
#footer #copyright .vcard strong	{ margin: 5px 0; padding: 0 10px; line-height: 10px; }
#footer .vcard .tel					{ padding: 0 10px; border: 0; }

/* pages ---------- */
.home #subheader h2					{ font-weight: bold; text-transform: uppercase; background-image: url(/media/images/subheader-h2-home.gif); }
.home #content						{ width: 730px; }
.home #content .unit				{ float: left; width: 33%; }
.home #content .last *				{ float: right; }
.home #content h3					{ display: none; }
.home #content h4 a					{ display: block; height: 80px; text-indent: -9999em; background: url(/media/images/home-h4-02.gif) no-repeat; }
.home #content ul li				{ list-style: none; list-style-position: outside; margin-left: 0; }
.home #content .first h4 a 			{ background: url(/media/images/home-h4-01.gif) no-repeat; }
.home #donate						{ display: none; }
.home #subheader a,
.home #content a,
.donate #content a					{ padding-right: 20px; font-size: 85%; font-weight: bold; text-transform: uppercase; background: url(/media/images/right-arrow.gif) no-repeat 100% 50%; }
.donate #content h3					{ margin-bottom: 20px; border-bottom: 1px solid #CCCCCC; line-height: 19px; }
.donate #content p					{ padding-bottom: 9px; border-bottom: 1px solid #CCC; }
.donate #content p:first-child		{ border: 0; }
.donate #content h3+h4+p			{ border: 0; }
.donate #content strong 			{ color: #2862A2; }
.donate #content .donate-link		{ float: left; width: 150px; height: 40px; text-indent: -9999em; background: url(/media/images/button-donate.gif) no-repeat; }
.programs .primary					{ height: 200px; }
.programs .secondary				{ height: 280px; }
.programs #content h3				{ width: 300px; height: 80px; text-indent: -9999em; background: url(/media/images/programs-h3.gif) no-repeat; }
.mission #content ol				{ margin-top: -20px; }
.sailing-swimming blockquote		{ margin-bottom: 20px; }
.year-round-programs p+ul			{ margin-top: -20px; }
.year-round-programs .secondary		{ height: 360px; }
.board h3							{ margin-bottom: 20px; }
.board h4+h4						{ margin-top: 20px; }
.our-kids #content blockquote+p+h3+blockquote p{ margin: 0 0 20px 0; padding: 0; }
.partner-schools h4					{ font-weight: bold; }
.partner-schools .primary			{ overflow: hidden; height: 280px; }
.admirals-club #content				{ -moz-column-count: 2; -webkit-column-count: 2; }
.admirals-club #content ul:nth-child(6) { margin-bottom: 180px; }
.admirals-club #content p:nth-child(9) { font-style: italic; font-size: 85%; }
.admirals-club #content p			{ margin-bottom: 20px; }
.contact #subheader a				{ text-decoration: underline; }
.newsletter #subheader a			{ padding-right: 20px; text-decoration: underline; background: url(/media/images/right-arrow.gif) no-repeat 100% 50%; }

/* subheaders ---------- */
.home #subheader h2					{ background-image: url(/media/images/subheader-h2-home.gif); }
.donate #subheader h2				{ background-image: url(/media/images/subheader-h2-donate.gif); }
.mission #subheader h2				{ background-image: url(/media/images/subheader-h2-mission.gif); }
.programs #subheader h2				{ background-image: url(/media/images/subheader-h2-programs.gif); }
.our-kids #subheader h2				{ background-image: url(/media/images/subheader-h2-our-kids.gif); }
.sailing-swimming #subheader h2		{ background-image: url(/media/images/subheader-h2-sailing-swimmi.gif); }
.year-round-programs #subheader h2	{ background-image: url(/media/images/subheader-h2-year-round-pro.gif); }
.future #subheader h2				{ background-image: url(/media/images/subheader-h2-future.gif); }
.events #subheader h2				{ background-image: url(/media/images/subheader-h2-events.gif); }
.about #subheader h2,
.board #subheader h2				{ background-image: url(/media/images/subheader-h2-about.gif); }
.facilities #subheader h2			{ background-image: url(/media/images/subheader-h2-facilities.gif); }
.admirals-club #subheader h2		{ background-image: url(/media/images/subheader-h2-admirals-club.gif); }
.partner-schools #subheader h2		{ background-image: url(/media/images/subheader-h2-partner-school.gif); }
.press #subheader h2				{ background-image: url(/media/images/subheader-h2-press.gif); }
.contact #subheader h2				{ background-image: url(/media/images/subheader-h2-contact.gif); }
.newsletter #subheader h2,
.unsubscribe #subheader h2,
.change-address #subheader h2		{ background-image: url(/media/images/subheader-h2-newsletter.gif); }
.shop #subheader h2					{ background-image: url(/media/images/subheader-h2-shop.gif); }