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

/* import the forbin reset style sheet - browser default styles */

html {overflow-y:scroll;} /* Cross browser, validated version way to show vertical scrollbar */
img {float:left}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td y{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,em,strong,th {font-style:normal;font-weight:normal;}
ul {list-style:none;}
th {text-align:left;}
h1,h2,h3,h4 {font-size:100%;}
q:before,q:after {content:'';}
body {font-family:Arial, Helvetica, sans-serif;}
select,input,textarea{font:99% arial,sans-serif;}
:focus {outline: 0;}
strong {font-weight:bold;}

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;}
.dynamicContainer {
	margin-left:98px;
}


/* ---------------- 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;}

.photos-container { float: left; width: 650px; margin: 0 0 0 70px; }
.coaches-container { float: left; width: 552px; margin: 0 0 0 98px; }
.contact-container { float: left; width: 552px; margin: 0 0 0 98px; }
.contact-container p { margin-left: 0px; }
.sidebar img.photoMap { width: 250px; height: 161px; }

.sidebar-pad { width: 285px; }
.sidebar-pad ul, .sidebar-pad b { margin: 0 0 0 30px; }
.sidebar-pad ul li { font-size: 13px; }

.events-style { margin: 0 0 0 30px; }
.calendar { float: left; margin: 0 0 0 98px; width: 552px; }
h2.fc-header-title { margin-left: 0px; }

.contentBrdr { text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #AAA; width: 522px; background: #ffffff; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* ie */ box-shadow: #DDD 0 1px 3px; -webkit-box-shadow: #DDD 0 1px 3px; -moz-box-shadow: #DDD 0 1px 3px; padding: 12px 15px; margin: 0 0 15px 30px;}
.contentBrdr img { display: none; }
#gallery { margin-left: 20px; width: 552px !important; }

/* ---------------- 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:162px; 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:111px; 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;}

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

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

	/*cheerleading*/
	ul.navigation a.cheerleading {background:url(/images/nav_cheerleading.jpg); width:135px; 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:163px; height:196px;}
	ul.navigation a.events:hover {background-position: 0 -196px;}
	body.events-page ul.navigation a.events {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:442px; height:27px;}

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

	/*about*/
	ul.subNav a.about {background:url(/images/nav_about.jpg); width:108px; 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 {float: left; margin: 0; background:url(/images/btn_calendar.jpg); width:262px; height:154px;}
	ul.sidebarNav_home li.calendar a {width:262px; height:154px;}
	ul.sidebarNav_home li.calendar a:hover {background:url(/images/btn_calendar_over.jpg); width:262px; height:154px;}

	/*our team button*/
	ul.sidebarNav_home li.ourTeam {float: left; background:url(/images/btn_team.jpg); width:262px; height:152px;}
	ul.sidebarNav_home li.ourTeam a {width:262px; height:152px;}
	ul.sidebarNav_home li.ourTeam a:hover {background:url(/images/btn_team_over.jpg); width:262px; 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_gear.jpg); width:650px; height:50px; text-indent:-9999px;}
	body.gallery-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.coaches-page h1 {background: url(/images/t_our_coaches.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;}
.photoMap {width:283px; height: 283px; padding:5px; border:1px solid #CCBDA7; background:white;}

.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:15px;}
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;}

.subTopic p {margin-left:117px;}
.staffPhoto {border:1px solid #ddd; background:#fff; padding:1%;}

.overlayPhoto {background-color:#fff; display:none; width:650px; padding:15px; text-align:left; border:2px solid #333; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc;}
.overlayPhoto .close {background-image:url(/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}

.simple_overlay {display:none; z-index:10000; background-color:#333; width:575px; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;}
.simple_overlay .close {background-image:url(/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}
.details {position:absolute; top:15px; right:15px; font-size:11px; color:#fff; width:150px;}
.details h3 {color:#aba; font-size:15px; margin:0 0 -10px 0; line-height:15px;}
.details h4 {color:#fff; font-size:12px; margin:0 0 -10px 0; line-height:14px;}

.modal {background-color:#fff; display:none; width:350px; height:500px; overflow:scroll; padding:15px; text-align:left; border:2px solid #333; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc;} 
.modal h2 {background:url(/jquery/images/icons/Info.png) 0 50% no-repeat; margin:0px; padding:10px 0 10px 45px; border-bottom:1px solid #333; font-size:20px;}
button.close {cursor:pointer; color:#050; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#ddd; border: 1px solid; border-color: #696 #363 #363 #696;   
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}

.current {
	background:url(/images/li.gif) left 3px no-repeat;
	color:#903 !important;
	padding-left: 13px;
}

/*Last Updates */
.lastUpdatedGallery {
	float:left;
	text-align:center;
	margin-left:18px;
	margin-top:6px;
	margin-right:8px;
}
.lastUpdatedGallery .updatedgalleryImage {
	background:url(../images/bg_updatedGallery.jpg) no-repeat;
	width:132px; height:133px;
	padding-top:24px; padding-left: 33px;
}
/* View All Gallery Page */
.lrgTitle {
	background: #fffff3;
	height:35px; width: 548px;
	border:1px solid #d7d7ca;
	margin:0 auto;
	margin-top:10px;
	padding:17px 24px 0 24px;
}
/* Gallery Text */
.Title, .updatedgalleryTitle {
	color:#7d7b16;
	text-transform:uppercase;
	margin:0px;
	padding: 2px 5px 2px 5px;
	line-height:13px;
	font-size:13px;
}
.subTitle {
	padding: 2px 5px 2px 5px;
	line-height:14px;
	color:#625f4d;
	font-size:12px;
}
.dataTitle {
	color:#000;
	margin:0px;
	padding: 2px 5px 2px 5px;
	line-height:18px;
	font-size:12px;
	text-shadow: #FFF 1px 1px 0;
}

.dataTitle b {
	color: #60C;
	font-size: 13px;
	margin: 0 5px 0 0;
}

.alpha:hover {
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}

label.warning {
	text-align: left;
	width: auto;
	padding: 0;
	margin: 0 0 0 10px;
	float: none;
	clear: none;
	display: inline;
	color: #990000;
	font-size: 10px;
	border: none;
}

div.requiredNotice {
	float: right;
	margin: 0 24px 0 0;
	padding: 0;
	color:#FF0000;
}

.error {
	background-position:left;
	background-repeat:no-repeat;
	color: #CC0000;
	padding:1px 20px 1px 5px;
	text-align:left;
	font-weight: bold;
}
.errMsg {
	background-position:left;
	background-repeat:no-repeat;
	background-color:#f5e5e5;
	color: #990000;
	text-align:left;
	font-weight: bold;
}
.okMsg {
	background-position:left;
	background-repeat:no-repeat;
	background-color:#e1f9c1;
	color:#006600;
	text-align:left;
	font-weight: bold;
}
.errorMessage {
	background-image:url(/jquery/images/bg_error.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#f5e5e5;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	color: #990000;
	padding:10px 10px 10px 46px;
	text-align:left;
	font-weight: bold;
}
.okMessage {
	background-image:url(/jquery/images/exclamation_sent.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#e1f9c1;
	border-top:1px solid #004;
	border-bottom:1px solid #004;
	color:#006600;
	padding:10px 10px 10px 46px;
	text-align:left;
	font-weight: bold;
}