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



/* BEGIN NAVBAR STYLES ============================================================================================================ */

/* ======= common styling ========= */
.navbar { margin: 0 auto; text-align: center; width: 922px; height: 48px; background: transparent url(../images/navbar.png) no-repeat; position: relative; z-index: 9998; }
.navbar ul { margin: 0px 0px 0px 40px; padding: 6px 0px 0px 10px; font-size: 12px; font-family: arial; text-transform: uppercase; }
.navbar ul li a, .navbar ul li a:visited { list-style-type: none; text-decoration: none; float: left; height: 25px; line-height: 15px; text-align: center; color: #444444; font-weight: bold; padding: 10px 29px 0px 27px; background: transparent url(../images/navbar-btn.png) right top no-repeat; border: 0px; }
.navbar ul li { list-style-type: none; float: left; height: 36px; font-weight: bold; text-align: center; margin: 0; padding: 0; }
.navbar ul li div.flyout {display: none;}

.navbar ul li.last a, .navbar ul li.last a:hover { list-style-type: none; float: left; height: 25px; text-align: center; font-weight: bold; color: #444444; padding: 10px 29px 0px 27px; background: transparent url(../images/navbar-btn-last.png) right top no-repeat; }
.navbar ul li:hover.last a {background: transparent url(../images/navbar-btn-last-hover.png) right top no-repeat; text-decoration: none;}

/* ======== specific to non IE browsers ========= */
.navbar ul li:hover a { background: transparent url(../images/navbar-btn-hover.png) right top no-repeat; text-decoration: none; }

.navbar ul li:hover div.flyout { display: block; position: absolute; top: 33px; left: 0px; z-index: 9988; width: 922px; margin: 0 auto; text-align: left; text-transform: none; font-weight: normal; font-family: verdana; background: transparent url(../images/flyoutbox.png) 0px -40px no-repeat; margin: 5px auto; height: 140px; }
	.flyout-top { margin: 0 auto; width: 922px; /*height: 17px;*/ font-size: 0px; /*background: transparent url(../images/flyoutbox-top.png) top center no-repeat;*/ background: none; height: 10px; }
	.flyout-content { margin: 0 auto; width: 922px; height: 100%; /*background: transparent url(../images/flyoutbox-middle.png) bottom center repeat-y;*/ }
		.flyout-content-padding { margin: 0 auto; width: 890px; height: 100%; clear: both; overflow: hidden; line-height: 18px; }
	.flyout-bottom { margin: 0 auto; width: 922px; height: 17px; font-size: 0px; /*background: transparent url(../images/flyoutbox-bottom.png) bottom center no-repeat;*/ }


	.qtr-cell { width: 22%; float: left; margin-left: 2%; }
		.qtr-cell h3 { font-weight: bold; }
		.qtr-cell ul.flyout-submenu { margin: 0px; padding: 0px; font-size: 11px; text-transform: none; font-weight: normal; }
		.qtr-cell ul.flyout-submenu li { list-style-type: none; float: none; line-height: 15px; height: 100%; width: 96%; text-align: left; margin: 0px; padding: 0px; clear: both; }
		.qtr-cell ul.flyout-submenu li a:link, .qtr-cell ul.flyout-submenu li a:visited { background: transparent url(../images/flyout-bullet.gif) 0px 8px no-repeat; line-height: 15px; height: 100%; width: 100%; text-align: left; font-weight: normal; margin: 0px; padding: 1px 0 1px 6px; border: 0px; }
		.qtr-cell ul.flyout-submenu li a:hover { text-decoration: underline; }
	
/* END NAVBAR STYLES ============================================================================================================ */



#list-links-container { width: 100%; height: 100%; clear: both; display: block; margin-left: 10px; }
	#list-links-container h2 { margin-left: 6px; }
.list-links { float: left; width: 175px; height: 100%; background: transparent url(../images/list-links-bg.png) right no-repeat; }
	.list-links-last { float: left; width: 175px; height: 100%; }
.list-links ul, .list-links-last ul { margin: 8px 0px 4px 0px; padding: 0px; font-family: verdana; font-size: 100%; }
.list-links ul li, .list-links-last ul li { list-style-type: none; margin: 0px 0px 5px 6px; }
.list-links ul li a, .list-links ul li a:visited, .list-links-last ul li a { border: 0px; }
.list-links h2 a, .list-links h2 a:visited, .list-links-last h2 a, .list-links-last h2 a:visited { border: 0px; }





/* Sliding slideshow ====================================================================== */

#slideshow-container { width: 900px; height: 310px; margin: 0 auto; cursor: pointer; overflow: hidden; position: relative; z-index: 5; margin-bottom: 8px; }
#slideshow { width: 900px; height: 310px; margin: 0 auto; cursor: pointer; overflow: hidden; position: relative; z-index: 8; }
.slide { width:900px; height:310px; float:left }
#slide-nav { padding-top:4px; }
#slide-nav a { padding: 1px 7px 0px 7px; margin-left:4px;  background-color:white; color:white; }
#slide-nav .activeSlide { padding: 1px 7px 0px 7px; margin-left:4px;  background-color:#999; color:#999; }
#slideshow-bar { position:absolute; left:0px; bottom: 0px; z-index:10; background: transparent url(../images/slideshow/slideshow-bar.png) 0px 0px no-repeat; width:900px; height:20px; }


/* ====================================================================== */



/* SLIDESHOW FEATURE STYLES FOR STORIES LINKED TO FROM SLIDESHOW ================================ */
div.slideshow-feature { font-size: 110%; }
div.slideshow-feature h3 { font-size: 150%; margin: 0 0 14px 0; }
div.slideshow-feature h4 { font-size: 110%; margin: 5px 0 14px 0; }
/* END SLIDESHOW FEATURE STYLES FOR STORIES LINKED TO FROM SLIDESHOW ================================ */












/* CAMPUS ALERT STYLES ========================================================== */
	div#campus-alert-container { display: block; background: transparent url(/images/campus-alert-bg-red.png) no-repeat; width: 946px; height: 54px; position: absolute; top: 175px; left: 34px; z-index: 9997; }
		div#campus-alert-content { width: 668px; height: 38px; position: absolute; top: 4px; left: 228px; z-index: 9997; color: #fff; font-weight: bold; /* font-size: 120%; line-height: 130%; */ font-size: 150%; line-height: 38px;   }
		a#campus-alert-more { color: #fff; text-decoration: underline; font-size: 12px; margin: 0 0 0 16px; /*display: block; position: absolute; top: 14px; right: 20px; padding: 4px 6px 4px 36px; text-decoration: none !important; border-bottom: 0px !important;*/ }
		div#campus-alert-container sup { vertical-align: super; font-size: 11px; }
/* END CAMPUS ALERT STYLES ========================================================== */