@charset "UTF-8";

/* Body region */
#body-region-inner-tube {
	padding: 20px 40px;
}

/* Featured content */
#featured-content-region { width: 648px; margin-bottom: 20px; }
#featured-content-region, #featured-content-region-inner-tube-1, #featured-content-region-inner-tube-2 { height: 293px; min-height: 293px; max-height: 293px; }
#featured-content-region-inner-tube-2 { background-color: #669acc;}
#featured-content-header-region { }
#featured-content-body-region { background-color: #669acc; color: #ffffff; }
#featured-content-carousel { margin: 0; }
#featured-content-carousel a { text-decoration: none }
#featured-content-carousel .item { display: inline; overflow: hidden; width: 636px; background-color: #ffffff; color: #000000; }

/* Calendar */
#top-right-promo-region, 
#top-right-promo-region-inner-tube-1, 
#top-right-promo-region-inner-tube-2,
#top-right-promo-region div.right-promo-content-box1-border { 
    height: 293px;
    min-height: 293px;
    max-height: 293px;
}

#top-right-promo-region div.right-promo-content-box1-border { 
    background-color: #669acc;
}

#top-right-promo-region {
	margin-bottom: 20px; 
}

#highlights-content-region .promo-content-box-header {
	background:url('../images/home-page/white-line.gif') center repeat-x;
	padding: 0;
}

#highlights-content-region {
	margin-bottom: 20px;
}

#highlights-content-region-inner-tube-2 {
	background-color: #2b60aa;
}

#highlights-header-label {
	background-color: #2b60aa;
	font-weight: bold;
	padding: 0 0.5em;
}

.highlight {
	font-size: 90%;
	width: 48%;
	margin-bottom: 1em;
}

.highlight-odd {
	float: left;
}

.highlight-even {
    float: right;
}

.highlight a {
	color: #ffff00;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

.highlight a:hover {
	color: #660000;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

.highlight-header {
	font-weight: bold;
	margin-bottom: 0.25em;
}

.highlight-image {
    float: left;
    margin-right: 0.25em;
}

/* promo boxes */
.left-promo-content-box1 {
	width: 648px;
	float: left;
}

.left-promo-content-box1-border,
.right-promo-content-box1-border {
    padding: 0 3px 0 3px;
}

.left-promo-content-box2 {
	width: 648px; 
	float: left;
}

.right-promo-content-box1 {
	width: 25%;
	float: right;
}

.left-promo-content-box2-border,
.right-promo-content-box2-border {
	border: 5px solid #2b60aa;
}

.left-promo-content-box1 .promo-content-box-header,
.right-promo-content-box1 .promo-content-box-header {
	background-color: #669acc; color: #ffffff; padding: 5px; font-weight: bold;
}

.left-promo-content-box1 .promo-content-box-header a,
.right-promo-content-box1 .promo-content-box-header a {
	color: #ffffff; text-decoration: none;
}

.left-promo-content-box1 .promo-content-box-header a:hover,
.right-promo-content-box1 .promo-content-box-header a:hover {
	color: #ffffff; text-decoration: underline;
}

.left-promo-content-box1 .promo-content-box-body,
.right-promo-content-box1 .promo-content-box-body {
	background-color: #ffffff; color: #000000; padding: 5px;
}

.left-promo-content-box2 .promo-content-box-header,
.right-promo-content-box2 .promo-content-box-header {
	background-color: #2b60aa; color: #ffffff; padding: 5px; font-weight: bold;
}

.left-promo-content-box2 .promo-content-box-body,
.right-promo-content-box2 .promo-content-box-body {
	background-color: #2b60aa; color: #ffffff; padding: 5px;
}

div.calendar {
    width: 100%;
    height: 89%;
    overflow: auto;
}

#calendar-content-region {  
    background: url('../images/home-page/calendar-background.jpg') top left no-repeat;
	background-color: #000066;
}
.calendar-inner-tube {
    padding: 2px;
}

table.calendar, tr.calendar-entry, td.calendar-entry-start-time, td.calendar-entry-title {
    border: 0 solid transparent;
}

table.calendar tr.calendar-entry {
    margin-bottom: 1em;
    font-size: 85%;
}

table.calendar td.calendar-entry-start-time {
    padding-right: 5px;
    width: 35%;
    font-weight: bold;
    vertical-align: top;
}

table.calendar td.calendar-entry-title {
    padding-right: 10px;
    width: 65%;
    vertical-align: top;
}

#org-blurb {
	background: url('../images/home-page/globe.png') top left no-repeat;
	width: 25%;
	color: #ffffff;
	float: right;
}

#org-blurb-inner-tube {
    padding-top: 153px;
    font-size: 90%;
}

#yol-logo {
    padding-top: 1em;
    text-align: center;
}