/*=============================
717 Studios, LLC
Copyright 2010
written for - www.nyesgym.com

swatch colors
-------------
red 8c0000
grey 2a2a2a
black
white
==============================*/


/* resets and overrides
----------------*/
*{
margin: 0;
padding: 0;
}
img {border:none;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* links and type
--------------*/
body{
font-family: Helvetica, Verdana, sans-serif;
font-size: 100%;
background:url(../common/i/body-bg.jpg) top center repeat;
}

a:link, a:active, a:visited{text-decoration: none;}
a:hover{ color: #999; text-decoration: underline;}

h1{
color: #8c0000;
font-size: 2.4em;
font-weight: 900;
letter-spacing: -0.07em;}

h1 a{}
h1 a:hover{}

h2{
color: white;
font-size: 2.4em;
font-weight: 900;
letter-spacing: -0.07em;
line-height: 0.82em;}
h2 a{}
h2 a:hover{}

h3{}
h3 a{}
h3 a:hover{}
em{font-style: italic;}



.class-s{
margin: 15px 0 0 0;
color: #8c0000;
font-size: 1.2em;
font-weight: bold;
letter-spacing: -0.03em;}

.class-d{
color: black;
font-size: 1.2em;
font-weight: bold;
letter-spacing: -0.03em;}

.class-l{
color: white;
font-size: 1.2em;
font-weight: bold;
letter-spacing: -0.01em;}

.copyright{font-family: Arial;}

p.pager{color: white; padding: 0 0 0 5px;}
p.pager a{color: #8c0000;}


/* layout
-------------*/
#outer-container{
background: url(../common/i/outer-container-bg.jpg) top no-repeat;
min-height: 486px;
}

#container{
width: 985px; 
margin: 0 auto 0;}

#header{
background: url(../common/i/header-bg.gif) no-repeat; 
min-height: 142px;
padding: 10px 0 0 0;
}
#header a{
color: white;
font-size: 1.05em;
font-weight: bold;
letter-spacing: -0.01em;}

#masthead{width: 650px;}

ul.navigation{position: absolute; top: 127px; margin: 0 0 0 230px;}
ul.navigation li{
min-height: 150px;
display: inline;
text-align: center; 
padding: 0 0 0 10px;
}
ul.rounds{position: absolute; top: 0px; margin: 0 0 0 224px;}
ul.rounds li{
min-height: 150px;
display: inline; 
text-align: center;}

.round1{
min-height: 150px;
display: inline; 
text-align: center; 
margin: 0 0 0 5px;}
.round2{
min-height: 150px;
display: inline; 
text-align: center; 
margin: 0 0 0 103px;}
.round3{
min-height: 150px;
display: inline; 
text-align: center; 
margin: 0 0 0 179px;}
.round4{
min-height: 150px;
display: inline; 
text-align: center; 
margin: 0 0 0 245px;}
.round5{
min-height: 150px;
display: inline; 
text-align: center; 
margin: 0 0 0 310px;}
.round6{
min-height: 150px;
display: inline; 
text-align: center; 
margin: 0 0 0 375px;}

div.main-content-container{margin: 10px 0 0 0; width: 620px; min-height: 300px; background: url(../common/i/body-card.gif) top repeat-y;}
div.main-content-container-1{width: 620px; min-height: 300px; background: url(../common/i/top-card.gif) top no-repeat;}
div.main-content-container-2{width: 620px; min-height: 300px; background: url(../common/i/bottom-card.gif) bottom no-repeat;}
div.main-content-container-3{width: 540px; margin: 0 0 0 20px; padding: 50px 10px 62px 10px;}

div.main-content-container-3 h1{padding: 0 0 10px 0; }
div.main-content-container-3 p{line-height: 1.66em; font-size: 1.0em;}

#media-content{width: 985px; margin: 0 0 0 26px; padding: 20px 10px 62px 10px;}
#media-content img{border: white solid 5px; margin: 5px 5px 5px 5px;}

#schedule{
width: 285px;
background: url(../common/i/schedule-bg.gif) no-repeat;
padding: 10px 10px 30px 15px;
margin: 0 20px 0 0;
min-height: 370px;
z-index: 9999;
}

div.lower-bg{min-height: 50px; background: url(../common/i/masthead-lower.gif) no-repeat;}

#sidebar{width:330px; padding: 26px 10px 62px 10px; margin: 10px 0 0 0;}
#sidebar h2{padding: 0 0 10px 0;}
#sidebar p{width: 300px; background: #2a2a2a; color: white; padding: 12px 5px 12px 5px; margin: 6px 0 0 0;}
#sidebar p:hover{background: gray;}
#sidebar a{color: white; text-decoration: none;}
#sidebar img{border: white solid 5px; margin: 5px 5px 5px 5px;}

#footer{margin: 15px 0 0 0; text-align: center; font-size: 0.9em; color: white; letter-spacing: 0.05em;}
#footer img{margin: 0 10px 0 10px;}
#footer a{color: white;}

.selected{display: inline;}
.not-selected{display: none;}

/* form elements
-------------*/
label{}

input{
font-family: Helvetica;
font-size: 1.1em;
width: 250px; 
padding: 5px 0 5px 0; 
margin: 0 0 5px 0; 
border: none;}

input.button{}

textarea{
font-family: Helvetica;
font-size: 1.1em;
width: 250px; 
padding: 5px 0 5px 0; 
border: none;}

/* misc
-------------*/
.left{float: left;}
.right{float: right;}
.clear{clear: both;}



/* png fix
-------------*/
*html .pngfix {/*for IE<6 */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/image.png'); background-image: none; background-repeat: no-repeat; background-color: transparent;
}



/* resets */
* { margin: 0; padding: 0; list-style: none; font-style: normal; outline: none;}
img {border: none;}
object, embed, img {vertical-align: bottom; border: none;}

/* global */
body {
	background: ;
	font: 0.9em "Gotham HTF", "Gotham", "Helvetica Neue", arial;
	line-height: 1.3em;
	color: #282322;}
	
a {color: ;}
a:hover {color: ;}


/* general styles */
.aside { padding: 20px 20px 10px; 
	margin: 15px 0; 
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ddd;
	background: #eaeaea;}

.right { float: right;}
.left { float: left;}
.center { margin: auto; text-align: center;}
.clear { clear: both;}
.hidden { display: none;}
.small {font-size: .75em;}
.smaller {font-size: .68em;}
.last { border: none !important ;}
.pad {padding: 15px; }
.caps {text-transform: uppercase;}
.logo {margin: 0;}
.round {-webkit-border-radius: 3px;	-moz-border-radius:3px;}
hr { border: none; border-bottom: 1px dotted #ccc;}
.success { 
	background: #d9ffd3 url(i/success.png) 10px 10px no-repeat;
	padding: 10px 10px 1px 35px;
	border: 1px solid #a8e4bb;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;}
	
.error { 
	background: #ffd3d8 url(i/error.png) 10px 10px no-repeat;
	padding: 10px 10px 1px 35px;
	border: 1px solid #e4a8a8;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;}
	
ul.left {margin-right: 50px;}
.pdf-link { 
	padding-left: 18px; 
	background: url(i/pdf.gif) left center no-repeat; 
	height: 15px;}