/* ---------------- Black Hawk Gymnastics & Cheer style sheet ---------------- */

@import url("https://www.forbin.com/css/reset.css"); /* import the forbin reset style sheet - browser default styles */

body {background:url(/images/bg.jpg) top left repeat;}
p {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; color: #1f1f1f; margin: 0 33px 15px 98px; text-align:justify;}


/* ---------------- Page Layout ---------------- */
.container {width:947px; margin: 0 auto; position:relative; /*background-color:#FF0000;*/}
.header {width:947px;}
.content {width:650px; float:left; /*background-color:#0000FF;*/}
.sidebar {width:285px; float:right; /*background-color:#00FF00;*/}
.sidebar p {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #3e007d; margin: 0 33px 10px 10px;}
table {margin:0; padding:0;}

/* ---------------- Navigation ---------------- */
ul.navigation {width:947px; height:196px;}
	ul.navigation {height:196px;}
	ul.navigation li {float:left;}
	ul.navigation a {text-indent:-9999px; height:196px; display:block;}

	/*home*/
	ul.navigation a.home {background:url(/images/nav_home.jpg); width:170px; height:196px;}
	ul.navigation a.home:hover {background-position: 0 -196px;}
	body.home-page ul.navigation a.home {background-position: 0 -196px;}
	
	/*classes*/
	ul.navigation a.classes {background:url(/images/nav_classes.jpg); width:116px; height:196px;}
	ul.navigation a.classes:hover {background-position: 0 -196px;}
	body.classes-page ul.navigation a.classes {background-position: 0 -196px;}

	
	/*gear*/
	ul.navigation a.gear {background:url(/images/nav_gear.jpg); width:111px; height:196px;}
	ul.navigation a.gear:hover {background-position: 0 -196px;}
	body.gear-page ul.navigation a.gear {background-position: 0 -196px;}

	/*our team*/
	ul.navigation a.team {background:url(/images/nav_our_team.jpg); width:133px; height:196px;}
	ul.navigation a.team:hover {background-position: 0 -196px;}
	body.team-page ul.navigation a.team {background-position: 0 -196px;}

	/*cheerleading*/
	ul.navigation a.cheerleading {background:url(/images/nav_cheerleading.jpg); width:163px; height:196px;}
	ul.navigation a.cheerleading:hover {background-position: 0 -196px;}
	body.cheerleading-page ul.navigation a.cheerleading {background-position: 0 -196px;}
	
	/*events*/
	ul.navigation a.events {background:url(/images/nav_events.jpg); width:107px; height:196px;}
	ul.navigation a.events:hover {background-position: 0 -196px;}
	body.events-page ul.navigation a.events {background-position: 0 -196px;}
	
	/*links*/
	ul.navigation a.links {background:url(/images/nav_links.jpg); width:147px; height:196px;}
	ul.navigation a.links:hover {background-position: 0 -196px;}
	body.links-page ul.navigation a.links {background-position: 0 -196px;}

/* ---------------- subNav: for about, locate, contact ---------------- */	
ul.subNav {width:947px; height:27px;}
	ul.subNav {height:27px;}
	ul.subNav li {float:left;}
	ul.subNav a {text-indent:-9999px; height:27px; display:block;}

	/*spacer*/
	ul.subNav li.spacer {background:url(/images/nav_spacer.jpg); width:517px; height:27px;}

	/*about*/
	ul.subNav a.about {background:url(/images/nav_about.jpg); width:151px; height:27px;}
	ul.subNav a.about:hover {background-position: 0 -27px;}
	body.about-page ul.subNav a.about {background-position: 0 -27px;}

	/*locate*/
	ul.subNav a.locate {background:url(/images/nav_locate.jpg); width:108px; height:27px;}
	ul.subNav a.locate:hover {background-position: 0 -27px;}
	body.locate-page ul.subNav a.locate {background-position: 0 -27px;}

	/*contact*/
	ul.subNav a.contact {background:url(/images/nav_contact.jpg); width:171px; height:27px;}
	ul.subNav a.contact:hover {background-position: 0 -27px;}
	body.contact-page ul.subNav a.contact {background-position: 0 -27px;}
	
/* ---------------- sidebar nav for homepage ---------------- */
ul.sidebarNav_home {width:262px;}
	ul.sidebarNav_home {width:262px;}
	ul.sidebarNav_home li {width:262px;}
	ul.sidebarNav_home a {text-indent:-9999px; display:block;}

	/*calendar button*/
	ul.sidebarNav_home li.calendar {background:url(/images/btn_calendar.jpg); width:297px; height:154px;}
	ul.sidebarNav_home li.calendar a {width:297px; height:154px;}
	ul.sidebarNav_home li.calendar a:hover {background:url(/images/btn_calendar_over.jpg); width:297px; height:154px;}

	/*our team button*/
	ul.sidebarNav_home li.ourTeam {background:url(/images/btn_team.jpg); width:297px; height:152px;}
	ul.sidebarNav_home li.ourTeam a {width:297px; height:152px;}
	ul.sidebarNav_home li.ourTeam a:hover {background:url(/images/btn_team_over.jpg); width:297px; height:152px;}

	/*pro-shop gear button*/
	ul.sidebarNav_home li.proshop {background:url(/images/btn_gear.jpg); width:297px; height:154px;}
	ul.sidebarNav_home li.proshop a {width:297px; height:154px;}
	ul.sidebarNav_home li.proshop a:hover {background:url(/images/btn_gear_over.jpg); width:297px; height:154px;}

/* ---------------- H Tags ---------------- */
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color:#CC9966; line-height: 40px; margin-bottom:20px; }
	/*image replacements for H1's*/
	body.home-page h1 {background: url(/images/t_homepage.jpg); width:650px; height:122px; text-indent:-9999px;}
	body.classes-page h1 {background: url(/images/t_classes.jpg); width:650px; height:50px; text-indent:-9999px;}
	body.gear-page h1 {background: url(/images/t_photos.jpg); width:650px; height:50px; text-indent:-9999px;}
	body.team-page h1 {background: url(/images/t_our_team.jpg); width:650px; height:50px; text-indent:-9999px;}
	body.cheerleading-page h1 {background: url(/images/t_cheerleading.jpg); width:650px; height:50px; text-indent:-9999px;}
	body.events-page h1 {background: url(/images/t_events.jpg); width:650px; height:50px; text-indent:-9999px;}
	body.links-page h1 {background: url(/images/t_links.jpg); width:650px; height:50px; text-indent:-9999px;}
	body.about-page h1 {background: url(/images/t_about_us.jpg); width:650px; height:50px; text-indent:-9999px;}
	body.locate-page h1 {background: url(/images/t_locate_us.jpg); width:650px; height:50px; text-indent:-9999px;}
	body.contact-page h1 {background: url(/images/t_contact_us.jpg); width:650px; height:50px; text-indent:-9999px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#c52909; padding: 0; margin-bottom: 30px; margin-left:98px; }
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #086376; padding: 0; margin-bottom: 30px; margin-left:98px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000033; margin-left:98px; text-transform:uppercase;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #330033; margin-left:108px; }

/* ---------------- a Tags ---------------- */
a {font-family: Arial, Helvetica, sans-serif; color: #000000;}
a:link {text-decoration: underline;	color: #135681;}
a:visited {text-decoration: underline; color: #000000;}
a:hover {text-decoration: underline; color: #71364A;}
a:active {text-decoration: underline;}

/* ---------------- Positioning ---------------- */
.Back {float:left;}
.Forward {float:right;}
.Block {display:block;}
.Inline {display:inline;}
.ClearFloat {clear:both;}

.Margin {margin:10px;}
.NoMargin {margin:0;}
.MarginTop {margin-top:20px;}
.MarginRight {margin-right:10px;}
.MarginBottom {margin-bottom:10px;}
.MarginLeft {margin-left:20px;}

.Padded {padding:10px;}
.NoPad {padding:0;}
.PadTop {padding-top:10px;}
.PadRight {padding-right:10px;}
.PadBottom {padding-bottom:10px;}
.PadLeft {padding-left:10px;}
.oFlow {overflow:auto}

/* ---------------- Lists ---------------- */
.list ul {list-style:none; float:left; width:400; padding:0 4px 24px 4px; margin-left:98px;}
.list ul li {background:url(/images/li.gif) 1em .50em no-repeat; padding: 0 25px; font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: #1f1f1f;}

/* ---------------- Forms ---------------- */
input.inputfield {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #444444; border: 1px #303465 solid; background-color: #F7F8FB; font-weight: bold;}
.formoutput {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #444444; border: 1px #303465 solid;	background-color: #F7F8FB; font-weight: bold; padding-left: 5px;}
textarea {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #444444; border: 1px #303465 solid; background-color: #F7F8FB; font-weight: bold;}
select {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #444444; border: 1px #303465 solid; background-color: #F7F8FB; font-weight: bold;}

/* ---------------- Copyright ---------------- */
.footer {height:128px; background:url(/images/footer_bg.jpg) top left repeat-x; margin:0 auto; padding:10px;}

.contact_info {width:320px; padding:0;}
p.contact_info {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:14px; color:#212121; text-decoration:none; margin:0;  }

.linklist {width:230px;}
ul.copyright_linklist_left {width:100px; float:left; margin-top:30px;}
ul.copyright_linklist_left li {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:14px; color:#212121; margin-left:10px;}
ul.copyright_linklist_right {width:125px; float:right; margin-top:30px;}
ul.copyright_linklist_right li {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:14px; color:#212121;}

.copyright_info {width:320px; margin:35px 0 0 5px; padding:0;}

p.copyright {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:14px; color:#212121; text-decoration:none; margin:0; }
.copyright {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:14px; color:#212121; text-decoration:none;}
a.copyright:link {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:14px; color:#212121; cursor:pointer; text-decoration:none;}
a.copyright:visited {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:14px; color:#212121; cursor:pointer; text-decoration:underline;}
a.copyright:hover {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:14px; color:#212121; cursor:pointer; text-decoration:underline;}
a.copyright:active {font:"Trebuchet MS"; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:14px; color:#212121; cursor:pointer; text-decoration:none;}