/*
-----------------------------------------------------------------------------------
DEFAULT SCREEN STYLESHEET FOR: www.incamps.com
-----------------------------------------------------------------------------------
CSS Document Author: Terry Evans - OptiSite
XHTML Document Author: Terry Evans - OptiSite.com
-----------------------------------------------------------------------------------
Color Palette
----------------------------------------------------------------------------------- 
#F00001 = bright red
#86ADC9 = light blue
#D6E8F5 = extra light blue
#01004B = navy blue (logo)
#39427F = navy blue (text)
#ABABAB = dark grey
#8E8E8F = dark grey foot links
#808181 = extra dark grey
#CCCCCC = light grey
#D7D6D6 = reddish grey
#E5E5E5 = extra light grey
  = Black
----------------------------------------------------------------------------------- 
Additional Stylesheets
----------------------------------------------------------------------------------- */
@import url("../css/navigation.css");
@import url("../css/forms.css");
@import url("../css/tables.css");
@import url("../css/gallery.css");

/*  Globals
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
    text-align: center;
    font: 11px/1.4em Verdana, Arial, Helvetica, Sans-Serif;
    color:#000;
    background:#ccc url(../gfx/bg-top.gif) repeat-x 0 0;
   	position:relative;
}
ul {
	list-style:none;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
}
img.right {
	float:right;
	clear:right;
	margin:0 0 10px 10px;
}
img.left {
	float:left;
	clear:left;
	margin:0 10px 10px 0;
}
div.col-A img {
	margin:0 0 10px 0;
}
a img {
	border:none;
}
a {
	color:#8E8E8F;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:none;
}
#content a {
	color:#F00001;
	text-decoration:none;
}
#content a:hover {
	color:#39427F;
	text-decoration:none;
}
#ussc a {
	color:#ccc;
	text-decoration:none;
}
#ussc a:hover {
	color:#fff;
	text-decoration:none;
}
p.more {
	padding-top:15px;
	text-align:center;
}
/* Helpers and Hacks
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Layout Divisions
--------------------------------------------------------------------------------------------------- */
#container {
	margin:0 auto; 
	padding:68px 0 0 0;
    	text-align:left;
    	width: 824px;
    	position:relative;
}
#header {
	height:68px;
	top:0;
	left:0;
	position:absolute;
	z-index:10;
}
#contentarea {
	margin:0; 
	padding:0 74px 0 0;
	text-align: left;
	background:#fff url(../gfx/bg-content.gif) repeat-y 0 0;
}
#content {
	float: right;
	width: 581px;
	padding:173px 0 50px 0;
	background:url(../gfx/header4.jpg) no-repeat -1px 0;
}
#sidebar {
	float: left;
	width: 169px;
	padding:0 0 110px 0;
}
#content .col-A {
	float:left; width:300px;
}
#content .col-B {
	float:right; width:255px;
	background: url(../gfx/bg-col-b.gif) repeat-y 0 0;
}
body.camps #content .col-A {
	float:left; width:289px;
}
body.camps #content .col-B {
	float:right; width:289px;
	background: url(../gfx/bg-col-b.gif) repeat-y 0 0;
} 
#footer {
	clear: both;d
	text-align:left;
	margin:0; padding: 0; 
	height: 120px;
	background:url(../gfx/bg-foot.gif) repeat-x 0 0;
	color: #999;
    font: 9px;
}
/* Sidebar Elements
--------------------------------------------------------------------------------------------------- */
#sidebar ul {
		margin:105px 0 20px 0;
}
#sidebar blockquote {
	margin:6px;
	padding:0;
	color:#fff;
}
#sidebar blockquote p {
	font-style:italic;
	margin:0; padding:0;
}
#sidebar blockquote p.cite {
	text-align:right;
	margin-top:6px;
}
/*
.bqstart {
	color: #fff;
	margin:0 3px 0 0;
	font-size:24px;
	height:12px;
	line-height:12px;
	float:left;
 }
 .bqend {
	color: #fff;
	margin:3px 5px 0 3px;
	font-size:24px;
	height:24px;
	float:right;
}
*/
/* Content Area Elements
--------------------------------------------------------------------------------------------------- */
#content h2,
#content h3 {
	font: 16px/1.2em Arial, Helvetica, Sans-Serif;
	color:#39427F;
	font-weight:bold;
	font-style:inone;
	margin:20px 5px 11px 24px;
}
#content h3 {
	color:#F00001;
	margin:10px 25px 11px 25px;
	font-size:14px;
}
#content h3.caption {
	clear:both;
	color:#39427F;
}
#content h4,
#content h5,
#content h6 {
	color:#39427F;
	margin:10px 25px 5px 25px;
	font-size:12px;
}
#content p,
#content ul {
		margin:0 10px 15px 25px;
}
body.camps #content ul li {
	list-style:disc;
	margin-left:16px;
	margin-bottom:4px;
}
body.camps #content ul.levels li {
	margin:0;
	list-style:none;
}
#content div ul,
#content div p {
	margin:0 8px 15px 25px;
}
/* --- Testimonials --- */
#content dl {
	margin:5px 10px;
	padding:0 0 10px 0;
	background:##000000;
}
#content dl dt {
	display:none;
}
#content dl dd {
	display:block;
	margin:10px 10px 0 10px;
	padding:0;
	color:#39427F;
	clear:left;
}
html>body #content dl dd {
	padding:10px 10px 0 10px;
	margin:0;
}
#content dl dd img {
	float:left;
	padding:0 7px 7px 0;
	margin:0;
	background: url(../gfx/bg-thumbs.gif) no-repeat 100% 100%;
}
#content dl dd blockquote {
	margin:0 0 0 80px;
	padding:0;
	font-style:normal;
	font-weight:bold;
}
#content dl dd blockquote p {
	margin:0 0 8px 0;
	padding:0;
}

/* --- Schedule --- */
#content dl.schedule {
	margin:0 30px 15px 24px;
	padding:0 0 10px 0;
	background:transparent;
}
#content dl.schedule dt {
	display:block;
	font-weight:normal;
	margin:15px 0 0 0;
	padding:4px 8px;
	background:#39427F;
	color:#fff;
	font-size:14px;
	border-bottom:5px solid #86ADC9;
}
#content dl.schedule dt span.date {
	font-size:14px;
	color:#D6E8F5;
	float:right;
}
#content dl.schedule dd {
	margin:0;
	padding:0;
	border-bottom: 1px solid #ccc;
	color:#39427F;
	clear:left;
}
html>body #content dl.schedule dd {
	padding:0;
	margin:0;
}
#content dl.schedule dd a {
	background:#CCCCCC;
	color:#39427F;
	display:block;
	padding:4px 8px;
}
#content dl.schedule dd a:hover {
	background:#D6E8F5;
	color:#F00001;
}
#content dl.schedule dd img {
	float:left;
	padding:0 7px 7px 0;
	margin:0;
	background: url(../gfx/bg-thumbs.gif) no-repeat 100% 100%;
}
/* --- calendar --- */
.calendar {
	float:none;
	clear:left;
	margin:0 10px 15px 25px;
}
#content .calendar h3 {
	float:left;
	width:25%;
	color:#39427F;
	padding:5px 0 0 0;
	margin:0;
}
#content .calendar h3 span.date {
	color:#F00001;
}
#content .calendar ul {
	margin:0 0 0 28%;
	padding:0;
	border-top:5px solid #86ADC9;
}
#content .calendar ul li {
	border-bottom: 1px solid #ccc;
}
#content .calendar ul li a {
	background:#CCCCCC;
	color:#39427F;
	display:block;
	padding:4px 8px;
}
#content .calendar ul li a:hover {
	background:#D6E8F5;
	color:#F00001;
}
/* --- Site Map --- */
#content ul.map li.menuparent {
	font-weight:bold;
}
#content ul.map li ul {
	margin-top:11px;
}
#content ul.map li ul li {
	border-bottom: 1px solid #ccc;
	font-weight:normal;
}
#content ul.map li ul li a {
	background:#808181;
	color:#39427F;
	display:block;
	padding:4px 8px;
}
#content ul.map li ul li a:hover {
	background:#D6E8F5;
	color:#F00001;
}
/* --- Buttons --- */
#content p.brochure-btn {
	margin:0px;
	padding:0px;
	height:22px;
	line-height:22px;
}
#content p.brochure-btn a {
	display:block;
	text-indent:-9999px;
	width:118px;
	height:22px;
	line-height:22px;
	margin:0; padding:0;
	background:url(../gfx/nav/freebrochure.gif) no-repeat 0 0;
}
#content p.brochure-btn a:hover {
	background-position: -118px 0;
}
#content dl dd.call a {
	display:block;
	color:#fff;
	font-weight:bold;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	height:26px;
	line-height:26px;
	padding:0 8px;
	border:2px solid #fff;
	background:url(../gfx/bg-btn.gif) repeat-x 0 0;
	text-transform:uppercase;
}
#content dl dd.call a:hover {
	color:#89B0CB;
}
#content p.register {
	float:right;
	width:240px;
	margin:20px 25px 10px 0; padding:0;
	height:26px;
	line-height:26px;
	text-align:center;
	border:1px solid #39427F;
	background:url(../gfx/bg-btn.gif) repeat-x 0 0;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Helvetica, Sans-Serif;
	text-transform:uppercase;
}
#content p.register a {
	color:#fff;
	display:block;
	width:240px;
	margin:0;
	height:26px;
	line-height:26px;
}
body#default #content p.register {
	float:none;
	margin-left:25px;
	margin-top:22px;
}
body#default #content p.register,
body#default #content p.register a {
	width:200px; 
}
#content p.register a:hover {
	color:#89B0CB;
}
#content div.brochure-btns {
	padding:0 0px 0 25px;
}
#content p.clear {
	clear:both;
	padding-top:15px;
}
#content p.summer-brochure {
	float:left;
	width:48%;
	margin: 0px 0px 0px 85px;
	padding:0;
}
#content p.summer-brochure a {
	display:block;
	width:200px;
	height:50px;
	line-height:50px;
	padding:0;
	margin: 0px 0px 0px 85px;
	border:1px solid #777;
	background:url(../gfx/btn/summer-hockey-brochure.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#content p.summer-brochure a:hover {
	background-position:-200px 0;
}
#content p.usa-norway-brochure {
	float:right;
	margin:0;
	padding:0;
	width:48%;
}
#content p.usa-norway-brochure a {
	display:block;
	width:200px;
	height:50px;
	line-height:50px;
	padding:0;
	margin:0;
	border:1px solid #000;
	background:url(../gfx/btn/07-usa-norway.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#content p.usa-norway-brochure a:hover {
	background-position:-200px 0;
}
/* --- Level Icons --- */
#content ul.levels {
	margin:0;
	padding:0;
	float:right;
	width:175px;
}
#content ul.levels li {
	float:left;
	display:block;
	height:18px; width:25px; line-height:18px;
	text-indent:-9999px;
}
#content ul.levels li.mite {
	background:url(../gfx/icons/m.gif) no-repeat 50% 0;
}
#content ul.levels li.squirt {
	background:url(../gfx/icons/s.gif) no-repeat 50% 0;
}
#content ul.levels li.peewee {
	background:url(../gfx/icons/p.gif) no-repeat 50% 0;
}
#content ul.levels li.bantam {
	background:url(../gfx/icons/b.gif) no-repeat 50% 0;
}
#content ul.levels li.highschool {
	background:url(../gfx/icons/h.gif) no-repeat 50% 0;
}
#content ul.levels li.adult {
	background:url(../gfx/icons/a.gif) no-repeat 50% 0;
}

/* --- Locations Ads --- */
#content ul.ads li {
	text-align:center;
	padding:0 0 30px 0;
	margin-bottom:10px;
	background:url(../gfx/three-stars.gif) no-repeat 50% 100%;
}
#content ul.ads li h4 {
	display:block;
	font-weight:bold;
	margin:18px 0 18px 0;
	padding:4px 8px;
	background:#39427F;
	color:#fff;
	font-size:11px;
	border-top:5px solid #86ADC9;
}

/* Footer Elements
--------------------------------------------------------------------------------------------------- */
#footer ul {
	margin:0 auto;
	padding:85px 0 0 0;
	text-align:left;
	width:824px;
	position:relative;
}
#footer ul li {
	display:inline; padding:0 20px 0 0;
}
#footer ul li.first {
	padding-left:85px;
}
/* Absolute Elements
--------------------------------------------------------------------------------------------------- */
#logo {
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	width:168px;
	height:164px;
}
#logo a {
	text-indent:-9999px;
	display:block;
	width:168px;
	height:164px;
	background: url(../gfx/logo.gif) no-repeat 0 0;
}
#ussc {
	position:absolute;
	z-index:10;
	bottom:-22px;
	left:0;
	width:169px;
	line-height:1.1em;
	font-size:10px;
}
#ussc p { margin:0; padding:0; text-align: center; }
#hockey-puck {
	right:0;
	top:0;
	position:absolute;
	width:148px;
	height:99px;
	background:url(../gfx/hockey-puck.gif) no-repeat 0 0;
	margin:0; padding:0;
}
#hockey-puck a {
	display:block;
	text-indent:-9999px;
	width:148px;
	height:99px;
	background:url(../gfx/hockey-puck.gif) no-repeat 0 0;
}