/*
2007Feb06	New Module
2009Sep29	Changed td.homeGreyPanel div.midSection - height and padding-bottom to correct spacing; changed topSection height to adjust spacing; changed div#cosurvivorAwardBox padding; added div.topright to adjust spacing; added new style for righttop, bottomleft and bottomright
2009Sep30	Changes to home styles to correct spacing distorted by additional information; added a second td.homeGreyPanel div.midSection for two elements in midSection(commented out the original one used for one element for future use) 
2010Apr09	lpb	Changed the tag splashFloatImgRace and added the img tag for splashFloatImgRace.


******NOTE: home page spacing will need to be adjusted when changes are made to elements on the page so columns will be equal********
*/

/* The following pixel sizes are assigned to the following site areas

The size of the page is 1024px wide x 768px high

page width 			1024px
page height			768px

hdr padding			5px (bottom)
hdr height 			145px
hdr width			1024px

subHdr padding		5px (top)
subHdr height		56px
subHdr	width		1024px

left nav height 	518px -- probably 457 because of subheader
left nav padding	5px (left)
left nav padding	5px (right)
left nav width 		140px

splash height		518px
splash padding		35px on left and 15 px on left
home splash width 	974px
link splash width	824px

ftr height 		 	95px
ftr width			1024px


The font family for this site is Arial.

*/

/*************************************/
/* Media Styles to disallow printing */
/*************************************/
@media print {
	div.noPrint {display:none}
	}

/******************/
/* Default Styles */
/******************/
body { 
	background-color: #ab035c;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	padding: 0px;
	text-align:center;
	vertical-align: top;
}

table, div, p , td{ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

p {
	padding-bottom: 7px;
}

p.bold {
	font-weight: bold;
}

.alignCenter {
	text-align:center;
}

table.main {
	background-color: #ffffff;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

/*******************************************/
/* Unorderd List                           */
/*******************************************/
ul {
	color: #333333;	
	font-size:12px;
	list-style-type: disc;
	margin-top: -2px;
}


/*****************/
/* Header Styles - Height = 150px total   Width = 1024 px total */
/*****************/
.headerDef {
	background-color: #ffffff;
	height: 143px; 
	width: 1024px;
}

.headerAffiliateName {
	color: #AC2A74;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	vertical-align:bottom;
}

td.headerLeft {
	padding-bottom: 7px;
	padding-left: 7px;
	text-align: left;
	vertical-align: bottom;
}

td.headerRight {
	padding-bottom: 7px;
	padding-right: 7px;
	text-align: right;
	vertical-align: bottom;
}

td.timeline {
	font-size:12px;
	padding-bottom: 7px;
	vertical-align:bottom;
}

/*********************/
/* Sub-Header Styles */
/*********************/
.subHeaderDef {
	border-top-color: #000000;
	border-top-style:solid; 
	border-top-width:thin;
	height: 56px;
	padding-top: 3px;
	width: 1024px;
}


/*******************/
/* Left Nav Styles */
/*******************/
td.leftNavDef {
	background-color: #e1e1e1;
	height: 492px;
	padding-left: 9px;
	padding-right:1px;
	width: 140px;
	text-align:left;
	vertical-align: top;
}

a.leftNavHdrLink, a.leftNavHdrLink:active, a.leftNavHdrLink:visited, a.leftNavHdrLink:link {
	color: #AC2A74;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
}
a.leftNavHdrLink:hover {
	color: #D27BAE;
	text-decoration: none; 
 }

a.leftNavLink, a.leftNavLink:active, a.leftNavLink:visited, a.leftNavLink:link {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
}

a.leftNavLink:hover {
	color: #AC2A74;
 	text-decoration: none; 
 }
 
 td.leftNavLink {
 	padding-bottom: 10px;
}

/*************************/
/* Splash Content Styles */
/*************************/
td.splashDef, td.splashWithRightNavDef{
	font-size: 12px;
	height: 492px; 
	padding-left: 35px;
	padding-right: 30px;
	text-align:left;
	width: 809;
	vertical-align: top;
}

td.splashWithRightNavDef{
	width: 509; 
}

.splashHeader {
	color: #D27BAE;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

a.splashLink, a.splashLink:active, a.splashLink:visited, a.splashLink:link {
	color: #D27BAE;
	font-size: 12px;
	text-decoration: none; 
}
a.splashLink:hover {
	color: #AC2A74;
	text-decoration: none; 
 }

.splashText {
color: #333333;
font-size:12px;
}
 
.splashSmallText {
color: #333333;
font-size:9px;
}

/********************************/
/*added 5/11/2009 for About page*/
/********************************/
.splashSmallTextBold {
color: #333333;
font-size:9px;
font-weight:bold;
}

.splashTextHighlight {
color: #D27BAE;
font-size:12px;
}

.splashFloatImgRight {
	float: right; 
	padding-top: 8px;
	padding-left: 20px;
}

.splashFloatImgRace {
	float: right; 
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 5px;
	text-align: center;
}

.splashFloatImgRace img {
	margin-bottom: 7px;
}

/*******************/
/* Right Nav Styles */
/*******************/
td.rightNavDef {
	background-color: #ffffff;
	height: 492px;
	width: 300px;
	text-align: center;
	vertical-align: top;
}

/*****************/
/* Footer Styles */
/*****************/
.footerDef {
	background-color: #D27BAE;
	height: 70px;
	width: 1024px;
	vertical-align: top;
}

a.footerLink, a.footerLink:active, a.footerLink:visited, a.footerLink:link {
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	text-decoration: none; 
}

a.footerLink:hover {
	color: #AC2A74;
	text-decoration: none; 
 }


.footerAffiliateText {
	color: #ffffff;
	font-size: 11px;
	font-weight:bold;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align:top;
	text-transform: uppercase;
}

.footerText {
	color: #ffffff;
	font-size: 9px;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}
/*************************/
/* Home Page Styles */
/*************************/
td.homePageDef{
	background-color: #ffffff;
	font:Arial, Helvetica, sans-serif;
	/*height: 492px; */
	width: 1024px; 
	text-align:left;
	vertical-align: top;
}

td.homeCenterPanel {
	width: 402px;
	text-align: center;
	font-size: 11px;

}

td.homeGreyPanel { 
	background-color: #e1e1e1;
	font-size: 11px;
	height: 100%;
	padding: 5px 10px 5px 15px;
	text-align: left;
	vertical-align: top;
 	width: 402px;
	}
	
td.rightNavPanel { 
	background-color: #e1e1e1;
	font-size: 11px;
	height: 100%;
	padding: 5px 5px 5px 5px;
	text-align: center;
	vertical-align: top;
 	width: 220px;
	}
	


td.homeCenterPanel, td.homeGreyPanel {
	padding-top: 5px;
	vertical-align:top;
}

td.homeCenterPanel p {
	margin: 0px;	
	padding: 0px;
}
td.homeCenterPanel p.center {
	margin-top: 20px;	
	padding: 0px;
}

td.homeCenterPanel img {
/*	margin: 4px 0px;	
*/	
	margin: 0px 0px;
}

td.homeGreyPanel div.topSection	{
	border:  #D27BAE 2px solid;
	/*height: 170px;*/
	text-align: center;
	padding-bottom: 15px;
}


/*td.homeGreyPanel div.midSection{
	/*height: 110px;
	text-align:center;
	padding-top: 30px;
	padding-bottom: 20px;
}
*/
/*Used above style for one element in midSection; used below style for two elements in midSection*/

td.homeGreyPanel div.midSection{
	text-align:center;
	padding-top: 20px;
	padding-bottom: 10px;
}


td.homeGreyPanel div.bottomSection{
	border: #D27BAE 2px solid;
	/*height: 190px;*/
	text-align: center;
	padding-top: 6px;
}


td.homeGreyPanel div.leftAlign	{
	text-align: left;	
	border: none;
}
td.homeGreyPanel div.topright{
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: left;
	border:none;
}

td.homeGreyPanel div.middleright{
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: left;
}


td.homeGreyPanel div.bottomright{
	border:none;
	padding: 4px;
	padding-top: 20px;
	text-align:left;
}

td.homeGreyPanel div.middleLeft{
	padding-top: 5px;
}

td.homeGreyPanel div.bottomLeft{
	padding: 4px;
	padding-top: 5px;
}

div#cosurvivorAwardBox {
	border: lightgray 2px solid;
	margin: 45px 2px 2px 2px;
	padding-top: 5px;
}

a.homeLink, a.homeLink:active, a.homeLink:visited, a.homeLink:link {
	color: #D27BAE;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none; 
}
a.homeLink:hover {
	color: #AC2A74;
	text-decoration: underline; 
 }

.homeImgPanelLeft {
	float:left; 
	padding-right: 6px;
}

.homeImgPanelRight {
	float:right; 
	padding-right: 6px;
}

a.homeSplashLink, a.homeSplashLink:active, a.homeSplashLink:visited, a.homeSplashLink:link {
	color: #AC2A74;
	font-size: 11px;
	text-decoration: none; 
}
a.homeSplashLink:hover {
	color: #D27BAE;
	text-decoration: none; 
 }

.homeText {
	color:#333333;
	font-size: 11px;
}

.homeTextPink {
	color: #D27BAE;
	font-size: 11px;
}

table#homeColumns p {
	padding: 0em; margin-bottom: 7px;
}

table td.leftPanel img.komenBrinker {
	float: left;
	margin-right: .5em;
}

table td div.focusBox {
	border: 2px solid #D27BAE;
	text-align: center;
	padding-top: 5px;
	padding: .5em .0em;
}

table td div.focusBox p.last-element {
	margin-bottom: 0em;
}

table td.middlePanel p.homeTextPink {
	margin-top: 5px;
}

table td.middlePanel div#cosurvivorAwardBox {
	margin-top: 10px;
}

ul.control-list {
	height: 100%;
	margin: 0em; padding:0em;
}

ul.control-list li {
	list-style: none;
}

ul.control-list li .last-element {
	margin-bottom: 0em;
}

ul.control-list li.last-element {padding-bottom: 5px;}

table td.leftPanel ul.control-list li.first-element { height: 38%; }
table td.leftPanel ul.control-list li.second-element { height: 15%; }
table td.leftPanel ul.control-list li.third-element { height: 13%; }
table td.leftPanel ul.control-list li.last-element { height: 33%; }

table td.middlePanel ul.control-list li.first-element { height: 75%; }
table td.middlePanel ul.control-list li.middle-element { height: 5%; }
table td.middlePanel ul.control-list li.last-element { height: 16%; }

table td.rightPanel ul.control-list li.first-element { height: 41%; }
table td.rightPanel ul.control-list li.second-element { height: 10%; }
table td.rightPanel ul.control-list li.third-element { height: 17%; }
table td.rightPanel ul.control-list li.last-element { height: 31%; }

/*************************/
/* Anywhere Styles */
/*************************/
.trademark {
	font-size: 10px;
	padding-left: -1px;
	vertical-align: text-bottom;
}

.imgFloatLeft {
	float:left; 
	margin-right: 10px;
}

.imgFloat {
	float: none; 
	margin-right: 0px;
	margin-left: 0px;
}

.splashTextBoldUndec {
color: #333333;
font-size:12px;
font-weight:bold;
}
/*************************/
/* Added 6/9/2009 */
/*************************/
.splashGrayPanTextBold {
color: #333333;
font-size:11px;
font-weight:bold;
}