@charset "utf-8";
/* Splash Options : Two- and Three-Column Main headers */ 

/* Two Column - Info and Graphic */

#main-two-column {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 0px;
	font-size:12px;
	color:#ffffff;
	display: block;
}

#main-banner {
	margin: 0 auto;
	margin-top: 10px;
}

#main-banner img { width: 100%; }

#main-two-column .headline h1 { font-size: 28px; }
#main-two-column .headline h2 { margin: 0 0 15px 0; font-size: 25px; }
#main-two-column .headline p { font-size: 12px; color: #ffffff; padding-bottom: 5px; line-height: 14px !important; }
#main-two-column .headline p:last-child { padding-bottom: 0px; }

#main-two-column .quicklinks a, 
#main-two-column .headline a { color: #ffffff; font-weight:bold; text-decoration:none; }
#main-two-column .quicklinks a:hover, 
#main-two-column .headline a:hover { font-weight:bold; text-decoration:none;  }

#main-two-column .quicklinks ul { list-style-type: none; margin: 10px 10px 10px 0; padding-left: 0px; }
#main-two-column .quicklinks ul li { cursor: pointer; display:inline; line-height: 12px !important; }
#main-two-column .quicklinks ul li+li:before { content: ' | '; }

#main-two-column .spotlight { border: 2px #ffffff solid; margin-top: 3px; }


@media (min-width: 979px)  {

.zeropadding { padding-left: 0px !important; padding-right: 0px; }

#main-two-column {
	height: 300px !important; 
	margin: 0 auto;
	margin-top: 20px;
}

#main-banner {
	margin: 0 auto;
	margin-top: 10px;
}

#main-two-column .photo { float: right; position:relative; overflow:hidden; top: 0; left: 0; }
#main-two-column .headline { width: 370px !important; position: relative; float: left; padding: 15px 15px 0 15px; }
#main-two-column .headline p { font-size: 12px; color: #ffffff; padding-bottom: 5px; line-height: 14px !important; }
#main-two-column .headline p:last-child { padding-bottom: 0px; }
#main-two-column .quicklinks { width: 370px !important; float: left; position:relative; bottom: 0; left: 0; font-size:12px; padding: 15px; }
#main-two-column .quicklinks h4 { font-size:15px; padding-top: 10px; margin: 0; border-top-color:#abd0ea; border-top-style:dotted; border-top-width:1px;}
#main-two-column .quicklinks p { padding: 5px 0px 5px 0px; color: #ffffff; line-height:14px; }
#main-two-column .quicklinks a, 
#main-two-column .headline a { color: #ffffff; font-weight:bold; text-decoration:none; }
#main-two-column .quicklinks a:hover, 
#main-two-column .headline a:hover { font-weight:bold; text-decoration:none;  }
#main-two-column .quicklinks ul { list-style-type: none; margin: 10px 10px 10px 0; }
#main-two-column .quicklinks ul li { cursor: pointer; display:inline; line-height: 12px !important; }
#main-two-column .quicklinks ul li+li:before { content: ' | '; }


#main-r-two-column  .venue-list h4 { margin-top: 0; }
#main-r-two-column  .venue-list tr { border-bottom: 1px solid #e1e1e1; vertical-align: top; width:30%;}
#main-r-two-column  .venue-list td { vertical-align: top; padding-top: 20px; }
#main-r-two-column  .venue-top-content { width: 250px; padding-right: 5px;  }
#main-r-two-column  .venue-image { margin: 20px 0 0 20px; float: right; width: 500px; height: 350px; }
#main-r-two-column  .campus-venue-list h4 { font-size: 14px; padding: 0; margin: 0; }
#main-r-two-column  td { vertical-align: top; }
#main-r-two-column  .campus-venue-list { width: 100%; height: 100px; border-bottom: 1px solid #e1e1e1; margin: 10px 0px 10px 0; vertical-align: top;}
#main-r-two-column  .campus-venue-image { float: left; padding-right: 10px; }

}

@media (min-width: 481px) and (max-width: 978px) {

/* Main Content Splash */

#main-two-column {
	overflow: auto;
	height: auto !important; 
}

#main-banner {
	margin: 0 auto;
	margin-top: 10px;
}

#main-banner img { width: 100%; }

#main-two-column .photo { width: 100%; }

#main-two-column .headline { width: 60% !important; position: relative; float: left !important; padding: 15px; display:inline; }
#main-two-column .headline p { font-size: 12px; color: #ffffff; padding: 0 0 5px 3px; line-height: 14px !important; }
#main-two-column .headline p:last-child { padding-bottom: 0px; }

#main-two-column .quicklinks { width: 40% !important; float: left; position:relative; bottom: 0; left: 0; font-size:12px; padding: 15px; display:inline;  }
#main-two-column .quicklinks h4 { width: 100%; font-size:15px; padding: 3px 0 10px; margin: 0; border-bottom-color:#abd0ea !important; border-bottom-style:dotted; border-bottom-width:1px;}
#main-two-column .quicklinks p { padding: 5px 0px 5px 0px; color: #ffffff; line-height:14px; }

#main-two-column .quicklinks ul li { display: list-item !important; line-height: 14px !important; }
#main-two-column .quicklinks ul li+li:before { content: '' !important; }

}

@media (max-width: 480px) {

#main-two-column {
	overflow: auto; 
	height: auto !important; 
	margin-top: 0px !important;
}

#main-banner {
	margin: 0 auto;
	margin-top: 10px;
}

#main-banner img { width: 100%; }

#main-two-column .headline { width: 100% !important; }

#main-two-column .quicklinks { padding: 0; float: left; position: relative !important; width: 100%; }
#main-two-column .quicklinks h4 { 
	padding: 9px 0;
	font-size: 140% !important; 
	font-weight: bold !important;
	width: auto; 
	display: block;
	background-image: url('images/section-show.png');
	background-position: 100% 0;
	background-repeat: no-repeat;
	border-top: 1px dotted #fff;
	border-bottom: none !important;
}
#main-two-column .quicklinks h4.open { background-image: url('images/section-hide.png') !important; }
#main-two-column .quicklinks ul { display: none; margin: 9px 0 20px; }

#main-two-column .quicklinks ul li { display: list-item !important; line-height: 14px !important; padding-bottom: 10px; }
#main-two-column .quicklinks ul li+li:before { content: '' !important; }

}

/* Three Column - Quicklinks, Photo, Information */

#main-three-column {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 0px;
	font-size:12px;
	color:#ffffff;
	display: block;
}

#main-three-column .headline p { font-size: 14px; color: #ffffff; padding-bottom: 5px; line-height: 16px !important; }
#main-three-column .headline p:last-child { padding-bottom: 0px; }

#main-three-column .quicklinks a, 
#main-three-column .headline a { color: #ffffff; font-weight:bold; text-decoration:none; }
#main-three-column .quicklinks a:hover, 
#main-three-column .headline a:hover { font-weight:bold; text-decoration:none;  }

#main-three-column .quicklinks ul { padding-left: 1px; }

@media (max-width: 480px) {

#main-three-column {
	overflow: auto; 
	height: auto !important; 
	margin-top: 0px !important;
}

#main-three-column .headline { width: 98% !important; }
#main-three-column .headline h1 { letter-spacing: -1.5px; line-height: 30px; }

#main-three-column .quicklinks { padding: 0; float: left; position: relative !important; width: 100%; }
#main-three-column .quicklinks h4 { 
	padding: 9px 0;
	font-size: 140% !important; 
	font-weight: bold !important;
	width: auto; 
	display: block;
	background-image: url('images/section-show.png');
	background-position: 100% 0;
	background-repeat: no-repeat;
	border-top: 1px dotted #fff;
	border-bottom: none !important;
}
#main-three-column .quicklinks h4.open { background-image: url('images/section-hide.png') !important; }
#main-three-column .quicklinks ul { list-style-type: none; display: none; margin: 9px 0; padding-bottom: 10px; }
#main-three-column .quicklinks ul li { line-height: 14px !important; margin-bottom: 8px; }

.WOG-content-lc { float: left; width: 60%; padding-right: 20px; }
.WOG-content-rc { float: left; width: 40%; }
.WOGheading { font-size: 25px; padding: 40px 0 10px 0;color: #a2441e; line-height: 26px; }

#main-r-two-column {  }
#main-r-two-column  .venue-list h4 { margin-top: 0; }
#main-r-two-column  .venue-list tr { border-bottom: 1px solid #e1e1e1; vertical-align: top; width:30%;}
#main-r-two-column  .venue-list td { vertical-align: top; padding-top: 20px; }
#main-r-two-column  .venue-top-content { width: 250px; padding-right: 5px;  }
#main-r-two-column  .venue-image { margin: 20px 0 0 20px; float: right; width: 500px; height: 350px; }
#main-r-two-column  .campus-venue-list h4 { font-size: 14px; padding: 0; margin: 0; }
#main-r-two-column  .campus-venue-list { width: 100%; height: 100px; border-bottom: 1px solid #e1e1e1; margin: 10px 0px 10px 0; vertical-align: top;}
#main-r-two-column  .campus-venue-image { float: left; padding-right: 10px; }

}

@media (min-width: 481px) and (max-width: 978px) {

.zeropadding { padding-left: 0px !important; padding-right: 0px; }

#main-three-column {
	overflow: auto;
	height: auto !important; 
}

#main-three-column .photo { width: 100%; }

#main-three-column .headline { width: 60% !important; position: relative; float: left !important; padding: 10px; display:inline; }
#main-three-column .headline p { font-size: 12px; color: #ffffff; padding: 0 0 5px 3px; line-height: 14px !important; }
#main-three-column .headline p:last-child { /* padding-bottom: 5px; */ }

#main-three-column .quicklinks { width: 40% !important; float: left; position:relative; bottom: 0; left: 0; font-size:12px; padding: 10px; display:inline;  }
#main-three-column .quicklinks h4 { width: 100%; font-size:15px; padding: 3px 0 10px; margin: 0; border-bottom-color:#abd0ea; border-bottom-style:dotted; border-bottom-width:1px;}
#main-three-column .quicklinks p { padding: 5px 0px 5px 0px; color: #ffffff; line-height:14px; }

#main-three-column .quicklinks ul { list-style-type: none; margin: 10px 0 5px 0; }
#main-three-column .quicklinks ul li { display: list-item !important; line-height: 14px !important; margin-bottom: 8px; }
#main-three-column .quicklinks ul li+li:before { content: '' !important; }

.WOG-content-lc { float: left; width: 80%; padding-right: 20px; }
.WOG-content-rc { float: left; width: 20%; }
.WOGheading { font-size: 25px; padding: 40px 0 10px 0;color: #a2441e; }


#main-r-two-column  .venue-list h4 { margin-top: 0; }
#main-r-two-column  .venue-list tr { border-bottom: 1px solid #e1e1e1; vertical-align: top; }
#main-r-two-column  .venue-list td { vertical-align: top; padding-top: 20px; }
#main-r-two-column  .venue-top-content { width: 250px; padding-right: 5px;  }
#main-r-two-column  .venue-image { margin: 20px 0 0 20px; float: right; width: 500px; height: 350px; }
#main-r-two-column  .campus-venue-list h4 { font-size: 14px; padding: 0; margin: 0; }
#main-r-two-column  td { vertical-align: top; }
#main-r-two-column  .campus-venue-list { float: left; width: 100%; height: 100px; display: block; border-bottom: 1px solid #e1e1e1; margin: 10px 0px 10px 0; vertical-align: top;}
#main-r-two-column  .campus-venue-image { float: left; padding-right: 10px; }
}

@media (min-width: 979px)  {

.zeropadding { padding-left: 0px !important; padding-right: 0px; }
	
#main-three-column {
	height: 300px !important; 
	margin: 0 auto;
	margin-top: 20px;
}

#main-three-column .photo { width:355px; height:300px; float: right; position:relative; overflow:hidden; top: 0; left: 0; }

#main-three-column .quicklinks { width:260px; font-size:12px; padding: 10px; float:left; }
#main-three-column .quicklinks h4 { width: 250px; font-size:16px; font-weight:bold; padding: 0 5px 5px 0; }
#main-three-column .quicklinks p { padding-top: 5px; color: #ffffff; line-height:14px; }
#main-three-column .quicklinks ul { list-style:none; margin: 0 auto; }
#main-three-column .quicklinks ul li { margin-bottom: 8px; padding: 0; line-height:14px; }

#main-three-column .headline { width: 355px; position: relative; float: right; padding: 10px; }
#main-three-column .headline h1 { font-size: 30px; color: #ffffff; letter-spacing: -1px; margin: 10px 0 5px 0; padding: 0 0 5px 0; }
#main-three-column .headline p { font-size: 12px; color: #ffffff; padding: 5px 0px 5px 0px; line-height:12px; }

#main-three-column .quicklinks a, 
#main-three-column .headline a { color: #ffffff; font-weight:bold; text-decoration:none; }

#main-three-column .quicklinks a:hover, 
#main-three-column .headline a:hover { font-weight:bold; text-decoration:none;  }

#main-r-two-column { float: left; }
#main-r-two-column  .venue-list h4 { margin-top: 0; }
#main-r-two-column  .venue-list tr { border-bottom: 1px solid #e1e1e1; vertical-align: top;}
#main-r-two-column  .venue-list td { vertical-align: top; padding-top: 20px; }
#main-r-two-column  .venue-top-content { width: 250px; padding-right: 5px;  }
#main-r-two-column  .venue-image { margin: 20px 0 0 20px; float: right; width: 500px; height: 350px; }
#main-r-two-column  .campus-venue-list h4 { font-size: 14px; padding: 0; margin: 0; }
#main-r-two-column  td { vertical-align: top; }
#main-r-two-column  .campus-venue-list { float: left; width: 50%; height: 100px; display: block; border-bottom: 1px solid #e1e1e1; margin: 10px 0px 10px 0; vertical-align: top;}
#main-r-two-column  .campus-venue-image { float: left; padding-right: 10px; }

}

.WOG-content-lc { float: left; width: 80%; padding-right: 20px; }
.WOG-content-rc { float: left; width: 20%; }
.WOGheading { font-size: 50px; padding: 40px 0 10px 0;color: #a2441e; }

.no-gutters {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.col-border-bottom { vertical-align: text-top !important; border-bottom: 1px solid #e1e1e1; padding-bottom: 30px; margin-bottom: 30px !important; }

}

@media (min-width: 481px) and (max-width: 767px) {

/* Main Content Splash */

#main-two-column {
	margin-top: 0px !important;
}
#main-three-column {
	margin-top: 0px !important;
}

#main-r-two-column { float: left; }
#main-r-two-column  .venue-list h4 { margin-top: 0; }
#main-r-two-column  .venue-list tr { border-bottom: 1px solid #e1e1e1; vertical-align: top; width:30%;}
#main-r-two-column  .venue-list td { vertical-align: top; padding-top: 20px; }
#main-r-two-column  .venue-top-content { width: 250px; padding-right: 5px;  }
#main-r-two-column  .venue-image { margin: 20px 0 0 20px; float: right; width: 500px; height: 350px; }
#main-r-two-column  .campus-venue-list h4 { font-size: 14px; padding: 0; margin: 0; }
#main-r-two-column  td { vertical-align: top; }
#main-r-two-column  .campus-venue-list { float: left; width: 50%; height: 100px; display: block; border-bottom: 1px solid #e1e1e1; margin: 10px 0px 10px 0; vertical-align: top;}
#main-r-two-column  .campus-venue-image { float: left; padding-right: 10px; }


@media
(max-width: 480px) and
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

/* Social Media icons | Retina */

#main-two-column .quicklinks h4, #main-three-column .quicklinks h4 { background-image: url('images/section-show@2x.png') !important; background-size: 30px 40px; }
#main-two-column .quicklinks h4.open, #main-three-column .quicklinks h4.open { background-image: url('images/section-hide@2x.png') !important; }

}