/* 
================================================================================================================================ CREDITS
Copyright : Copyright (c) 2008 Blue Streak. All Rights Reserved.
Author(s) : Larry Daughenbaugh - ldaughenbaugh@systemsynapse.com 
Date      : 10/07/2008 
Notes     : CSS file for blue streak web site.
================================================================================================================================ CHANGE LOG
Date		Name			Desc
---			---				---
================================================================================================================================ BEGIN CSS
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	text-align: center;
	background: url(/lib/img/bg-grid.gif) repeat;
}
.container {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	text-align: left;
	background: url(/lib/img/bg-container.gif) repeat-y;
}

p { margin: 10px 0px; padding: 0px; }

/* ============================================================================================================================= LISTS */

ul.square { margin: 10px 0px 10px 15px; padding: 0px; list-style-type: none; }
ul.square li { margin: 0px; padding: 2px 0px 2px 12px; background: url(/lib/img/icons/bullet.gif) no-repeat 0px 8px; }

ul.square-2col { margin: 10px 10px 10px 15px; padding: 0px; list-style-type: none; float: left; width: 170px; }
ul.square-2col li { margin: 0px; padding: 2px 0px 2px 12px; background: url(/lib/img/icons/bullet.gif) no-repeat 0px 8px; }

ul.red-square { margin: 10px 0px 10px 15px; padding: 0px; list-style-type: none; }
ul.red-square li { margin: 0px; padding: 2px 0px 2px 12px; background: url(/lib/img/icons/red-square.gif) no-repeat 0px 8px; }

ul.red-square li a:link, ul.red-square li a:visited { color: #80112c; font-weight: bold; text-decoration: none; }
ul.red-square li a:hover, ul.red-square li a:active { color: #80112c; font-weight: bold; text-decoration: underline; }


ul.news { margin: 10px 0px 10px 0px; padding: 0px; list-style-type: none; }
ul.news li.return { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/return.gif) no-repeat 0px 1px; }
ul.news li.download { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/download.gif) no-repeat 0px 1px; }
ul.news li.printer { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/printer.gif) no-repeat 0px 1px; }
ul.news li.full-size { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/full-size.gif) no-repeat 0px 1px; }


ul.icons { margin: 10px 0px 10px 0px; padding: 0px; list-style-type: none; }
ul.icons li.contact { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/contact.gif) no-repeat 0px 3px; }
ul.icons li.directions { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/directions.gif) no-repeat 0px 3px; }
ul.icons li.details { margin: 0px; padding: 2px 0px 2px 25px; background: url(/lib/img/icons/details.gif) no-repeat 0px 3px; }

ul.icons li a:link, ul.icons li a:visited { color: #80112C; font-weight: bold; text-decoration: none; }
ul.icons li a:hover, ul.icons li a:active { color: #80112C; font-weight: bold; text-decoration: underline; }


ul.arrow { margin: 10px 0px 10px 15px; padding: 0px; list-style-type: none; }
ul.arrow li { margin: 0px; padding: 2px 0px 2px 18px; background: url(/lib/img/icons/square-arrow.gif) no-repeat 0px 4px; }

ul.arrow li a:link, ul.arrow li a:visited { color: #80112c; font-weight: bold; text-decoration: none; }
ul.arrow li a:hover, ul.arrow li a:active { color: #80112c; font-weight: bold; text-decoration: underline; }


/* ============================================================================================================================= HEADER AREA */

.header { background: url(/lib/img/bg-header.jpg) no-repeat; width: 950px; height: 117px; }
.header img { float: left; border: none; }

/* ============================================================================================================================= HEADER NAVIGATION */

.nav { width: 539px; float: left; }
.nav ul { margin: 15px 0px 0px 0px; padding: 0px; list-style-type: none; }
.nav ul li { float: left; padding: 0px; white-space: nowrap; }

.nav ul li a { color: #FFF; text-decoration: none; display: block; padding: 5px 8px 4px 8px; border-right: 1px solid #95A0AA; }
.nav ul li a:hover { color: #D1D2D3; }

.nav ul li a.last, .nav ul li a.last { color: #FFF; text-decoration: none; display: block; padding: 5px 8px 4px 8px; border: none; }
.nav ul li a.last:hover { color: #D1D2D3; }

.nav ul li ul { background: #6C7A87; z-index: 400; }
.nav ul li:hover ul, .nav ul li.iehover ul { left: auto; padding-bottom: 1px; }
/* IE8 Compatibility mode won't hide the dropdown menus on mouseout. */
/* The padding-bottom: 1px attribute above gives the ul "haslayout" correcting the issue. */

.nav ul li ul { margin: 0px; position: absolute; left: -999em; height: auto; width: 170px; }
.nav ul li ul li { padding: 0px; height: auto; text-align: left; background: none; }
.nav ul li ul li a { 
	padding: 5px; 
	width: 160px; 
	height: auto; 
	font-size: 12px; 
	color: #FFF; 
	text-transform: none;
	border-top: 1px solid #89949E;
	border-right: none;
}
.nav ul li ul li:hover a, .nav ul li ul li a:hover { background: #FFF; color: #677582; }  

.content { margin: 0px; padding: 0px 27px 0px 26px; color: #FFF; }
.content-inside { margin: 0px; padding: 0px; color: #FFF; }

.content a:link, .content a:visited, .content-inside a:link, .content-inside a:visited { color: #FFF; text-decoration: underline; }
.content a:hover, .content a:active, .content-inside a:hover, .content-inside a:active { color: #FFF; text-decoration: none; }

.highlight { color: #80112c; }

/* ============================================================================================================================= HOME */

.module { margin: 0px 18px 18px 0px; width: 287px; float: left; }
.module-r { margin: 0px 0px 18px 0px; width: 287px; float: left; }
.module-hdr { padding: 5px 10px 0px 10px; background: url(/lib/img/home/module.png) no-repeat center top; }


.module-hdr h3 { 
	margin: 0px; 
	padding: 0px 0px 10px 0px; 
	height: 34px; 
	background: url(/lib/img/home/module-hdr.png) no-repeat 0px 0px;
	text-indent: -9999px;
}
.module-hdr h3.hdr-dates { background-position: 0px -44px; }
.module-hdr h3.hdr-happening { background-position: 0px -88px; }
.module-hdr h3.hdr-blog { background-position: 0px -132px; }
.module-hdr h3.hdr-athletesofweek { background-position: 0px -176px; }
.module-hdr h3.hdr-quickhits { background-position: 0px -220px; }

.module-content {
	padding: 0px 10px 10px 10px;
	background: url(/lib/img/home/module.png) no-repeat center bottom;
	color: #072035;
}
.module-content-height { height: 225px; }

.module-content p { margin: 0px; }

/* ============================================================================================================================= jQUERY SCROLLER */

.mcs_container { 
	margin-bottom: 10px;
	position: relative; 
	top: 0px;
	width: 267px; 
	height: 364px;
}
.customScrollBox { position: relative; height: 100%; overflow: hidden; }
.customScrollBox .scroll-container { position: relative; width: 259px; top: 0px; float: left; }
.customScrollBox .scroll-content { padding-right: 12px; clear: both; }
.customScrollBox .scroll-content a { color: #80112C; }

.dragger_container {
	position: relative; 
	width: 4px; 
	height: 364px; 
	float:left; 
	background: #9C9EA0; 
	cursor: pointer;
	-moz-border-radius: 2px; 
	-khtml-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
}
.dragger, .dragger_pressed {
	margin-left: -2px;
	position: absolute; 
	width: 8px; 
	height: 72px; 
	background: #808489; 
	overflow: hidden; 
	cursor: pointer; 
	-moz-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
.dragger_pressed { background: #575D64; } 

.mcs_container_small { 
	margin-bottom: 10px;
	position: relative; 
	top: 0px;
	width: 267px; 
	height: 185px;
}
.mcs_container_small .dragger_container { height: 185px;  }

.mcs_container_medium {
	margin-bottom: 10px;
	position: relative; 
	top: 0px;
	width: 267px; 
	height: 215px;
}
.mcs_container_medium .dragger_container { height: 215px;  }

.mcs_container_tiny {
	margin-bottom: 10px;
	position: relative; 
	top: 0px;
	width: 267px; 
	height: 108px;
}
.mcs_container_tiny .dragger_container { height: 108px;  }

.scroll-content p { margin-bottom: 10px; }
.scroll-content img { border: none; }
.more { padding-bottom: 10px; border-bottom: 1px solid #AFB4B8; }
.note { font-size: 10px; }

.blog-content p { margin: 0px 0px 10px 0px; }
.blog-photo { margin: 0px 10px 5px 0px !important; float: left; }
.blog-photo img { border: none; }

.divider { border: none; border-top: 1px solid #AFB4B8; }
.quick-hits { height: 225px; }
.quick-hits p { margin-bottom: 10px; }

/* ============================================================================================================================= CONTENT AREA */

.content-header {
	background: url(/lib/img/content-header.gif) no-repeat;
	height: 43px;
}
.content-body {
	background: url(/lib/img/content-body.gif) repeat-y;
	padding: 5px 46px 5px 50px;
	color: #000;
}

.content-body h3 {
	margin: 10px 0px;
	padding: 0px 0px 8px 45px;
	font-size: 20px;
	font-weight: bold;
	color: #0A2439;
	border-bottom: 1px solid #666;
	background: url(/lib/img/bg-page-title.gif) no-repeat 1px 0px;
}

.content-body a:link, .content-body a:visited { color: #80112c; text-decoration: none; font-weight:bold; }
.content-body a:hover, .content-body a:active { color: #67414a; text-decoration: none; font-weight:bold; }

.content-footer { background: url(/lib/img/content-footer.gif) no-repeat; height: 19px; }

.callout-2col { margin: 10px 0px; padding: 5px 0px; width: 550px; float: left; background-color: #BDBDBD; }

.callout-2col h4 { margin: 0px 5px 10px 5px; padding: 5px 0px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #666; }
.callout-2col .col { float: left; width: 275px; }

.callout-2col-full { margin: 10px 0px; padding: 5px 0px; width: 100%; float: left; background-color: #BDBDBD; }

.callout-2col-full h4 { margin: 0px 5px 10px 5px; padding: 5px 0px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #666; }
.callout-2col-full .col { float: left; width: 33%; }

.full-callout { margin: 0px; padding: 5px 0px; width: 854px; float: left; background-color: #BDBDBD; }
.full-callout h4 { margin: 0px 5px 10px 5px; padding: 5px 0px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #666; }
.full-callout .col1 { float: left; width: 200px; padding: 0px 0px 0px 10px; }
.full-callout .col2 { float: left; width: 155px; padding: 0px 20px 0px 0px; line-height: 20px; }
.full-callout .col1_2 { float: left; width: 355px; padding: 0px 20px 0px 10px; line-height: 20px; }
.full-callout .col3 { float: left; width: 455px; padding: 0px 10px 0px 0px; }
.full-callout .col3 img { border: 1px solid #000; padding: 3px; }
.full-callout .col1_2_Wrapper { float: left; width: 385px; padding: 0px 0px 0px 0px; }
.full-callout .contactForm { float: left; width: 443px; padding: 10px; background-color:#CCCCCC;}
.full-callout .contactForm .formTitle { margin:15px 0px 0px 0px; padding:0px;}

.full-callout .col1_2_Wrapper_workForBluestreak { float: right; width: 370px; padding: 0px 10px 0px 0px; }
.full-callout .col1_2_workAtBluestreak { float: right; width: 370px; padding: 0px; line-height: 20px; }

.photo-col { padding: 0px 0px 0px 10px; }
.photo-col img { border: 1px solid #000; padding: 3px; }
.photo-col img.img-col2 { border: 1px solid #000; padding: 3px; margin-left: 2px; }


.training { margin: 0px 0px 20px 0px; padding: 5px 0px; width: 854px; float: left; background-color: #BDBDBD; }
.training h4{ margin: 0px 5px 10px 5px; padding: 5px 0px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #666;}
.training .rightTextStacked{width:300px; background-color:#0F0; float:right;}

.training .col1-hdr { 
	float: left; 
	width: 273px; 
	text-align: center; 
	font-size: 15px; 
	font-weight: bold; 
	border-bottom: 1px solid #666;
	padding: 20px 5px 5px 5px;
}
.training .col2-hdr { 
	float: left; 
	width: 272px; 
	text-align: center; 
	font-size: 15px; 
	font-weight: bold; 
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	padding: 20px 5px 5px 5px;
}
.training .col3-hdr { 
	float: left; 
	width: 273px; 
	text-align: center; 
	font-size: 15px; 
	font-weight: bold; 
	border-bottom: 1px solid #666;
	padding: 20px 5px 5px 5px;
}

.training .col1 { padding: 5px; float: left; width: 273px; text-align: center;  }
.training .col2 { padding: 5px 5px 10px 5px; float: left; width: 272px; text-align: center; border-left: 1px solid #666; border-right: 1px solid #666; }
.training .col3 { padding: 5px; float: left; width: 273px; text-align: center; }
.training .col1 img, .training .col2 img, .training .col3 img { border: 1px solid #000; padding: 3px; }


.elite a { width: 279px; height: 28px; background: url(/lib/img/elite/elite.jpg) no-repeat; display: block; float: right; }
.elite span { display: none; }

.news-archives a {
	text-align: right;
	height: 22px;
	padding: 6px 0px 0px 17px;
	display: block;
	float: right;
	background: url(/lib/img/icons/square-arrow.gif) no-repeat 0px 8px;
}

.video-player { height: 343px; }

.sub-head { color: #1C2D3C; font-weight: bold; font-size: 15px; }
.small-header { font-size: 12px; font-style: oblique; font-weight: normal; }
.training-hdr { margin: 18px 0px 0px 0px; padding: 0px }
h4.large { font-size: 17px; }

.FAQ { color: #1C2D3C; font-weight: bold; font-size: 13px; margin-bottom:-7px;}

/* ============================================================================================================================= FOOTER AREA */

.footer-container {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	text-align: left;
}
.footer {
	padding: 9px 30px 0px 30px;
	height: 21px;
	font-size: 11px;
	background: url(/lib/img/bg-footer.jpg) no-repeat;
	text-align: right;
}
.footer .copyright { float: left; }
.footer a:link, .footer a:visited { color: #000; text-decoration: none; padding: 0px 3px; }
.footer a:hover, .footer a:active { color: #D1D2D3; text-decoration: none; }

/* ============================================================================================================================= FLASH */

.flash-container { margin-bottom: 20px; height: 410px; }
#home-flash { margin: 0px; padding: 0px; width: 897px; height: 410px; }
#home-flash .no-flash { padding-top: 20px; }

#home-alt { visibility: hidden; }

#video-player1, #video-player2, #video-player3, #video-player4 { margin: 0px; padding: 0px; width: 514px; height: 418px; }
#video-player-alt1, #video-player-alt2, #video-player-alt3, #video-player-alt4 { visibility: hidden; }
.video-container { padding: 0px 20px 20px 20px; background: #000; -moz-border-radius: 15px; border-radius: 15px;  }

.close-video { margin: 0px; padding: 0px; }
.close-video a {
	width: 514px;
	height: 20px; 
	display: block; 
	text-indent: -9999px;
	background: url(/lib/img/close-video.gif) no-repeat right 4px;
}

/* ============================================================================================================================= SUB-NAVIGATION */
.sub-nav-container {
	margin: 10px;
	padding: 10px;
	width: 284px;
	float: right;
	background: #CCCCCC;
	color: #666;
	font-weight: bold;
}
.sub-nav-container a:link, .sub-nav-container a:visited { color: #666; text-decoration: none;  }
.sub-nav-container a:hover, .sub-nav-container a:active { color: #666; text-decoration: underline;  }

.sub-nav {
	margin: 0px;
	padding: 0px;
	width: 284px;
	text-align: left;
	border: 1px solid #666;
	background: #CCCCCC url(/lib/img/navigation/subnav-programs.gif) no-repeat;
}
.sub-nav ul { list-style-type: none; margin: 2px 0px 0px 70px; padding: 0px; }
.sub-nav ul li { margin: 0px; padding: 0px; }
.sub-nav ul li a:link, .sub-nav ul li a:visited { 
	padding: 2px 0px 0px 2px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	display: block;
}
.sub-nav ul li a:hover, .sub-nav ul li a:active { 
	color: #FFF;
	background-color: #0A2338;
}
.sub-nav ul li a.active:link, .sub-nav ul li a.active:visited, .sub-nav ul li a.active:hover, .sub-nav ul li a.active:active { 
	padding: 2px 0px 0px 2px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #0A2338;
	text-decoration: none;
	display: block;
}

.other-programs { margin: 5px 0px; }

#other-programsInline{
	font-size: 11px;
	font-weight: normal;
	color: #0A2439;
	display:inline;
	float:right;
	margin-top:-11px;
	display: inline-block;
}

/* ============================================================================================================================= SEARCH */

.search-container { margin: 0 auto; padding: 0px; width: 950px; }
.search { padding: 5px 23px 15px 0px; text-align: right; }
.search input { vertical-align: middle; }
.search-input { padding: 3px; background: #8A96A0; border: 1px solid #ABB1B6; color: #3C3A3A; width: 180px; font-style: oblique; }

/* ============================================================================================================================= MODALS */

.modal { display: none; position: absolute; top: 50%; left: 50%; z-index: 1001; }
#modal_image { 
	padding: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1001;
	display: none;
	background: #FFF;
	border: 1px solid #000;
}
.close-image { margin: 0px 5px 0px 0px; position: absolute; right: 0; }
#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background-color: #333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

/* [id] is used keep modal positioning static, IE doesn't use this and the scrollbars are hidden */
#modal_image[id], #overlay[id], .modal[id] { position: fixed; } 

.elite-modal {
	padding: 10px;
	width: 450px;
	height: 200px;
	background: #FFF;
	border: 1px solid #000;
	text-align: left;
}
.elite-modal img { border: none; }

/* ============================================================================================================================= FLOATS */

.float-left { float: left; }
.float-right { float: right; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.noborder { border: none; }

img.photo-left { margin: 0px 0px 0px 8px; padding: 0px; float: left; }
img.photo-right { margin: 0px 0px 0px 8px; padding: 0px; float: right; }
img.photoThumb-left { margin: 0px 8px 0px 8px; padding: 0px; float: left; }

img.photo-leftBorder { margin:0 0 4px 7px; padding: 3px; float: left; border:1px #0A2439 solid  }
img.photo-rightBorder { margin:3px 0px 0px 6px; padding: 3px; float: right; border:1px #0A2439 solid;  }

.news-right { margin: 3px 0px 15px 6px; float: right; }
.news-right img.news-img { margin: 0px 0px 10px 0px; padding: 3px; border:1px #0A2439 solid;  }
.news-right img { border: none;  }

.smmargin { margin: 0px 0px 5px 0px !important; }
.mdmargin { margin: 0px 0px 10px 0px !important; }
.lgmargin { margin: 0px 0px 25px 0px !important; }

#equipmentContainer { background:url(/lib/img/equipment/bg.jpg) repeat-y 505px 0px; }

.equipmentContent { background-color:#00FF00; width:550px; margin:0; }
.equipmentItem { display:block; width:550px; margin-bottom:15px; }
.equipmentItem p { margin:0px 0px 8px 0px; }
.equipmentItem ul { margin-left:10px; }
.equipmentItem p li { margin-left:10px; }
.equipmentTitle { font-size:14px; font-weight:bold; color: #0A2439; display:block; border-bottom:#0a2439 1px solid; }

#newsContainer { margin-top: 10px; background:url(/lib/img/equipment/bg.jpg) repeat-y 505px 0px; }
.news-inside { background:url(/lib/img/equipment/bg-inside.jpg) no-repeat 505px 0px; }

.documents { margin: 0px; width: 108px; padding: 0px 40px 10px 60px; float: right; text-align: center; }
.documents .img-holder { margin: 30px 0px 5px 0px; padding: 3px; border: 1px #0A2439 solid; background-color: #999;  }
.documents .img-holder img { border: none; }
.documents p { text-align: center; }

.reporter-archive { margin: 30px 0px 5px 0px; padding: 3px; }
.reporter-archive img { float: left; margin-right: 15px; }

.newsContent { background-color:#00FF00; width:550px; margin: 15px 0px 0px 0px; }
.newsItem { display:block; width:550px; margin: 0px 0px 15px 0px; }
.newsItem p { margin:0px 0px 8px 0px; }
.newsItem ul { margin-left:10px; }
.newsItem p li { margin-left:10px; }
.newsTitle { font-size:14px; font-weight:bold; color: #000; display:block; border-bottom:#0a2439 1px solid; }

.emailAddress { font-size:11px; font-style:italic; }

.photo-col-nextGen {
padding:0px 0px 0px 4px;
}
.photo-col-nextGen img {
border:1px solid #000000;
padding:3px;
}
.photo-col-nextGen img.img-col2 {
border:1px solid #000000;
margin-left:11px;
padding:3px;
}

/* ============================================================================================================================= NOTICES */

.notice_message { 
	margin: 0px 0px 13px 0px; 
	padding: 13px 13px 0px 30px; 
	border: 2px solid #CC6600; 
	background: #FDF0E2 url(/cm/lib/img/icons/notes.gif) 7px 12px no-repeat; 
	color: #CC6600; 
	font-weight: bold;
}
.notice_errors { 
	margin: 0px 0px 13px 0px; 
	padding: 13px 13px 0px 30px; 
	border: 2px solid #990000; 
	background: #FAEAEA url(/cm/lib/img/icons/warning.gif) 7px 12px no-repeat; 
	color: #990000; 
	font-weight: bold;
}
.notice_errors_width { 
	margin: 0px 0px 13px 0px; 
	padding: 13px 13px 0px 30px; 
	border: 2px solid #990000; 
	background: #FAEAEA url(/cm/lib/img/icons/warning.gif) 7px 12px no-repeat; 
	color: #990000; 
	font-weight: bold;
	width: 550px;
}
.notice_message a, .notice_errors a, .notice_errors_width a { color: #990000; }
.notice_message p, .notice_errors p, .notice_errors_width p { margin: 0px 0px 13px 0px; padding: 0px; }