/* Welcome Page */

#welcomeTop, #welcomeMiddle, #welcomeBottom { 
	float: left;
	margin-bottom: 10px;
}

#welcomeTop {
	width: 948px;
	height: 155px;
	border: 1px solid #E6E6E6;
	z-index: 100;
}

#welcomeTop.purpleHeader {
	background: url(images/structure/welcomeTopBackgroundFinalPurple.jpg) no-repeat;
}

#welcomeTop.blueHeader {
	background: url(images/structure/welcomeTopBackgroundFinalBlue.jpg) no-repeat;
}

#welcomeTop h1, #welcomeTop h2 {
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
	padding-right: 15px;
}

#welcomeTop .topTextHolder {
	position: absolute;
	margin-left: 0;
}

#welcomeTop .topTextHolder span.topTextHolderTop {
	font-size: 1.15em;
	display: block;
	padding-right: 20px;
}

#welcomeTop .topTextHolder span.topTextHolderBottom {
	display: block;
	font-size: .8em;
	margin-top: 0px;
	float: right;
	padding-right: 0px;
	padding-bottom: 5px;
	line-height: 150%;
	margin-top: 0px;
}

#welcomeTop .topTextHolder span.topTextHolderTopThe {
	font-size: .7em;
	margin-left: 8px;
	position: relative;
	bottom: 5px;
}

#welcomeTop .topTextHolder span.topTextHolderTopOf {
	font-size: .7em;
}

#welcomeTop .topTextHolder span.topTextHolderBottomQuote {
	font-size: 1.43em;
}

#welcomeTop .topTextHolder span.topTextHolderBottomUs {
	font-size: 1.9em;
	position: relative; 
	margin-left: 10px;
	margin-right: 5px;
	top: 10px;
}

#welcomeTop h1 {
	font-size: 1.9em;
	color: #FFFFFF;
	margin-left: 0px;
	width: 500px;
	margin-top: 15px;
	line-height: 120%;
	position: absolute;
	z-index: 100;
}

#welcomeTop h2 {
	font-size: .8em;
	color: #FFFFFF;
	font-style: italic;
	position: absolute;
	margin-left: 0px;
	margin-top: 125px;
	z-index: 100;
}

#welcomeMiddle {
	width: 100%;
	height: auto;
}

.welcomeMiddleBox {
	width: 237px;
	float: left;
	height: 330px;
}

.welcomeMiddleContent {
	padding-left: 15px;
	padding-right: 15px;
	height: 210px;
	padding-bottom: 10px;
	display: block;
	padding-top: 17px;
	float: left;
}

.welcomeMiddleBox p {
	font-size: .73em;
	color: #414141;
	line-height: 140%;
	margin-bottom: 10px;
}

#welcomeMiddleUpcomingEvents p {
	min-height: 46px;
}

.welcomeMiddleBox p.bulletinWeek {
	font-size: .85em;
	text-align: center;
	float: left;
	display: block;
	width: 237px;
}

#welcomeMiddleWelcome {
	background: url(images/structure/welcomeMiddleBoxOrangeBG.png) no-repeat bottom;
}

#welcomeMiddle h2 {
	font-size: 1.25em;
	text-transform: uppercase;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	padding-top: 9px;
	padding-left: 8px;
	width: 229px;
	height: 19px;
	float: left;
}

#welcomeMiddleWelcome h2 {
	background: url(images/structure/welcomeMiddleBoxOrange.png) repeat-x;
}

#welcomeMiddleWelcome p a {
	color: #C67900;
}

#welcomeMiddleWelcome p a:hover {
	text-decoration: underline;
	background: #FFEBCC;
}

#welcomeMiddleWhenAndWhere {
	background: url(images/structure/welcomeMiddleBoxRedBG.png) no-repeat bottom;
}

#welcomeMiddleWhenAndWhere p a {
	color: #B40008;
}

#welcomeMiddleWhenAndWhere p a:hover {
	text-decoration: underline;
	background: #FFCECC;
}

#welcomeMiddleWhenAndWhere h2 {
	background: url(images/structure/welcomeMiddleBoxRed.png) repeat-x;
}

#welcomeMiddleUpcomingEvents {
	background: url(images/structure/welcomeMiddleBoxBlueBG.png) no-repeat bottom;
}

#welcomeMiddleUpcomingEvents h2 {
	background: url(images/structure/welcomeMiddleBoxBlue.png) repeat-x;
}

#welcomeMiddleUpcomingEvents ul {
	float: left;
}

#welcomeMiddleUpcomingEvents ul li {
	display: block;
	width: 207px;
	float: left;
	padding-bottom: 0px;
	background: url(images/structure/welcomeMiddleBoxBlueLine.png) no-repeat bottom center;
	margin-bottom: 5px;
}

#welcomeMiddleUpcomingEvents ul li.bottomEvent, #welcomeMiddleUpcomingEvents ul li.bottomEvent p {
	margin: 0;
}

#welcomeMiddleUpcomingEvents ul li p {
	margin-bottom: 6px;
	font-size: .68em;
}

#welcomeMiddleUpcomingEvents ul li p, #welcomeMiddleUpcomingEvents ul li  h3 a { 
	width: 161px;
	float: right;
	display: block;
	text-decoration: none;
}

#welcomeMiddleUpcomingEvents ul li  h3 a:hover {
	text-decoration: underline;
	background: #CCE0FF;
}

#welcomeMiddleUpcomingEvents ul li  h3 a {
	color: #01318d;
	font-size: .7em;
	font-weight: bold;
	line-height: 130%;
	margin-bottom: 2px;
}

#welcomeMiddleUpcomingEvents ul li span.dateBadge {
	float: left;
	background: url(images/structure/welcomeMiddleBoxBlueDateBadge.gif) no-repeat;
	width: 36px;
	height: 36px;
	text-align: center;
}

#welcomeMiddleUpcomingEvents ul li span.dateBadge span.dateBadgeTop,#welcomeMiddleUpcomingEvents ul li span.dateBadge span.dateBadgeBottom {
	font-size: .6em;
	font-family:  Verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	width: 36px;
	float: left;
	height: 13px;
	padding-top: 5px;
	text-transform: uppercase;
}

#welcomeMiddleLatestBulletin {
	background: url(images/structure/welcomeMiddleBoxGreenBG.png) no-repeat left bottom;
}

#welcomeMiddleLatestBulletin p a {
	color: #30AA0A;
}

#welcomeMiddleLatestBulletin p a:hover {
	text-decoration: underline;
	background: #CEFFCC;
}

#welcomeMiddleLatestBulletin h2 {
	background: url(images/structure/welcomeMiddleBoxGreen.png) repeat-x;
}

#welcomeBottom {
	width: 100%;
	height: 282px;
	background: #F2DEFF;
}

#bulletinContent.welcomeMiddleContent {
	height: 61px;
	margin-bottom: 5px;
	width: 100%;
	width: 207px;
}

#bulletinContentWrapper {
	float: left;
	height: 237px;			
}

/* Welcome Page Buttons */

#whoWeAreButton, #whenAndWhereButton, #upcomingEventsButton, #latestBulletinButton { 
	float: left; 
	width: 195px; 
	height: 57px;
	display: inline;
	margin-left: 21px;
}

#whoWeAreButton { 
	background: url(images/structure/welcomeMiddleBoxOrangeButton.png) 0px -57px no-repeat; 
}

#whoWeAreButton a {
	width: 195px; 
	height: 57px; display: block; 	background: url(images/structure/welcomeMiddleBoxOrangeButton.png) 0px 0px no-repeat; 
}

#whenAndWhereButton { 
	background: url(images/structure/welcomeMiddleBoxRedButton.png) 0px -57px no-repeat; 
}

#whenAndWhereButton a {
	width: 195px; 
	height: 57px; display: block; 	background: url(images/structure/welcomeMiddleBoxRedButton.png) 0px 0px no-repeat; 
}

#upcomingEventsButton { 
	background: url(images/structure/welcomeMiddleBoxBlueButton.png) 0px -57px no-repeat; 
}

#upcomingEventsButton a {
	width: 195px; 
	height: 57px; display: block; 	background: url(images/structure/welcomeMiddleBoxBlueButton.png) 0px 0px no-repeat; 
}

#latestBulletinButton { 
	background: url(images/structure/welcomeMiddleBoxGreenButton.png) 0px -57px no-repeat; 
}

#latestBulletinButton a {
	width: 195px; 
	height: 57px; display: block; 	background: url(images/structure/welcomeMiddleBoxGreenButton.png) 0px 0px no-repeat; 
}
	
#whoWeAreButton a:hover, #whenAndWhereButton a:hover, #upcomingEventsButton a:hover, #latestBulletinButton a:hover {
	background: none;
}

/* End Welcome Button */


/* Download Bulletin Big Button */

#downloadBulletinButton { 
	float: left; 
	width: 195px; 
	height: 101px;
	display: inline;
	margin-left: 21px;
	margin-bottom: 13px;
}

#downloadBulletinButton { 
	background: url(images/structure/welcomeMiddleBoxGreenDownloadBulletin.png) 0px -101px no-repeat; 
}

#downloadBulletinButton a {
	width: 195px; 
	height: 101px; display: block; 	background: url(images/structure/welcomeMiddleBoxGreenDownloadBulletin.png) 0px 0px no-repeat; 
}

#downloadBulletinButton a:hover {
	background: none;
}

/* End Download Bulletin Big Button */


/* Welcome Bottom Box */

#welcomeBottom h2 {
	background: url(images/structure/welcomeBottomBox.png) repeat-x;
	float: left;
	font-size: 1.25em;
	text-transform: uppercase;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	padding-top: 9px;
	height: 19px;
	width: 950px;
	text-align: center;
}

#welcomeBottom {
	width: 950px;
	height: 382px;
	background: url(images/structure/welcomeBottomBoxBG.png) no-repeat bottom;
	background-position: 0px 28px;
}

#welcomeBottom #welcomeBottomContent {
	padding: 20px;
	float: left;
	width: 900px;
	padding-left: 25px;
	padding-right: 25px;
	height: 244px;
}

#welcomeBottom #welcomeBottomContent ul li {
	display: inline;
	float: left;
	width: 150px;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 244px;
}

#welcomeBottom #welcomeBottomContent ul li h3 a {
	color: #666666;
	display: block;
	font-size: .85em;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	margin-bottom: 13px;
	float: left;
	text-align: center; 
	width: 150px;
	text-decoration: none;
}

#welcomeBottom #welcomeBottomContent ul li h3 a:hover {
	text-decoration: underline;
}

.welcomeBottomImage {
	float: left;
	width: 124px;
	height: 215px;
	border: 1px solid #E1E1E1;
	background: url(images/structure/welcomeBottomBoxImagePlaceholder.png) no-repeat;
	margin-left: 13px;
	display: inline;
}

.welcomeBottomImage img a, .welcomeBottomImage img {
	border: 1px solid #661698;
	margin-top: 5px;
}
 
/* Welcome Bottom Big Button */

#welcomeBottomBigButton { 
	float: left; 
	width: 335px; 
	height: 57px;
	display: inline;
	margin-left: 307px;
}

#welcomeBottomBigButton { 
	background: url(images/structure/welcomeBottomBoxButton.png) 0px -57px no-repeat; 
}

#welcomeBottomBigButton a {
	width: 335px; 
	height: 57px; display: block; 	background: url(images/structure/welcomeBottomBoxButton.png) 0px 0px no-repeat; 
}

#welcomeBottomBigButton a:hover {
	background: none;
}

/* End Welcome Bottom Big Button */

/* End Welcome Bottom Box */

/* End Welcome Page */