@charset "utf-8";
/* CSS Document */




/*-----------------------------------------------
LIST OF ARTICLES
----------------------------------------------*/
.articleList{
	font-size: 10pt;
}

.articleList .metadata, .articleList .metadata A{
	font-size: 8pt;
	color: #666666;
}


.articleList .metadata A:VISITED{
	font-size: 8pt;
	color: #999999;
}

.articleList .intro{
	font-size: 9pt;
	color: #666666;
}

.articleList .listIcon{	
	text-align: right;
}

.articleList .listIcon IMG{
	padding-top: 5px;
}

.articleList TD{
	padding-bottom: 5px;
}


/*-------------------------------
DEFAULT MESSAGE
---------------------------------*/
.defaultMessage{
	font-size: 9pt;
}

.defaultMessageDetails{
	font-size: 9pt;
	text-align: center;
	background-color: #FBF4CA; /* LIGHT YELLOW */
	border: 1px solid #F3CE3A; /* MEDIUM YELLOW */
	padding: 20px;
}

.defaultMessageDetails SPAN{
	font-weight: bold;
	font-size: 12pt;
}

.previewOnly{
	font-size: 30px;
	text-align: center;
}



/*-----------------------------------------------
MASTER CALENDAR - CALENDAR OBJECT
----------------------------------------------*/

.label{
	font-size: 10pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
}

.calendarContainer{
	font-size: 10pt;
	margin-bottom: 10px;
}

.calendarContainer TD{
	text-align: center;
}

.calendarContainer .top TD{
	color: #000000;
	border-bottom: 1px solid #CCCCCC; /* GRAY */
	padding: 4px;
}

.calendarContainer .bottom{
	border-top: 1px solid #CCCCCC; /* GRAY */
	padding: 4px;
}

.calendarContainer .today{
	background-color: #FFFFE1; /* LIGHT YELLOW */
}

.calendarContainer .expired{
	background-color: #F5F8FA; /* VERY LIGHT BLUE */
	color: #999999; /* GRAY */
	padding: 4px;
}

.calendarContainer .weekDay{
	background-color: #EBEFF3; /* VERY LIGHT BLUE */
}

.calendarContainer .weekDay A{
	display: block;
	padding: 4px;
}

.calendarContainer .weekDay:HOVER{
	background-color: #FFFFE1; /* LIGHT YELLOW */
}




/*-----------------------------------------------
MASTER CALENDAR - EVENT LIST
----------------------------------------------*/

#eventList{
	/*margin-top: 18px;*/
}

#eventList UL{
	margin-left: 10px;
}





/*--------------------------------------------
MASTER CALENDAR - STAY UPDATED SECTION
--------------------------------------------*/


.stayUpdated{
	font-size: 8pt;
	background-color: #FFFFFF;
	background-image: url(/renderhandlers/newsevents/images/stayUpdatedBg.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	height: 53px;
}

.stayUpdated TD{
	padding: 3px;
	text-align: center;
	vertical-align: bottom;
}



/*-------------------------------------------
MASTER CALENDAR - SEARCH FORM
--------------------------------------------*/


.masterSearchForm{
	font-size: 8pt;
}

.masterSearchForm LABEL{
	font-weight: bold;
}





/*--------------------------------------------
SEARCH RESULTS
------------------------------------------------*/
.searchResults .status{
	font-size: 9pt;
	margin-left: 10px;
	margin-bottom: 15px;
}

.searchResults .keywords{
	font-weight: bold;
}

.searchResults H2{
	margin-bottom: 20px;
	text-align: center;
}


/*-------------------------------------------
MASTER LINKS
-------------------------------------------*/
.calendarLinks .label{
	font-size: 9pt;
	font-weight: bold;
	margin-top: 7px;
}

.calendarLinks UL{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.calendarLinks LI{
	background-color: #006633;
	padding: 0px;
	margin: 0px;
	height: 30px;
}

.calendarLinks A{
	display: block;		
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(/renderhandlers/newsevents/images/linksBg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	margin: 0px;
	padding-top: 7px;
	padding-left: 7px;
}


/*---------------------------------------
YEARLY VIEW NAV
---------------------------------------*/

#yearlyViewNav .bg{
	background-color: #FFFFFF;
	background-image: url(/renderhandlers/newsevents/images/yearlyNavBg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 150px;
	padding-left: 7px;
	padding-top: 5px;
	border: 1px solid #CACED1;
}

#yearlyViewNav UL{
	font-size: 10pt;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
}

#yearlyViewNav LI{
	padding-bottom: 9px;
}

#yearlyViewNav LI A{
	background-color: transparent;
	background-image: url(/renderhandlers/newsevents/smBlueArrowRight.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;	
}

#yearlyViewNav .selected{
	font-weight: bold;
}


/*------------------------------------
MASTER CALENDAR DATE LABEL
------------------------------------*/

.dateLabel{
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(/renderhandlers/newsevents/images/dateLabelBg.jpg);
	background-repeat: repeat-x;
	height: 35px;
}


/*-------------------------
MASTER CALENDAR LINKS PAGE
-------------------------*/

.linksNav{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.linksNav A{
	font-size: 13pt;
	line-height: 20pt;
	font-weight: bold;
}

.links TD{
	padding: 3px;
	font-size: 10pt;
}

.links TABLE{
	margin-bottom: 10px;
}




/*---------------------------------------
SYSTEM MAINTENANCE
-----------------------------------------*/

.systemMaintenance{
	background-color: #FFF7E6; /* LIGHT ORANGE */
	border: 1px solid #FFAB02; /* ORANGE */
	padding: 4px;
}


.systemMaintenance P{
	font-size: 9pt;
	margin: 0px;
	margin-bottom: 6px;
}

.systemMaintenance .date{
	color: #666666;
}


.systemMaintenance .label{
	font-size: 12pt;
	color: #FF6600; /* ORANGE */
	font-weight: bold;
}









/*--------------------------------
NEWS/EVENTS DETAILS PAGE
--------------------------------*/
.details .dates{
	font-size: 11pt;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
}

.details .title H2{
	color: #000000;
	font-size: 16pt;
	padding-bottom: 10px;
}

.details .author{
	font-size: 8pt;
	color: #666666;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 10px;
	clear: both;
}

.details .intro{
	padding-bottom: 10px;
	font-size: 11pt;
	padding-left: 5px;
}

.details .multimedia{
	float: right;
	width: 305px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.details .youtube{
	margin-top: 5px;
}

.details .flickr{
	margin-top: 5px;
	border: 1px solid #000000;
	width: 295px;
	height: 197px;
	margin-left: 5px;
}

.details .image{
	width: 297px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.details .image IMG{
	width: 295px;
}

.details .image P{
	font-size: 7pt;
	text-align: right;
	color: #666666;
	margin: 0px;
}

.details .multimedia H4{
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
	margin: 3px;
}

.details .image .mouseover{
	display: none;
}

.details .image .mouseover1{
	background-color: #FFFFCC; /* LIGHT YELLOW */
	font-size: 8pt;
	position: absolute;
	margin: 1px;
	padding: 2px;
}

.details .body{
	font-size: 9pt;
	line-height: 150%;
	padding-left: 5px;
}

.details .tools{
	text-align: right;
}

.details .postedBy{
	font-size: 9pt;
	color: #999999;
	padding-left: 5px;
}

.details .expired{
	font-size: 10pt;
	text-align: center;
	color: #990000; /* DARK RED */
	background-color: #F9EDAC; /* LIGHT YELLOW */
	border: 1px solid #F9D86F; /* MEDIUM YELLOW */
	padding: 3px;
}

.details .fbLike{
	float: right;
}

.details .fbLike IFRAME{
	height: 21px;
	width: 70px;
	border:none;
	overflow:hidden;
}

.details .flashVideoElement{
	border: 1px solid #000000;
}

.footerDetails{
	text-align: right; 
	font-size: 9pt; 
	color: #999999;
	clear:both;
	border-top: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: 10px;
}

.footerDetails .top{
	margin-left: 5px;
}





/*------------- LEGACY RH STYLES ------------------*/

/* NEWS/EVENTS LIST - UL */
.newsEventsListUL UL{
	font-size: 9pt;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
}

.newsEventsListUL LI{
	background-color: transparent;
	background-image: url(/style/images-rte-content/smBlueArrowRight.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 6px;
	line-height: 150%;
	padding-bottom: 9px;
}


/* NEWS/EVENTS LIST - FEATURED */
.newsEventsFeatured P{
	font-size: 10pt;
	margin: 0px;
}

.newsEventsFeatured .date{
	color: #666666;
	text-align: right;
}

.newsEventsFeatured TD{
	padding-bottom: 10px;
}

.newsEventsFeatured .type{
	font-size: 8pt;
	color: #999999;
}

.newsEventsFeatured UL{
	font-size: 10pt;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
}

.newsEventsFeatured LI{
	background-color: transparent;
	background-image: url(/style/images-rte-content/smBlueArrowRight.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 6px;
	margin-bottom: 8px;
	line-height: 150%;
}



/* -------------- NEWS/EVENTS: ROTATING PHOTOS/HEADLINES ------------*/

.newsEventsRotate .main{
	cursor: pointer;
	width: 341px;
	height: 227px;
	border: 1px solid #000000;
	position: absolute;
	background-color: #000000;
	background-image: url(/renderhandlers/newsevents/rotatebg.jpg);
	background-repeat: no-repeat;
	margin-left: -1px;
	margin-top: -1px;
}

.newsEventsRotate .shell{
	width: 341px;
	height: 227px;
}


.newsEventsRotate .headline{
	position: absolute;
	height: 63px;
	width: 342px;
	margin-top: 165px;
	background-color: #000000;	
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
}

.newsEventsRotate .textBg{
	background-color: transparent;
	height: 63px;
	width: 341px;
	position: absolute;
	margin-top: 165px;
}

.newsEventsRotate .img{
	height: 227px;
	position: absolute;
	max-width: 341px;
}

.newsEventsRotate .thumbnails{
	margin-top: 11px;
	float: left;
}

.newsEventsRotate .thumbnails .shadow{
	cursor: pointer;
	height: 51px;
	width: 77px;
	position: absolute;
	background-color: #000000;
	border: 1px solid #000000;	
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;	
}

.newsEventsRotate .thumbnails .shadowSel{
	cursor: pointer;
	height: 51px;
	width: 77px;
	position: absolute;
	background-color: transparent;
	border: 1px double #FFD028;	/* YELLOW */
}

.newsEventsRotate .thumbnails IMG{
	border: 1px solid #000000;	
	height: 51px;
	width: 77px;
}

.newsEventsRotate SPAN{
	position: absolute;
	margin-top: 165px;
	font-size: 11pt;
	padding: 5px;
	height: 52px;
	width: 330px; 
}

.newsEventsRotate A, .newsEventsRotate A:VISITED, .newsEventsRotate A:HOVER, .newsEventsRotate A:VISITED:HOVER{
	color: #FFFFFF;
	text-decoration: none;	
}

.newsEventsRotate .ui{
	position: absolute;	
	width: 138px;
	height: 21px;
	margin-left: 204px;
	z-index: 10000000;
}

.newsEventsRotate .ui .bg{
	position: absolute;
	z-index: -1;
}

.newsEventsRotate .ui .timelineBg{
	width: 50px;
	height: 4px;
	background-color: #FFFFFF;
	margin-top: 10px;
	float: right;
	margin-right: 5px;
}

.newsEventsRotate .ui #timeline{
	background-color: #CCCCCC;	/* YELLOW */
	border-right: 1px solid #000000;
	height: 4px;
}

.newsEventsRotate .ui #playPause{
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

.newsEventsRotate .ui .rss{
	float: right;
	margin-top: 3px;
	margin-right: 5px;
}



/* COMMENTS */
.commentsBody{
	font-size: 10pt;
	margin-bottom: 20px;
}

.commentsAuthor{
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
}

.commentsDate{
	font-size: 8pt;
}

.commentsCount{
	text-align: right;
	font-size: 8pt;
}

.commentsHR{
	background-color: #CCCCCC;
	height: 3px;
	border: 1px solid #FFFFFF;
}