/*----------------------------------------
Name: global.css
Developed by: Imagiinate | Christopher Homan
Date Created: Saturday, April 4th 2009
Last Updated: Saturday, April 4th 2009
Copyright: ©2008 Sports & More
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("/css/externalLinks.css");


/* Elements
----------------------------------------*/
body {
	background-color:#f0f9ff;
	background-image:url(../images/sam_browserBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	text-align:center;
	padding:0px;
	margin:0px;
}

body, p, td, th, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

#mainContainer {
	width:985px;
	margin:0px auto;
	text-align:left;
	padding: 0px 15px 15px 15px;
	background-color: #fff;}

/* Header
----------------------------------------*/
#header  {
	height:101px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
	width: 985px;
	background-image: url(../images/sam_headerBg.jpg);
}

#logoPositioning {
	margin:0px 0px 0px 0px;
	position: absolute; 
}

#logoPositioning a img{
	border: none; 
}

/*--- Continues BG of Nav to end of page, as IE shortens the width ---*/

#navContainer {border-bottom: 7px solid #dedede; background-image: url('../images/nav_btnBg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;}



/* Main Content
----------------------------------------*/
#mainContent { margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;}

#headerSeperator {height: 12px; background-color: #e8e8e8;}

p {margin: 0 0 1em 0;}


#leftMain {
	width: 692px; 
	float: left; 
	margin: 0px; 
	padding: 0px;
	font-size: 14px;
	background-color: #fff;
	color: #999;
	position: relative;
}

#recentNews {
	width: 263px; 
	float: right; 
	margin: 0px 0px 10px 10px; 
	padding: 10px;
	
	background-image: url(../images/recentNews_bg.jpg);
	background-color: #666;
	color: #fff;
	font-size: 14px; line-height: 14px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#recentNews ul {margin: 6px 0px 0px 0px; padding: 0px; list-style-type: none;}
#recentNews ul li {padding: 3px 0px 0px 0px;}

#rightSidebar {
	width: 273px; 
	float: right; 
	margin: 0px 0px 0px 20px; 
	padding: 0px;
	
	background-color: #fff;
	color: #666;
}

.sidebarSep {border-bottom: 2px solid #e9e9e9; width: 100%; margin-top: 7px; margin-bottom: 7px; float: left;}

#leftSidebar {width: 155px;  color: #999; font-size: 12px;}
#leftSidebar p {margin: 5px 0px 5px 0px; padding: 0px; color: #999; font-size: 12px;}
#leftSidebarSep {border-bottom: 2px solid #e8e8e8; margin: 10px 0px 10px 0px;}

#middleMain {width: 510px; float: right; font-size: 14px; color: #666; padding-top:0px;}
#middleMain p {font-size: 14px; color: #666; margin: 010px 0px 10px 0px; }

a.smallBackToTop {font-size: 12px;}

/*--- Recent News in Sidebar ---*/

#lightGradientGrey_Lg {
	background-image: url(../images/light_bgGradient.jpg);
	background-repeat: repeat-x;
	font-size: 18px;
	color: #999;
	padding: 15px 15px 15px 15px;
	line-height: 22px;
	border-bottom: 3px solid #e8e8e8;
}

#lightGradientBlue_Lg {
	background-image: url(../images/blue_bgGradient.jpg);
	background-repeat: repeat-x;
	font-size: 18px;
	color: #999;
	padding: 15px 15px 15px 15px;
	line-height: 22px;
	border-bottom: 3px solid #e8e8e8;
}




/*--- 2 column featured section ---*/

#twoColumnFeatured {margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; border-bottom: 3px solid #e9e9e9;}
#twoColumnFeatured ul {list-style-type: none; margin: 0px 0px 0px 10px; padding: 0px;}
#twoColumnFeatured ul li {float: left; width: 315px;}
#twoColumnFeatured p {font-size: 14px; color: #999; padding: 10px 0px 5px 0px; line-height: 18px;}
#twoColumnFeatured a img {border: none;}

/*--- 3 column featured section ---*/

#threeColumnFeatured {margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; border-bottom: 3px solid #e9e9e9;}
#threeColumnFeatured ul {list-style-type: none; margin: 0px 0px 0px 10px; padding: 0px;}
#threeColumnFeatured ul li {float: left; width: 209px;}
#threeColumnFeatured p {font-size: 14px; color: #999; padding: 10px 0px 5px 0px; line-height: 18px;}
#threeColumnFeatured a img {border: none;}





#sectionContainer {margin: 10px 0px 0px 0px;}

#sectionContainer a img {border: none;}

#pageLink_container {font-size: 14px; padding: 3px 0px 3px 0px;}

#pageLink_container a {

	padding: 2px 25px 2px 0px;
	background: url('../images/greyArrow.jpg') top right;
	background-repeat: no-repeat;
}

#pageLink_container a:hover {color: #999;}


#breadcrumbTrail {font-size: 12px; color: #666; margin-bottom: 5px;}
#breadcrumbTrail a {text-decoration: underline;}



/*--- Link Styles ---*/
a:link, a:visited {color:#3399cc; text-decoration:none;}
a:hover, a:active {color:#999; text-decoration:none;}

img {display:block;}

h1 {font-size: 20px; font-weight: normal; color: #666; margin: 0px 0px 5px;}




blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}



/* Image Rollovers _ CSS Graphical
----------------------------------------*/

/* Nav
	----------------------------------------*/
	ul#gfxButton { padding:0px; margin:0px 0px 30px 0px;}
	
	ul#gfxButton li {list-style-type:none; margin:0px 0px 5px 0px;}
	
	/* Image Replacement 
	----------------------------------------*/
	ul#gfxButton li a {/*Set to height of image*/ height:22px; display:block; text-indent:-9999px; outline:none;}
	
	/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
	li#btn_tumbleTimes a {background-image: url(../images/btn_tumbleTimes.jpg); width:118px;}
	li#btn_openPlay a {background-image: url(../images/btn_openPlay.jpg); width:96px;}
	li#btn_learnMore a {background-image: url(../images/btn_learnMore.jpg); width:96px;}
	li#btn_youthSports a {background-image: url(../images/btn_youthSports.jpg); width:118px;}
	li#btn_dayCamp a {background-image: url(../images/btn_dayCamp.jpg); width:90px;}
	

	/* CSS Rollover (Sprites) - Advanced Users!
	----------------------------------------*/
	
	/*Each link must have a unique ID - Include all of your links here - Remove if not using!*/
	li#btn_tumbleTimes a:hover, li#btn_openPlay a:hover, li#btn_youthSports a:hover, li#btn_dayCamp a:hover, li#btn_learnMore a:hover  {background-position:0 -22px; /*Set to height of image !must be negative!*/}
	









/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearBoth 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

.blue {color: #336699;}
.lightBlue {color: #3399cc;}
.lightGrey {color: #ccc;}
.bold {font-weight: bold;}
.redOrange {color: #cc3300;}



.linkContainer {margin: 5px 0px 0px 0px; }
.linkContainer a:link {border-bottom: 1px solid #e8e8e8; padding-bottom: 3px;}


#headerText_container {margin: 10px 0px 8px 0px;}


/* Footer
----------------------------------------*/
#footer { 
padding:13px; 
margin:0px;  
background-color: #fff;
background-image: url(../images/footerBg.jpg);
background-repeat:repeat-x;
}

#footer ul {list-style-type: none; margin: 0px; padding: 0px;}
#footer ul li {width: 283px; height: 160px; padding: 14px 14px 10px 14px; background-image: url(../images/footerLi_bg.jpg); float: left;}
#footer p {color: #999;}

#footerLinks {border-top: 1px solid #ccc; padding-top: 5px; margin: 20px 0px 0px 0px;}

.bold12pt {font-size: 12px; font-weight: bold;}

#footerLink_container {font-size: 14px;}

#footerLink_container a {
	color: #990066;
	padding: 5px 35px 5px 0px;
	background: url('../images/purpleArrow.jpg') top right;
	background-repeat: no-repeat;
}

#footerLink_container a:hover {color: #999;}





/* Photo Gallery
----------------------------------------*/

.gallerySection {margin: 20px 0px 0px 10px; padding: 0px 0px 0px 0px; border-bottom: 2px solid #e8e8e8;}

h3.photos {font-size: 18px; font-weight: bold; background-image: url(../images/photosIcon.jpg); background-position: left; background-repeat: no-repeat; padding: 0px 0px 0px 55px; margin: 5px 0px 10px 0px;}

.gallerySection ul {list-style-type: none; margin: 0px; padding: 0px;}

.gallerySection ul li {float: left; margin: 10px 18px 10px 0px;}

.gallerySection ul li a img {border: 5px solid #ccc;}

.gallerySection ul li a img:hover {border: 5px solid #999;}



/* Sub Page Navigation
----------------------------------------*/

#subPageNav {border-bottom: 2px solid #e8e8e8;}
#subPageNav ul {list-style-type: none; margin: 0px; padding: 0px; }
#subPageNav ul li {float:left; margin: 0px 4px 5px 0px;}
#subPageNav ul li a {padding: 3px 4px 3px 4px; margin: 0px 0px 0px 0px; color: #e8e8e8; border: 1px solid #ccc; background-color: #666; font-weight: bold; font-size: 11px; display: block;}
#subPageNav ul li a:hover {padding: 3px 4px 3px 4px; margin: 0px 0px 0px 0px; color: #e8e8e8; border: 1px solid #ccc; background-color: #333; font-weight: bold; font-size: 11px; display: block;}