@charset "utf-8";

/*  display: table;
	display: table-cell;
	background-repeat: repeat;
	background-image: url(/mediafiles/images/musnote.jpg);*/

body {
	background-color: #222;
	behavior: url(/reference/csshover3.htc); 
	margin: 0px;
	padding: 0px;
}

#homeSeason img, #homeSeason div {
	margin: 0px;
	padding: 0px; 
	border: 0px; }


/* COLORS
----------------------------------------------------- 

-- pink
a, h1, h3 a, #title a, .highlight {
	color: #b51e83; }
#menu a:hover {
	background-color: #b51e83; }

-- turquoise 
h3, #title a:hover, h3 a:hover, .navLink, #mainBody, #title.minor, a:hover {
	color: #01919d;	}
#footer, #menu, #menu a, #menu h2, button {
	background-color: #01919d; }

-- bg color
#wrapper {
	background-color: #f6e4ef; }

-- content border
#contentWrapper {
	border-left: 2px solid #b51e83;
	border-right: 2px solid #b51e83;
}

*/ 


/* pumpkin */
a, h3 a, #title a, .highlight {
	color: #d5763c; }
#menu a:hover {
	background-color: #d5763c; }

/* bronze */
#title a:hover, h3 a:hover, .navLink, #mainBody, #title.minor, a:hover {
	color: #a97a1b;	}

/* maroon */
h1, h3, h5, #title h1 {
	color: #b02e2e; }
#footer, #menu, #menu a, #menu h2, button {
	background-color: #8f3535; }

/* background color */
#wrapper {
	background-color: #e9ddd5; }

/* content border */
#contentWrapper {
	border-left: 2px solid #650000;
	border-right: 2px solid #650000;
}


/* MAIN LAYOUT
----------------------------------------------------- */
#contentWrapper {
	width: 760px;
	overflow: auto;
	background-color: #efefef;
	margin-right: auto;
	margin-left: auto;
}
#wrapper {
	width: 100%;
	margin: 0px;
}
#topBuffer {
	width:100%;
	height:15px;
}

#header {
	height:100px;
	width:100%;
	background-image:url(/mediafiles/images/home/color.jpg);
}

#mainBody {
	margin-right: auto;
	margin-left: auto;
	width: 740px;
	background-color: #ffffff;
	border:solid;
	border-width:10px;
}

#footer {
	width:100%;
	clear:both;
	padding: 2px 0px;
	text-align: center;
}

#footer p {
	font-size: 10px;
	color: #efefef;
}
#footer a {
	color: #dedede;
}

#nav {
	width: 20%;
	float: left;
}
#nav.benefit {
	position:absolute; }

#content {
	float: left;
	width: 80%;
}

#contentFull {
	width: 100%;
	float:right; 
}

#navpad {
	padding: 15px 0px 0px 10px;
}
#navpad.benefit {
	padding: 5px 0px; }

#contentpad {
	padding: 10px 15px 15px 15px;
}



/* CONTENT LAYOUT
----------------------------------------------------- */
#tableCol {
	width: 24%;
	float: left;
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}
#tableEven {
	width: 30%;
	float: left;
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}

#tableFloat {
	float: left;
	padding: 0px 15px;
	text-align: center;
	line-height: .9em;
}

ul#tabular {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 14px;
}
ul#tabular li {
	float: left;
	width: 33%;
}

#nofloat {
	float: none;
	clear: both;
	width: 100%;
}

img.floatLeft {
	margin: 0px 15px 5px 5px;
	float: left;
}
img.floatRight {
	margin: 0px 5px 5px 15px;
	float: right;
}
img.padded {
	margin: 5px;
}
img.nofloat {
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: none;
}
img {
	border: none;
}

#headline {
	margin:35px 0px 10px 0px;
}

#inline {
	margin: 0px;
}

blockquote {
	margin: -10px 30px 0 10px;
	padding-left: 20px;
}

#contain {
	float: left;
}


/* CONTENT STYLE
----------------------------------------------------- */
#title { 
	border-top-color: black; 
	border-bottom-color: black; 
	border-top-style: solid; 
	border-bottom-style: groove; 
	border-bottom-width: 1px; 
	border-top-width: 2px;
	font-family: 'Oswald', Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 30px 0px 10px 0px;
	text-transform: uppercase;
}

#benefitwrap #title {
	border-top-color: black; 
	border-bottom-color: black; 
	border-top-style: solid; 
	border-bottom-style: groove; 
	border-bottom-width: 1px; 
	border-top-width: 2px;
	font-family: 'Oswald', Helvetica, sans-serif;
	color: #000000;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 2px;
	margin: 30px 0px 10px 0px;
	padding: 5px;
	text-transform: uppercase;
}

#title.minor { 
	border-top-color: black; 
	border-bottom-color: black; 
	border-top-style: none; 
	border-bottom-style: groove; 
	border-bottom-width: 1px; 
	border-top-width: 0px;
	font-family: 'Oswald', Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 50px 0px 10px 0px;
	text-transform: uppercase;
}

#title {
	font-size: 22px;
}

#title a { 
	border-top-color: black; 
	border-bottom-color: black; 
	border-top-style: solid; 
	border-bottom-style: groove; 
	border-bottom-width: 1px; 
	border-top-width: 2px;
	font-family: 'Oswald', Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 30px 0px 10px 0px;
}

#title a:hover { 
	border-top-color: black; 
	border-bottom-color: black; 
	border-top-style: solid; 
	border-bottom-style: groove; 
	border-bottom-width: 1px; 
	border-top-width: 2px;
	font-family: 'Oswald', Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 30px 0px 10px 0px;
}

#tableStyle {
	font-family: 'Droid Sans', Arial, sans-serif;
	color: #000000;
	line-height: 1.4em;
	width: 100%;
}

#tableStyle td {
	padding: 0px 15px 5px 0px;
	vertical-align: top;
}

#padHeight {
	height: 15px;
}

#title h1 {
	font-size:  22px;
	color:  black;
	font-family: 'Oswald', Helvetica, sans-serif;
	margin:  0;
	font-weight: normal;
	color: #b02e2e; 
}
#title h2 {
	margin: 0 0 4px 0;
}

/* TEXT
----------------------------------------------------- */
p, table {
	font-family: 'Droid Sans', Arial, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.4em;
}
table td {
	vertical-align: top;
	padding: 10px 0px; }

p.quotation {
	font-style: italic;
	margin: 15px 20px;
}

p.quotecredit {
	margin: -10px 30px 20px 30px;
	text-align: right;
}

.highlight {
	font-weight: bold;
}

.footer {
	font-family: 'Droid Sans', Arial, sans-serif;
	color: #000000;
	font-size: 13px;
	line-height: 1.4em;
	text-align: right;
}

a {
	font-family: 'Droid Sans', Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0px;
}

li {
	font-family: 'Droid Sans', Arial, sans-serif;
	color: #000000;
}



	

/* HEADERS
----------------------------------------------------------- */

h1 {
	font-family: 'Droid Sans', Helvetica, sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 4px;
}

h2, h2 a {
	font-family: 'Oswald', Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 100;
	margin-top: 15px;
}

h3, h3 a {
	font-family: 'Oswald', Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 100;
	margin-top: 0px;
	margin-bottom: 5px;
}

h3 a:hover {
	font-family: 'Oswald', Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 100;
	margin-top: 0px;
	margin-bottom: 5px;
}

h4 {
	font-family: 'Oswald', Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 0px;
}


#indexSeason {
	clear:both;
	padding-bottom: 20px;
	padding-top: 10px;
}
#indexSeason h3, #indexSeason h3 a {
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: 20px;
}
#indexSeason p, #indexSeason h2, #indexSeason h3 {
	margin: 0px;
}
#indexSeason h3 {
	float: left;
}
#indexSeason h2 {
	float: right;
}
#indexSeason p{
	float: left;
	clear: both;
	padding-bottom: 20px;
}

/* SIDE NAV
----------------------------------------------------------- */
.navLink, .navLinkSub {
	text-transform: uppercase;
}
.navLink {
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.navLinkSub {
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.navLink2 {
	color: #693;
	font-weight: bold;
	font-family: 'Droid Sans', Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: lowercase;
}
.navText {
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 1.4em;
}
#navpad ul {
	list-style-type: circle;
	padding-left: 16px;
}


/* HOMEPAGE
----------------------------------------------------- */

.banner {
	height: 120px;
	width: 480px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	color:black; 
}

#herp {
	margin-bottom: 0px;
}

.banner .object {
	position: absolute;
	top: 0;
	left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 480px;
	height: 120px;
	z-index: 15;
}

.banner .tint {
	color:black; 
	display:block; 
	opacity:1;
	filter:alpha(opacity=100);
	width:480px;
	height:120px;
}

.banner .darkableImage 
{
	opacity:1;
	filter:alpha(opacity=100);
}

.banner .caption {
	position: absolute;
	left: 10px;
	bottom: 0px;
	width: 480px;
	z-index: 35;
	line-height: 0.8em;
	text-shadow: 0 0 15px black, 0 0 15px black, 0 0 5px black, 0 0 19px black, 0 0 19px black;
}

.banner p {
	color: #ffffff;
	display: inline;
}
.banner h1 {
	color: #ffffff;
	display: inline;
}
.banner h2 {
	color: #ffffff;
	display: inline;
}
.banner a {
	color: #ffffff;
	display: inline;
}
.banner a:hover {
	color: #cdcdcd;
}
div#preload { display: none; }

#announce {
	border-top-color: black; 
	border-bottom-color: black;
	border-top-style: solid; 
	border-bottom-style: groove; 
	border-bottom-width: 1px; 
	border-top-width: 2px;
	text-align: center;
	padding: 0px 0px -10px 0px;
	margin: 0px 0px 30px 0px;
}

/* MENU
----------------------------------------------------------- */
#header {
	height: 80px;
	width: 100%;
}
#menu {
	width: 100%;
	height: 31px;
	text-align: center;
}

#menu ul {
	list-style: none;
	margin: 0px auto 0px auto;
	padding: 0;
	width: 123px;
	display: inline-block;
}

/* Font within menu */
#menu a, #menu h2 {
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Droid Sans', Arial, sans-serif;
	letter-spacing: 2px;
	color: #ffffff;
	display: block;
	border-width: 0px;
	margin: 0;
	padding: 8px 16px;
	font-weight: normal;
}
#menu ul ul {
	width: 100%;
}

#menu h2 {
	color: #fff;
	background: #000;
	text-transform: uppercase;
}

#menu a {
	text-align: center;
	text-decoration: none;
}


#menu li {position: relative; 
	padding: 0px;}


#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




/* STARS OF TOMORROW
----------------------------------------------------------- */

table#stars td {
	padding-top: 0px;
}

#stars .image { 
   position: relative; 
   width: 100%; /* for IE 6 */
   display: inline;
}

#stars h3 { 
   position: absolute; 
   bottom: 2px; 
   left: 0; 
   width: 100%; 
}

#stars h3 span { 
   color: white;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 3px; 
}



/* BENEFIT
----------------------------------------------------------- */
table.benefit td {
	padding: 10px;
	margin: 0px;
}

button {
	color: white;
	font-weight: bold;
	padding: 5px;
	border-radius: 3px; 
	border: 1px solid #000; 
	font-size: 11px;
}