@import url(global_v1-2.css);
@import url(SimpsonCup_css/modules.css);
@import url(SimpsonCup_css/plugins.css);
@import url(SimpsonCup_css/accordion.css);
@import url(SimpsonCup_css/contentPlugins.css);
@import url(SimpsonCup_css/Menu.SimpsonCup.css);
@import url(SimpsonCup_css/PanelBar.SimpsonCup.css);
@import url(https://use.typekit.net/qqc6myt.css);
@import url(_fonts/Social-icons/stylesheet.css);
@import url(adminLogin.css);
@import url(admin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/

body {
	
	background:  #FFF;
	color: #000;
}


h1 {
	
	color: #000000;
	font: bold 26px Proxima-Nova, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.06em;
	padding-bottom:16px;

}


h2 {
	
	color: #666666;
	font: 20px/1.6 Proxima-Nova, Arial, sans-serif;
	padding-bottom:16px;
	
}

h3 {
	
	color: #000000;
	font: bold 18px Proxima-Nova, Arial, sans-serif;
	padding-bottom:8px; 

}

h4 {
	
	color: #003b60;
	font: 16px Proxima-Nova, Arial, sans-serif;
	padding-bottom:8px;

}

h5 {
	
	color: #c00a27;
	font: bold 14px Proxima-Nova, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.06em;
	padding-bottom:8px;

}

h6 {
	
	color: #666666;
	font: bold 14px Proxima-Nova, Arial, sans-serif;
	padding-bottom:5px;

}

/* ============== SPLASH ============== */

#splash h1 {
	
	color: #003b60;
	font: bold 24px Proxima-Nova, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:5px;
	padding-bottom:16px;

}


#splash h2 {
	
	color: #003b60;
	font: 18px/1.6 Proxima-Nova, Arial, sans-serif;
	
}

p, #splash table, #splash div {
	
	color: #454545;
	font: 14px/1.6 Proxima-Nova, Arial, sans-serif;

}

/* ============== /SPLASH ============== */

p, #content table, #content div {
	
	color: #666666;
	font: 14px/1.6 Proxima-Nova, Arial, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #8B7E5F;
	font: inherit;
	text-decoration: none;

}

a:hover {
	
	color: #848D74;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background:url(../../../Images/BG_TopLeft.jpg) #c9c9c9 top left no-repeat;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	border-style: inset;
	border-width: 2px;
	color: #000;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin: 2px 0;

}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	border: 1px outset buttonhighlight;
	color: #333;
	cursor: pointer;
	font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #e11e04;
	border:none;
	color: #fff;
	font: bold 11px OpenSans, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.06em;
	margin-bottom: 2px;
	margin-top: 2px;
	padding:4px 10px;
	overflow:visible;
	*border-width:0;
	width:auto !important;
}

a.abut {
display:block;
text-align:center;
width:100%;	
cursor:pointer;
}

a.abut:hover, .abut:hover {
color: #fff;
text-decoration:none;
background:#b71904;
cursor:pointer;	
color: #fff;
font: bold 11px OpenSans, Arial, Helvetica, sans-serif;
}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowAlternate {
	
	background: #eee;
	color: #000;
	font-weight: 400;

}

.rowHeader {
	
	background: #555;
	border: 1px solid #000;
	color: #FFF;
	font-weight: 700;

}

.cookieTrail {
	
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	display: none;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	text-decoration: none;

}

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {
	width:1000px;
	margin:0 auto;}
	
.liveWrapper {
	width:910px;
	margin:0 auto;}
	
.topGlow {
	background:url(../../../Images/HeaderGlow_TopCenter.png) top center no-repeat;}
	
.banner {
	width:100%;
	height:177px;}
	
	.banner .wrap {
		padding-top:21px;}
		
	.banner .left {
		width:580px;}
		
	.banner .leftIn {
		padding-top:60px;
		font:bold 16px Proxima-Nova, Arial, sans-serif;
		color:#000000;
		text-transform:uppercase;
		letter-spacing:0.06em;}
		
	.banner .leftIn sup {
		top: 0.2em;
		position: relative;
		font-size: 70%;}
		
	.banner .right {
		padding-top:51px;}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	height:60px;

}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#splash {
	background:url(../../../Images/bg_splash.png) top center no-repeat;
	width:1065px;
	height:607px;
	margin:0 auto;}

.splashWrapper {
		float:right;
		width:500px;
		padding-top: 153px;
		text-align:left;}
		
a.flip {
	display:block;
	background-position:top left;
	background-repeat:no-repeat;}
	
	a.flip:hover {
		background-position:bottom left;
		background-repeat:no-repeat;}
		
a#donate {
	width:221px;
	height:60px;
	
	font:bold 16px Proxima-Nova, Arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:3px;
	background-image:url(../../../Images/bg_donate.png);}
	
	a#donate:hover {
		font:bold 16px Proxima-Nova, Arial, sans-serif;
		color:#fff;
		text-decoration:none;}
		
	
.left26 {
	padding-left:26px;
	line-height:60px;}
	
.onCourse {
	width:180px;
	height:97px;
	background:url(../../../Images/btn_onCourse.png) top center no-repeat;
	display:block;}
	
	.onCourse:hover {
		background-position:bottom left;}
	
a#simpson {
	width:135px;
	height:97px;
	background-image:url(../../../Images/btn_simpson.png);}
	
.whiteSplash {
	background:#fff;
	width:1000px;
	margin:0 auto;}
	
	.whiteSplash .inner {
		width:900px;
		padding:50px 0px;
		text-align:left;
		margin:0 auto;}
		
.top80 {
	padding-top:80px;}
	
.top70 {
	padding-top:70px;
	padding-left:51px;}
	
.top56 {
	padding-top:56px;}
	
a.US,
a.UK {
	font:bold 14px 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;
	color:#858585;
	text-transform:uppercase;
	letter-spacing:0.06em;}
	
	a.US:hover {
		color:#c00a27;
		text-decoration:underline;}
		
	a.UK:hover {
		color:#003b60;
		text-decoration:underline;}
		
.whiteBG {
	background:#fff;
	width:100%;}
	
.albumInfo {
	width:325px;
	background:url(../../../Images/albumTopBar.jpg) #fff top center no-repeat;
	margin:0 0 42px 45px;}
	
	.albumInfo .inside {
		width:273px;
		margin:0 auto;
		padding:23px 0px;
		text-align:left;}
	
.publicHome {
	width:832px;
	padding:24px 0 34px;
	margin-left:58px;}
	
	.publicHome .left {
		width:318px;}
		
	.publicHome .right {
		width:460px;
		text-align:left;
		margin-top: 50px;}
	
.grey {
	background:#f5f5f5;
	border-top:#ebebeb 1px solid;
	padding:38px 0 46px;}
	
.callOuts {
	width:290px;
	height:182px;
	float:left;
	text-align:left;
	display:table;}
	
	.callOuts.center {
		margin:0px 20px;}
	
	.callOuts img,
	.callOut img {
		border-top:#c00a27 5px solid;
		padding-bottom:25px;}
		
	.callOuts h3 {
		text-transform:uppercase;
		letter-spacing:0.06em;}
		
	.callOuts h5 {
		font-size:16px;}
	
.contentArea {
	width:910px;
	margin:0 auto;
	padding:50px 0 56px;}
	
	.contentArea .left {
		width:565px;
		text-align:left;}
		
	.contentArea .right {
		width:290px;
		text-align:left;}
		
#VNav {
	width:290px;
	background:url(../../../Images/bg_VNav.png) top left repeat-y;}
		
.helpDonate {
	width:100%;
	height:225px;
	background:#003b60;}
	
	.helpDonate .floatLeft {
		width:680px;
		padding-top:60px;
		text-align:left;
		font:18px/1.6 Proxima-Nova, Arial, sans-serif;
		color:#fff;}
		
	.helpDonate .floatRight {
		padding-top:76px;}
		
	.helpDonate .title {
		font:30px Proxima-Nova, Arial, sans-serif;
		color:#fff;
		padding-bottom:15px;}
		
a#donateWhite {
	width:240px;
	height:60px;
	background-image:url(../../../Images/bg_donateWhite.png);}
		
.flags {
	width:910px;
	height:100px;
	background:url(../../../Images/flags.jpg) top center no-repeat;}
	
	.flags .inside {
		width:660px;
		margin:0 auto;
		padding-top:14px;}
		
	.flags .leftIn {
		width:205px;}
		
	.flags .rightIn {
		width:212px;}
		
	#content .flags .leftIn div,
	#content .flags .rightIn div {
		font:bold 21px Proxima-Nova, Arial, sans-serif;
		color:#fff;}
		
#content .resultsTitle {
	font:15px Proxima-Nova, Arial, sans-serif;
	color:#666666;
	text-transform:uppercase;
	letter-spacing:0.06em;
	padding:36px 0px 20px;}
	
.score {
	width:100%;
	background:#f3f2f2;}
		
	.score td {
		border-bottom:#fff 5px solid;
		border-bottom:#fff 5px solid;}
	
	.score td#blue {
		height:60px;
		background:url(../../../Images/blueArrow.png) top center no-repeat;
		text-align:center;}
		
	.score td#red {
		height:60px;
		background:url(../../../Images/redArrow.png) top center no-repeat;
		text-align:center;}
		
	.score td#white {
		height:60px;
		background:url(../../../Images/whiteBox.png) top center no-repeat;
		text-align:center;}
		
	#content td#white{
		color:#000;
		text-transform:uppercase;
		font:10px Proxima-Nova, Arial, sans-serif;
		letter-spacing:0.06em;}
		
	#content .score td#white .title,
	.score td#white h6 {
		color:#000;
		font:bold 15px Proxima-Nova, Arial, sans-serif;
		text-transform:uppercase;
		letter-spacing:0.06em;}
		
	#content td#blue,
	#content td#red {
		color:#fff;
		text-transform:uppercase;
		font:10px Proxima-Nova, Arial, sans-serif;
		letter-spacing:0.06em;}
		
	#content .score td#blue .title,
	#content .score td#red .title,
		.score td#blue h6,
	.score td#red h6 {
		color:#fff;
		font:bold 15px Proxima-Nova, Arial, sans-serif;
		text-transform:uppercase;
		letter-spacing:0.06em;}
		
.titleLine {
	padding-bottom:16px;
	margin-bottom:16px;
	background:url(../../../Images/titleLine.png) bottom left no-repeat;
	text-transform:uppercase;
	letter-spacing:0.06em;}
	
	#content .titleLine.black div,
	.titleLine.black {
		font:bold 16px Proxima-Nova, Arial, sans-serif;
		color:#000;}
		
	#content .titleLine.red div,
	.titleLine.red  div,
	.titleLine.red,
	#content .titleLine.red {
		font:bold 16px Proxima-Nova, Arial, sans-serif;
		color:c00a27;}
		
.publicAlbum {
	width:1000px;
	height:460px;}
	
#content .quote {
	font:italic 21px/1.3 Garamond, "Baskerville Old Face", "Times New Roman", serif;
	color:#000000;
	padding-bottom:15px;
	letter-spacing:0.03em;}
	
/*TIMER*/
		
		#countDown {
			
			margin:0 auto;
			
		}
		
		.timer {
			
			float:left;
			color:#c00a27;
			font:bold 18px Proxima-Nova, Arial, sans-serif;
			text-transform:uppercase;
			letter-spacing:0.06me;
			text-align:center;
			
		}
		
			.day {
				
				width:90px;	/*73px;*/ /* Updated because days went to 3 digits when set to actual date.  This may need to be revisited when goes to 2...then 1 digit*/
				
			}
			
			.hour,
			.min {
				
				width:60px;
				
			}
			
			.sec {
				
				width:50px;
				
			}
		
		.units {
			
			display:block;
			text-align:center;
			font:14px Proxima-Nova, Arial, sans-serif;
			color:#000;
			text-transform:uppercase;
			letter-spacing:0.06em;
			
		}
		
.admin {
	padding:10px 0px;}
	
	.admin .plgHeaderBar {
		color: #c00a27;
		font: bold 14px Proxima-Nova, Arial, sans-serif;
		text-transform:uppercase;
		letter-spacing:0.06em;
		padding-bottom:8px;}
		
.carousel-img-wrap {
    float: left;
    margin: 5px 5px 0 0;
    overflow: hidden;
}
.carousel-img-wrap img {
    min-height: 80px;
    min-width: 100%;
    width: auto;
}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {
	width:100%;
	height:225px;
	background:#002f4d;}
	
	#footer .inside {
		padding-top:25px;}
		
	#footer div,
	#footer .right td {
		font:13px Proxima-Nova, Arial, sans-serif;
		color:#496d83;}
		
	#footer div a {
		color:#496d83;
		text-decoration:none;}
		
	#footer div a:hover {
		color:#6999b8;}
		
 	#footer .right td a {
		font-size:24px;}