﻿body { background-color:#dbe3e9; }

div#outerContainer {
	background-image:url(/images/layout/hp_background.gif); 
	background-repeat:repeat-x; 
	background-position: top left; 
}

div#footerOuterContainer {
	background-image:url(/images/layout/f_bg.gif); 
	background-repeat:repeat-x; 
	background-position: top left; 
	background-color:#dbe3e9;
}

div#rightNavLinks {
	position:absolute;
	z-index:60;
	top:138px;
	line-height:12px;
	height:224px;
}
div#TopNavContainer{height:40px;} /* added by Andy.  Not in eric's original css */
div#hpMain {height:362px;}
div#hpFlash {height:362px; width:960px;}
div#rightNavLogoDiv {
	padding-top:26px;
	padding-left:17px;
	background-image:url(/images/layout/default/logo.gif);
	background-position:17px 26px;
	background-repeat:no-repeat;
}
div#hpContent {padding-bottom:15px;}

div#hpFeature1 {float:left; width:226px; overflow:hidden;}
div#hpFeature1 div.content {padding:30px 1px 20px 2px;}
div#hpFeature2 {float:left; width:253px; background-image:url(/images/layout/hp_ft_bg_dkblue.gif); background-repeat:repeat-x; background-position:top left; overflow:hidden;}
div#hpFeature2 div.content {}
div#hpFeature3 {float:left; width:234px; overflow:hidden;}
div#hpFeature3 div.content {}
div#hpFeature4 {
	float:left; 
	width:243px; 
	background-color:#dbecf7; 
	min-height:300px;
	height: auto !important;
	height: 300px;
}
div#hpFeature4 div.content {}
div.feature div.content {padding:30px 20px 20px 20px;}

div#hpContent div.hpFeatureBorder { float:left; width:1px; height:330px; background-image:url(/images/layout/hp_feature_border.gif); background-position:top left; background-repeat:no-repeat;}
div#hpContent div.whiteFeatureBorder { float:left; width:1px; height:330px; background-color:#ffffff;}

div#hpSponsorsDiv {padding:30px 10px 10px 10px;}
div#hpSponsorsDiv div#sponsorDataDiv a {color:#666666;}
div#hpSponsorsDiv div#sponsorDataDiv div.left {width:80px;}
div#hpSponsorsDiv div#sponsorDataDiv div.right {width:110px;}

div#hpEventsDiv {padding-bottom:5px;} 
div#hpEventsDiv div.singleHpEvent {border-bottom:#afd6e9 1px solid; padding-top:10px; padding-bottom:10px;}
div#hpEventsDiv div.last {border:none; padding-bottom:15px;}

div.singleHpEvent div.date {float:left; width:40px; text-align:center;}
div.date div.month {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; font-weight:800;}
div.date div.day {font-size:28px; line-height:25px; color:#f7841c; font-weight:800;}
div.singleHpEvent div.listing {float:right; width:162px;}
div.listing div.title {font-size:16px; line-height:18px; color:#333333; padding-bottom:3px;}
div.listing div.title a {font-size:16px; line-height:18px; color:#333333; text-decoration:none}
div.listing div.title a:hover {font-size:16px; line-height:18px; color:#333333; text-decoration:underline}
div.listing div.desc {font-size:11px; color:#666666;}

div#hpEventsDiv div.allLink {margin-left:40px;}
div#hpEventsDiv div.allLink a {font-family:Verdana, Arial, Helvetica, sans-serif;}

