/* general ---------------------------------------------------------------------------------------- */

html 		{ overflow-y:scroll; height:100%; }
body 		{ background:#544e4a url(../-images/bg.jpg) repeat-x; margin:0 auto; min-height:100%; height:100%; }
body		{ font:normal 14px Arial, sans-serif; color:#ccc; }
#container 	{ position:relative; width:1000px; margin:0 auto; position:relative; }

a:link,
a:visited 	{ color:#a2c6de; }
a:hover 	{ color:#ffd966; text-decoration: none;  }

.clear		{ display:block; height:1px; line-height:1px; font-size:1px; margin-top:-1px; clear:both; }
.break 		{ display:block; }
.justclear	{ clear:both; }

strong 		{ font-weight:bold; color:#fff; }
em	 		{ font-style:italic; }
.floatright { float:right; }
.floatleft 	{ float:left; }
.padright 	{ padding-right:15px; }
.padleft 	{ padding-left:15px; }
.smalltext 	{ font-size:9px; line-height:12px !important; }
.photoframe	{ border:2px #FFFFFF solid;   box-shadow: 2px 2px 2px #777;
  -moz-box-shadow: 2px 2px 2px #777;
  -webkit-box-shadow: 2px 2px 2px #777;
 }
.nobold		{ font-weight:normal; }
.gray		{ color:#999 !important; }
.bordertop	{ border-top:1px #e6e6e6 solid; padding-top:6px; }
.nospacebefore	{ margin-top:0 !important; }
.nospaceafter	{ margin-bottom:0 !important; }

/* Landing Page */
body#landing { background: #071d4d url(../-images/landing-bg.jpg) no-repeat top center }
#landing p, #landing a:link, #landing h1 { text-indent: -9999px; display: block; position: absolute }
#landing a#rowing { background: transparent url(../-images/sparks-logos.png) no-repeat top left; display: block; width: 152px;height: 44px; top:265px; left: 200px; }
#landing a#rowing:hover { background-position: 0 -44px; }
#landing a#swimming { background: transparent url(../-images/sparks-logos.png) no-repeat 0 -88px; display:block;width: 152px; height: 44px; top:265px; left: 653px; }
#landing a#swimming:hover { background-position: 0 -132px; }

/* header and footer ---------------------------------------------------------------------------------------- */

#header 		{ position:relative; height:80px; margin-left: -15px; }
#header h1, 
#header span	{ text-indent:-9999px; }
a#home_link 	{ position:absolute; display:block; top:0px; left:55px; width:195px; height:80px; background:url(../-images/logo.jpg) no-repeat; text-indent:-9999px; }
#header ul		{ position:absolute; left:330px; top:0px; height:80px; }
#header li 		{ display:inline; }
#header li a	{ text-indent:-9999px; display:block; float:left; height:80px; background: transparent url(../-images/main-nav.jpg) no-repeat 0 0;}
#header li a:hover	{ background-position:0 -80px; }
#header li.on a		{ background-position:0 -160px; }

#header ul.subnav li a { background: none; }

/*
#header #nav-about a		{ width:96px; background-image:url(../-images/nav-about.jpg); }
#header #nav-working a		{ width:142px; background-image:url(../-images/nav-working.jpg); }
#header #nav-approach a		{ width:126px; background-image:url(../-images/nav-approach.jpg); }
#header #nav-reports a		{ width:111px; background-image:url(../-images/nav-reports.jpg); }
#header #nav-contact a		{ width:105px; background-image:url(../-images/nav-contact.jpg); }
#header #nav-camp a 		{ width:104px; background-image:url(../-images/nav-camp.jpg); }
*/

/*
#header #nav-counseling a		{ width:108px; background-image:url(../-images/nav-counseling.jpg); }
#header #nav-camp a 		{ width:122px; background-image:url(../-images/nav-camp.jpg); }
#header #nav-coxswain a 		{ width:146px; background-image:url(../-images/nav-coxswain-school.jpg); }
#header #nav-database a 		{ width:90px; background-image:url(../-images/nav-database.jpg); }
#header #nav-people a		{ width:72px; background-image:url(../-images/nav-people.jpg); }
#header #nav-reports a		{ width:78px; background-image:url(../-images/nav-reports.jpg); }
#header #nav-approach a		{ width:92px; background-image:url(../-images/nav-approach.jpg); }
#header #nav-contact a		{ width:81px; background-image:url(../-images/nav-contact.jpg); }
*/

#header #nav-working a { width: 149px; background-position:  0 0; }
#header #nav-working a:hover { background-position:  0 -80px; }
#header #nav-working.on a { width: 149px; background-position:  0 -160px; }

#header #nav-camp a { width:130px; background-position: -149px 0;}
#header #nav-camp a:hover { background-position: -149px -80px;}
#header #nav-camp.on a { background-position: -149px -160px;}

#header #nav-about a { width:97px; background-position: -278px 0;}
#header #nav-about a:hover { background-position: -278px -80px;}
#header #nav-about.on a { background-position: -278px -160px;}

#header #nav-database a { width:150px; background-position: -374px 0;}
#header #nav-database a:hover { background-position: -374px -80px;}
#header #nav-database.on a { background-position: -374px -160px;}

#header #nav-contact a { width:112px; background-position: -524px 0;}
#header #nav-contact a:hover { background-position: -524px -80px;}
#header #nav-contact.on a { background-position: -524px -160px;}

#footer 	{ width:100%; background:url(../-images/bg-footer.jpg) repeat-x; text-align:center; font-size:11px; padding:40px 0 20px; }
#home #footer 	{ height:110px; }
#footer a	{ text-decoration:none; color:#b0afae; }
#footer a:hover	{ color:#fff; }

/* sub navigation ---------------- */

ul.topnav {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
#header ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 75px; top: 80px;
	background: #4c5a64;
	background: transparent url(../-images/submenu.png) repeat;
	background: rgb(76, 90, 100); /* The Fallback */
	background: rgba(76, 90, 100, 0.8);
	margin: 0; padding: 10px 0px 0px;
	display: none;
	width: 525px;
	border: 1px solid #43535f;
	border-top: none;
	z-index: 20;
	height: 30px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px; /* future proofing */
	-khtml-border-radius: 0 0 4px 4px; /* for old Konqueror browsers */
}
#header ul.topnav li ul.subnav2 {
	left: 20px;
	width: 385px;
}
#sub #nav-working.on .subnav {
	xdisplay: block;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	display: inline;
	border-right: 1px solid #404950;
	border-left: 1px solid #aab6bf;
}
#header ul.topnav li ul.subnav li a {
	width: 100% !important;
	float: left;
	width: 145px;
	padding: 5px 10px;
	float: left;
	font-size: 12px;
	text-indent: 1px;
	color: #fff;
	height: 15px;
	display: inline-block;
}
#header ul.topnav li ul.subnav li a.last {
	padding: 5px 0px 5px 20px;
}
#header ul.topnav li ul.subnav li a:hover, #header ul.topnav li ul.subnav li.on a {
	text-shadow: 0px 0px 5px #fff;
}

#header ul.topnav li ul.subnav li:last-child { border-right: none; }
#header ul.topnav li ul.subnav li:first-child { border-left: none; }



/* home ---------------------------------------------------------------------------------------- */

#home #content			{ position:relative; height:530px; padding-left:42px; background:url(../-images/home-photo.jpg) no-repeat; font-size:17px; }
#home #content h2		{ text-indent:-9999px; }
#home #content p		{ margin-top:83px; line-height:21px; }
#home #content h3		{ margin-top:25px; font-weight:bold; color: #fff; }
#home #content ul		{ width:350px; margin-top:10px; text-shadow: 1px 1px 1px #222; }
#home #content ul li { min-height: 25px; }
#home #content li a		{ display:block; text-decoration:none; color:#b0afae; line-height:19px; margin-bottom:14px; padding-left:38px; background:url(../-images/home-bullet.png) no-repeat left 4px; }
#home #content li a:hover	{ color:#fc0; }
#home #content .shadow		{ text-shadow: 1px 1px 1px #222; color: #efefef; }



/* subsystem ---------------------------------------------------------------------------------------- */

#sub #content			{ background-color:#66605a; position:relative; font-size:16px; min-height:400px; padding: 0 40px 25px 0; width:860px; margin:0 40px 0 40px; border-left:1px #333 solid; border-right:1px #333 solid; }
#sub #content h2 		{ text-indent:-9999px; height:51px; background-repeat:no-repeat; }
#sub #content h3, h4	{ font-size:18px; font-weight:bold; color:#fff; margin-bottom:6px; border-bottom:1px #999 solid; text-align: left; }
#sub #content h4		{ border-bottom: none; }
#sub #content h5		{ font-weight: normal; font-size: 12px; margin-top: 5px; }
#sub #content p 		{ line-height:24px; margin-bottom:24px; text-align: left; }
#sub #content p.tight 	{ margin-bottom:9px; }
#sub #content p.byline	{ font-size: 11px; margin-bottom: 12px !important;}
#sub #content ul 		{ list-style:square; margin-left:24px; margin-bottom:18px; }
#sub #content ol 		{ list-style:decimal; margin-left:28px; margin-bottom:18px; }
#sub #content li 		{ margin-bottom:10px; }
blockquote { color: #ede3c4; }
blockquote.left {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 10px 0;
	width: 250px;
	font-size: 1.1em;
	line-height: 1.2em;
	text-align: left;
	text-shadow: 1px 1px 1px #333;
	font-style: italic;
	border-right: 2px dotted #ccc;
}

blockquote.right {
	display: block;
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 10px 10px;
	width: 250px;
	font-size: 1.1em;
	line-height: 1.2em;
	text-align: right;
	text-shadow: 1px 1px 1px #333;
	font-style: italic;
	border-left: 2px dotted #ccc;

}

#sub #content .rule			{ margin-top:25px; padding-bottom:25px; border-top:1px #999 solid; }
.tooltip	{ color:#5195d0; border-bottom:1px #5195d0 dotted; cursor:help; }
#sub #content .tooltip p { line-height: 23px }

#sub #content h2#about		{ background-image:url(../-images/title-about.png); }
#sub #content h2#working	{ background-image:url(../-images/title-working.png); }
#sub #content h2#approach	{ background-image:url(../-images/title-approach.png); }
#sub #content h2#reports	{ background-image:url(../-images/title-reports.png); height: 80px; }
#sub #content h2#contact	{ background-image:url(../-images/title-contact.png); }
#sub #content h2#compliance	{ background-image:url(../-images/title-compliance.png); }
#sub #content h2#affiliates	{ background-image:url(../-images/title-affiliates.png); }
#sub #content h2#coxswain	{ background-image:url(../-images/title-coxswain-program.png); }
#sub #content h2#rowing-camp	{ background-image:url(../-images/title-camp.png); }
#sub #content h2#counseling	{ background-image:url(../-images/title-counseling.png); }
#sub #content h2#winter-rowing-camp	{ background-image:url(../-images/title-winter-camp.png); }
#sub #content h2#international-rowing-camp	{ background-image:url(../-images/title-international-camp.png); height:86px; }


#sub #content .contact_node 	{ background-color:#807870; border:4px solid #B0AFAE; height:90px; margin-bottom: 20px; padding:15px 20px 25px; width:280px; }
#sub #content .contact_node p	{ margin-left:80px; }
.lpage {
	padding-bottom: 15px;
}


#sub #content .breadcrumbs 			{	list-style: none;	width: 720px;	margin: 0 auto 30px; position: absolute; top: 290px; left: 90px }
#sub #content .breadcrumbs li 	{ display: inline; }
#sub #content .breadcrumbs li a { line-height: 40px; }
#sub #content .bread-btn {
   border-top: 1px solid #6ba9d6;
   background: #2f5773;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#2f5773));
   background: -moz-linear-gradient(top, #3e779d, #2f5773);
   padding: 10px 20px;
   margin: 0 30px 0 0;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
   
#sub #content .bread-btn:hover { border-top-color: #2a577a; background: #2a577a; color: #fff; text-shadow: 1px 1px 1px #000; }
#sub #content .bread-btn:active { border-top-color: #1b435e; background: #1b435e; }
#sub #content .bread-btn.last {	margin: 0; }

/* banners ---------------------------------------------------------------------------------------- */
#sub #content .banner { width: 870px; height: 330px; margin: 0 auto; padding: 15px; }
#sub #content #banner_working	{ background: transparent url(../-images/banner-working.jpg) no-repeat; }
#sub #content #banner_contact	{ background: transparent url(../-images/banner-contact.jpg) no-repeat; }
#sub #content #banner_approach	{ background: transparent url(../-images/banner-approach.jpg) no-repeat; }
#sub #content #banner_approach2		{ background: transparent url(../-images/banner-approach2.jpg) no-repeat; }
#sub #content #banner_reports	{ background: transparent url(../-images/banner-reports.jpg) no-repeat; }
#sub #content #banner_about		{ background: transparent url(../-images/banner-about.jpg) no-repeat; }
#sub #content #banner_camp		{ background: transparent url(../-images/banner-camp.jpg) no-repeat; }
#sub #content #banner_coxswain		{ background: transparent url(../-images/banner-coxswain.jpg) no-repeat; }
#sub #content #banner_winter_camp		{ background: transparent url(../-images/banner-winter-camp2.jpg) no-repeat; }
#sub #content #banner_international_camp		{ background: transparent url(../-images/banner-international-camp.jpg) no-repeat; }