﻿/* Location: /App_/ROOT/PageFrame/Index/StyleSheet.css */
/* Description: Stylesheet used only on the home page */
   
#content .mainContent {width: 715px;float: left;}
#content .rightSubContent, #content .rightSubContent .wrapper1 {width: 207px;}
#content .rightSubContent p { font-size: .9em; }

/****** Home Page Main Image *****************************************/
#homeImage {
	background: url(Images/MainImageFrame.gif) no-repeat;
	margin-bottom: 10px;
	position: relative;
	height: 235px;
	width: 716px;
}
#homeImage .slide_item {
	position: absolute;
	top: 10px;
    left: 10px;
	height: 215px;
	width: 696px;
	overflow: hidden;
}
#homeImage .learnMore { position: absolute; bottom: 0; right: 0; }

/****** Home Page callouts *******************************************/
.callout1 { width: 368px; }
.callout2 { width: 317px; }
.callout1 .content {min-height: 180px;height: auto !important;height: 180px;}
.callout2 .content {min-height: 159px;height: auto !important;height: 159px;}
.calloutPane .content { padding: 12px; color: #5d6460; }
.calloutPane .photoPane { float: left; width: 145px; }
.calloutPane .detailsPane { float: left; width: 185px; padding-top: 3px; }
.calloutPane .section1 { margin-bottom: 15px; }
.callout1 h3, .callout1 p { margin: 0 0 4px 0; padding: 0; }
.callout1 p { font-size: .9em; }
.callout1 h3 { color: #6f6f6f; }
.callout2 .tabs .tab {background-color: #f3f9f9;}
.callout2 .tabs .selected { border-bottom-color: #f3f9f9; }

/****** Side nav calendard list **************************************/
.calendar .event 
{
	background: url(/App_/ROOT/PageFrame/StandardPartial/Images/CalendarMarker.gif) top left no-repeat;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.calendar .viewAll,.calendar .details { margin-left: 60px; } 
.calendar .details {line-height: 1.2em;}
.calendar h3
{
	float: left;
	margin:0;
	padding:0;
	padding-top: 8px;
}
.calendar h3 .month, .calendar h3 .day { display: block; text-align: center; margin-left: 16px; }
.calendar h3 .month { font-size: .9em; color: #8c9b93; font-weight: bold; }
.calendar h3 .day { font-size: 1.6em; color: #7a847f;}
.calendar .details .location { color: #8c9b93; font-size: .9em; }


