@import "reset.css";
@import "typography.css";

/*	
LEGEND:
	BODY/GENERALF
	BRANDING
	PRIMARY CONTENT
	SECONDARY CONTENT
	NAVIGATION
		PRIMARY
		SECONDARY
		LOCAL (bread crumb)
		ADMIN
	FOOTER
	------------------------------------------------------ */
	
/*	=BODY/GENERAL
	------------------------------------------------------ */

body {
	margin:12px 3em;
	padding:0;
	height:100%;
}


div#page {
	padding:0;
	vertical-align: middle;	
	background-color:#FFFFFF;
}

/* Set width of content regions */
#branding, #page, #footer {
	width:949px;
	margin: 0 auto;
}

div#stage
{

}


/*	=BRANDING
	------------------------------------------------------ */
#branding {
	margin:0;
	padding:0 0 0 0;
	height:5em;
	background-color:#ffffff;
}

#branding h1 {
	margin:4px 0 0 0;
	font-size:1.5em;
	letter-spacing:.1em;
	float:left;
	background:transparent url('../images/style-week.gif') no-repeat scroll left top;
}

#branding h2 {
	margin:4px 0 0 0;
	font-size:.9em;
	font-weight:300;
	letter-spacing:.1em;
	text-align: right;
}


/*	=PRIMARY CONTENT
	------------------------------------------------------ */
#primaryContent
{	
	border:1px solid #CCCCCC;
	clear:left;
	position: relative;
}

#primaryContent h3 {
	margin-bottom:8px;
	padding:0 0 0 12px;
	background:transparent url('../images/h2-background.gif') no-repeat scroll left center;
}
#primaryContent p {
	font-size:11px;
	line-height:1.5em;
	font-weight:bold;
}
#primaryContent .content {
	position: relative;
}

#primaryContent #scoop,
#primaryContent #events,
#primaryContent #sponsors,
#primaryContent #connect
{
	background:transparent url('../images/corner.gif') no-repeat scroll left bottom;	
}

#primaryContent #index {
	height: 458px;
}
#primaryContent #scoop {
	height: 560px;
}
#primaryContent #connect {
	height: 650px;
}
#primaryContent #events {
	/* height : 540px; */
	height : 550px;
}
#primaryContent #sponsors {
	/* height : 672px; */
	/* height : 830px; */
	height : 975px;
}
#primaryContent #press {
	/* height: 500px; */
	height: 525px;
}
#primaryContent #guide {
	/* height: 500px; */
	height: 575px;
}
#primaryContent #scoop h2,
#primaryContent #events h2,
#primaryContent #sponsors h2,
#primaryContent #press h2,
#primaryContent #guide h2 {
	overflow:hidden;
	width: 326px;
	height: 46px;
	margin-bottom: 10px;
}

#primaryContent #connect h2 {
	overflow:hidden;
	width: 400px;
	height: 46px;
	margin-bottom: 10px;
}

#primaryContent #scoop h2 {
	background: transparent url('../images/the-scoop.gif') no-repeat scroll left top;
}

#primaryContent #events h2 {
	background: transparent url('../images/events.gif') no-repeat scroll left top;
}
#primaryContent #sponsors h2 {
	background: transparent url('../images/sponsors.gif') no-repeat scroll left top;
}

#primaryContent #press h2 {
	background: transparent url('../images/press.gif') no-repeat scroll left top;
}

#primaryContent #connect h2 {
	background: transparent url('../images/connect.gif') no-repeat scroll left top;
}

#primaryContent #guide h2 {
	font-size: 25px !important;
	font-weight: bold;
}

#primaryContent #scoop p {
	margin:0 0 52px 94px;
	width:435px;
}

#primaryContent #connect p {
	margin:0 0 52px 94px;
	width:435px;
}

#primaryContent #press p {
	margin:0 0 15px 94px;
	width: 850px;
}

#pageCopy {
	position: absolute;
	bottom: 0;
	z-index: 11;
	width:948px;
}
#connect #pageCopy {
	top: 300px;
}

#VideoPageCopy {
	position: absolute;
	/*bottom: 120px;*/
	width:948px;
	margin-left: 90px;
	padding-top: 50px;
}

#VideoPageCopy h2{
	font-size: 10px;
}

#VideoPageCopy p {
	padding-bottom: 10px;
}

#guideDetail .VideoContainer
{
	width: 400px;
	float: left;
	padding: 5px;
}

#guideDetail .VideoContainer p
{
	margin-left: 210px;
	margin-top: -18px;
}

#guideDetail .button 
{
	margin-left: 335px;
	margin-top: -25px;
	position: absolute;
}

#guideDetail .button2 
{
	margin-left: 330px;
	margin-top: -25px;
	position: absolute;
}

#guideDetail .button3 
{
	margin-left: 315px;
	margin-top: -25px;
	position: absolute;
}

#guideDetail .button4 
{
	margin-left: 285px;
	margin-top: -25px;
	position: absolute;
}
#flashContent {
	margin-bottom : 28px;
	z-index: 10;
	position:absolute;
}

#ocStyle {
	position: absolute;
	bottom:0;
	left:0;
	margin:0;padding:0;
	overflow:hidden;
	background: transparent url('../images/style-week-home.gif') no-repeat scroll left bottom;
	width:335px;
	height:75px;
	/*top: 2px;*/
	top: 17px;
}

#email {
	width: 290px;
}
#connect #email 
{
	margin-left:95px;
	width: 290px;
}
#index #email {
	margin-left:500px;
	margin-bottom:30px;
}
#scoop #email {
	position : absolute;
	bottom: 10px;
	right:50px;	
}
#email label, #email p {
	padding:0;
	margin:0 1px;	
}
#email p {
	margin: 0 15px!important;
	width: auto!important;
}
#email input, #email .button {
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:0;
	margin:0 1px 0 0;
	height:15px;
}
#email input {
	width : 192px;
	margin-top:1px;
	margin-left:12px;
}
#email .button {
	padding: 1px 12px;	vertical-align : middle;width : 60px;
}
#email a.button:hover {
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	color:#999999!important;
}
#email .check input{
	margin : 5px 5px 0 12px;	
	padding:0!important;
	border:0!important;	
	width : auto!important;
}
.EventView
{
	text-decoration: underline !important;
	color: Black !important;
}

#events #eventLinks {
	margin: 0 0 10px 90px;
	clear: both;
	/*padding: 15px 25pt;*/
}

/*
#eventLinks p.infocontent {
	clear: both;
	color: #333333;
	font-size: 75%;
	font-weight: normal;
	padding: 15px 10pt;
	text-align: left;
}
*/
#events #eventLinks a {
	padding-left: 2px;
	padding-right: 2px;
	color: #960006;
	text-decoration: none;
}

#events #eventLinks a:hover {
	border: 0pt;
	text-decoration: underline;
}



#events #eventCalendar {
	width: 751px;
	margin: 0 0 30px 90px;
	border-collapse: collapse;
	border: 1px dashed #CCCCCC;
}
/*
#events #eventCalendar table {
	border-collapse: collapse;
	border: 1px dashed #CCCCCC;
	width: 751px;
	height: 103px;
}
*/
#events #eventheader 
{
	color : #960006;
	text-decoration : none;
}

/*
#events #eventCalendar table tr td.day {
	width: 160px;
	vertical-align:top;
}
#events #eventCalendar table tr td.day p {
	padding-right: 40px;
}
#events #eventCalendar table tr td#Monday {
	background: transparent url('../images/monday.gif') no-repeat scroll right center;
	width: 63px;
	overflow:hidden;
}
#events #eventCalendar table tr td#Thursday {
	background: transparent url('../images/thursday.gif') no-repeat scroll right center;
	width: 22px;
	overflow:hidden;
}
#events #eventCalendar table tr td#Friday {
	background: transparent url('../images/friday.gif') no-repeat scroll right center;
	width:24px;
	overflow:hidden;
}
#events #eventCalendar table tr td#Saturday {
	background: transparent url('../images/saturday.gif') no-repeat scroll right center;
	width:26px;
	overflow:hidden;
}

#events #eventCalendar p {
	margin: 8px 0;
}
*/

#sponsors #sponsorDetail {
	width: 763px;
	margin: 0 0 60px 95px;
}
#sponsors #sponsorDetail table {
	width: 763px;
	border-spacing : 2px;
}
#sponsors #sponsorDetail table tr td {
	height: 115px;
	vertical-align:top;
	margin-bottom:5px;
}
#sponsors #sponsorDetail table tr td table,
#sponsors #sponsorDetail table tr td table tr td  {
	width: auto;
	height:auto;
}
#sponsors #sponsorDetail table tr td table tr td {
	padding : 0 0 0 15px;
}
#sponsors #sponsorDetail table tr td table tr td p {
	margin:0;
}
#sponsors #sponsorDetail table tr td.detail {
	background-color:#F0F0F0;
}
#sponsors #sponsorDetail table tr td.thumbnail {
	width:200px;
}
#sponsors #sponsorDetail table tr td label {
	float:left;
}
#sponsors #sponsorDetail table tr td label.type {
	width: 50px;
}
#sponsors #sponsorDetail h3 {
	background:none;
	margin:15px;
	padding: 0;
}
#sponsors #sponsorDetail .button img {
	vertical-align: text-top;
	margin-left:10px;
}

div#progress {
	background-color:#FFFFFF;
	padding:20px 0pt;
	position:absolute;
	top:20px;
	width:300px;
	z-index:100;
}

#video {
	 margin : 30px 0;
}

a#back:hover {
	border-bottom : 2px solid #960006;	
}
a#back {
	border-bottom : 2px solid #FFFFFF;
}
a#back,
a#back:hover {
	width : 140px;
	margin : 0 10px;
	display : block;
	padding: 8px 0;
}

div.thank-you {
	padding-bottom : 40px;
}

.error {
	position : absolute;
	top:20px;
	left : 780px;
	z-index:99;
	padding : 5px;
	background-color : #960006;
}

/*	=SECONDARY CONTENT
	------------------------------------------------------ */
#secondaryContent
{
}

/* =GENERAL NAVIGATION 
	------------------------------------------------------ */
.nav {
	margin:0;
	float: left;
}

.nav ul {
	margin:0;
	padding:0;
	list-style:none;
	height:20px;
}

.nav li {
	margin:0 14px;
	padding:0 3px;
	float: left;
	min-width: 64px;
}

.nav li a {
	display : block;
	padding: 0 0 8px 0;
	border-bottom : 2px solid #FFFFFF;	
}

.nav li a:hover, .nav li a.selected {
	border-bottom : 2px solid #960006;
}
	

/*	=PRIMARY NAVIGATION
	------------------------------------------------------ */
#primaryNavigation
{
	position : relative;
}


/*	=SECONDARY NAVIGATION
	------------------------------------------------------ */
#home.nav {
	float : none;
	position : absolute;
	width: 949px;
	top:0;
}
#home.nav ul, #home.nav ul li
{
    position : absolute;
    right:0;
}

#home.nav ul li
{
	width : 64px;
}
#home.nav ul li.first {
	right : 104px;
	width : 148px;
}

ul.sitemap {
	margin : 40px 20px;
}
ul.sitemap li {
	margin-bottom:8px;
	padding:0pt 0pt 0pt 12px;
}
ul.sitemap li ul
{
	margin : 5px!important;
	padding : 5px 0;
	border-top : 2px solid #960006;
}
ul.sitemap li ul li {
	display : block;
}
ul.sitemap li ul li ul li,
ul.sitemap li ul li ul li a {
	padding : 5px;
}

ul.sitemap li ul li ul {
	border : 1px solid #F0F0F0;
}
ul.sitemap li ul li ul li {
	display : list-item;
	border : 0;
	margin-bottom : 2px;
	margin-left : 5px!important;
}

/*	=LOCAL NAVIGATION (bread crumb)
	------------------------------------------------------ */
#localNavigation
{}


/*	=ADMIN NAVIGATION
	------------------------------------------------------ */
#adminNavigation {}


/*	=FOOTER
	------------------------------------------------------ */

#footer {
	position:relative;
	bottom:0;
	margin:4px 0 0 0;
	padding:0;
	height:23px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#copyright {
	position: relative;
	padding-left: 10px !important;
}

#footer a {
	padding-left : 2px;
	padding-right : 2px;
}
#footer a#copyrightInfo {
	padding-left : 10px;
	padding-right : 10px;
}

div#infofooter p {

	display: block;
	margin: 10px 0pt;
	padding: 0pt;
}

div#infofooter {
	clear: both;
	color: #44515D;
	font-size: 70%;
	padding: 15px 0pt;
	text-align: center;
	width: 945px;
}

#infofooter a:hover {
	text-decoration: underline;
}

#infofooter a 
{
	padding-left: 2px;
	padding-right: 2px;
	color: #333333;
	text-decoration: none;
}

/*	=INFO-PRESSPAGES
	------------------------------------------------------ */

div#infopages {
	clear: both;
	padding: 15px 25pt;
	/*color: #333333;
	font-size: 100%;
	font-weight: normal;
	text-align: left;*/
}

#infopages p.infocontent {
	clear: both;
	color: #333333;
	font-size: 75%;
	font-weight: normal;
	padding: 15px 10pt;
	text-align: left;
}

#infopages p.infopagetitle  {
	clear: both;
	color: #960006;
	font-size: 100%;
	font-weight: bold;
	padding: 15px 5pt;
	text-align: left;
	border-bottom: 2px solid #960006;
	width: 860px;
}	

#infopages a 
{
	padding-left: 2px;
	padding-right: 2px;
	color: #960006;
	text-decoration: none;
}

#infopages p 
{
	padding-left: 2px;
	padding-right: 2px;
	color: #333333;
	text-decoration: none;
	margin: 0 0 20px 0;
}

#infopages a:hover
{
	text-decoration: underline;
	border: 0;
}

/*	=PRESSMAINPAGE
	------------------------------------------------------ */

#press p.press {
	margin : 40px 10px;
	font-size:11px;
	line-height:2em;
	font-weight:bold;
	color: #999999;
}
#press.a  {
	margin-bottom:8px;
	padding:0pt 0pt 0pt 12px;
}
#press.a  {
	margin : 5px!important;
	padding : 5px 0;
	/*border-top : 2px solid #960006;*/
}
#press.a  {
	display : block;
}

#press.a:hover  {
	/*border : 1px solid #F0F0F0;*/
	color : #960006;
	border-bottom : 2px solid #960006;
}
#press.a  {
	display : list-item;
	border : 0;
	margin-bottom : 2px;
	margin-left : 5px!important;
}

/* Data Tables*/
table.data,
table.data tr,
table.data td
{
    border : 1px solid #000!important;
    border-collapse :collapse;
}
table.data {
	width : 95%;
	margin : 0 auto;
}
table.data td {
	padding : 5px;
	color : #000000;
}
table.data td label {
	font-size : 10px; 
	display : block;
	margin : 0;
	text-transform : capitalize;
}
table.data .heading, table.data .heading td {
	background-color : #9E998E;
	color : #FFFFFF;
	font-size : 12px;
	font-weight : bold;
}
table.data .odd td {
	background-color : #F2F2F2;
}
table.data .editing {
	background-color : #CADCDD;
	vertical-align : top;
}

table.data .selected {
	background-color : #CADCDD;
}
/****/
/****/
/* Banner section  */
.announcements {position:absolute;top:188px;right:17px;width:470px;z-index: 1002;}
#announce02 {background-color:#FFFFFF;padding:4px;opacity:0.35;filter:alpha(opacity: 80);-moz-opacity: 0.80;-khtml-opacity: 0.80;}
.announce01 {/*padding:4px*/}
#announceb {background-color:#f1f5f8;height:90px;padding:15px 18px;color:#333333;opacity: 0.80; filter:alpha(opacity=80); }
#announceb div {color:#000;font-weight:bold;font-size:11pt;margin-bottom:10px;}
#announceb a {text-decoration: underline;}
.shadowbox{background: url(../images/shadow.png) bottom right;}
.innerbox {position:relative;left:-8px;top:-8px;}
.closebox {position:relative;top:-50px;right:-220px;cursor: pointer; width: 30px;}
/*************************************************************************************************************/
#pressnav {position: relative; top: -35px; left: 195px;width: 120px;}
#videonav {position: relative; top: -45px; left: 309px;width: 120px;}
#pressnav a.active, #pressnav a:hover, #videonav a.active, #videonav a:hover {border-bottom: 2px solid #960006 !important;}
.pressnavlink, .videonavlink {color: #960006; padding: 0; margin: 0 10px; text-decoration: none; line-height: 25px;}

#infopages p {font-weight: normal;}
#infopages table td {font-size: 11px; padding: 5px;}

div#socialMedia
{
	position: relative;
	top: 95px;
	left: 20px;
}

.addthis_button
{
	position: absolute;
	top: 3px;
	left: 800px;
}

/*Connect styles*/

#connectFacebook
{
position: absolute;
top: 50px;
right: 50px;
z-index: 1001;
}