/* Quick Color Access */




/* Base Styles */
.mainBody { font-size:15px; font-family:'Lato', sans-serif; color:#545454; background: #ccc}

::-moz-selection { background:#424c94; color:#fff; text-shadow:none; }
::selection { background:#424c94; color:#fff; text-shadow:none; }


h1, h2, h3 { font-weight:normal; color:#545454; }
h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.5em; }


.mainContent iframe, .mainContent object { max-width:100% !important; }

/* Container Styles */
.mainContent { background:rgba(255,255,255,1); }
.mainPad { padding:0 25px; }







/* Top Tools */
.topTools { background:#a5c3d8; background:rgba(61,101,155,0.3); }
.pageTools { padding:8px 15px 5px; color:#fff; background:#293063; }
.breadcrumbs { display:inline-block; width:80%; }
.breadcrumbs a, .breadcrumbs a:visited { color:#fff; text-decoration:underline; font-size:.9em; }
.breadcrumbs a:focus, .breadcrumbs a:hover { text-decoration:none; }
.pageToolsWrapper { display:inline-block; }

/* Mods */
.modHead { padding:15px 25px; border-bottom:2px solid #424c94; } 
.modTitle { margin:0 0 7px; text-transform:uppercase; }

.modContent { padding:25px; }

.modContent .title { font-size:1em; }
.modContent .title a { text-decoration:none; }

.modContent .date { display:block; font-size:.8em; }

.itemList .item .content { }
.itemList .content p { margin:7px 0; font-size:.9em; }

a.viewAll, a.readMore { position:relative; display:block; padding-left:10px; border-left:1px solid #424c94; font-size:.8em; text-decoration:none; }
.viewAll:after { 
	content:''; 
	position:absolute; top:3px; left:63px; 
	display:block; 
	width:0; height:0; 
	border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:8px solid #424c94; 
	-webkit-transition:all .2s;
	   -moz-transition:all .2s;
		-ms-transition:all .2s;
		 -o-transition:all .2s;
			transition:all .2s;
}
a.viewAll:hover, a.viewAll:focus { color:#444 }
a.viewAll:hover:after, a.viewAll:focus:after { left:69px; border-left:8px solid #545454; }

/* Main Login */
.mainLogin { position:absolute; top:0; left:0; z-index:999; width:100%; }
.mainLogin .loginBox { background:#293063; height:260px; padding:20px; position:relative; z-index:999; }
.mainLogin .grid_8 { background:transparent; }
.mainLogin h2 { margin:0 0 5px; color:#fff; text-transform:uppercase; }
.loginBoxes { margin-top:15px; }
.loginBoxes input[type="text"], .loginBoxes input[type="password"] { display:block; width:96%; margin:10px 0; padding:7px 2%; }
.loginBoxes input.btn { margin-right:5px; background: #83859b ; color: #fff; border:1px solid #404041 }
.loginBoxes a { display:inline-block; margin-left:10px;font-size:.8em; color:#fff; }
.saveInfo { color:#fff; margin-top:20px; font-size:.8em; }
.saveInfo input { margin-right:10px; }

/* Left Nav */
.leftNav { padding:10px; }
.leftNavHeading { padding:0 20px; }
.leftNavHeading h3 { margin-bottom:5px; font-size:.1.7em; text-transform:uppercase; }

.railNav a { display:block; padding:8px 5px; border-bottom:1px solid #888; }
.railNav li:first-child a { border-top:1px solid #888; }

/* Event Mod */
.eventDate { float:left; margin-right:10px;text-align:center; color:#424c94 }
.eventDate .dateMonth { margin-bottom:0; font-size:.7em; text-transform:uppercase; }
.eventDate .dateDay { margin-bottom:0; font-size:1.2em; }
.eventsSummary a.readMore { margin-top:4px; overflow:hidden; }
.eventsSummary .content {width: 70%; float: left;}
.eventsSummary .eventDate {width: 20%; float: left;}
.eventsTheme .alternate {font-size: 1em;}

.newsDetail {padding: 30px 0 0 0;}

/* ===============  Videos  ============= */
.videosLanding .sf-menu, .browseLabel, .videoSearch, .videoSearchLabel, .vidInput, .vidBtn { display:inline-block; vertical-align:middle; }
.videoSearch { padding:15px 0; }
.videoBtn { vertical-align:bottom; }

.mMBrdcrmb { padding:1em 1em 0; }
.videoList { padding:0 1em; }
.videoList li { 
	float:none !important;
	margin:7px auto; padding:15px 10px !important;
	width:auto !important;
	text-align:center; 
	cursor:pointer;   
}
.videoList li a:hover, .videoList li a:focus { border-bottom:1px solid transparent; }
.videoList li:hover { color:#009dec }
.videoThumb { margin-bottom:5px; }

.videosLanding .genericPager { float:none; }
.videosLanding .genericPager li { 
	display:inline-block; 
	background:#fff; 
	font-weight:bold; color:#009dec; 
	padding:0 7px; 
	border:1px solid #ddd; 
	text-decoration:none; 
}
/*multimedia */

/* video player */

.multiMod {margin:25px 0 0 0px; overflow:hidden;}
.multiMod .mMStage  {margin-bottom:6px;}
.multiMod .mMStage .mMPlayer {float:left; width:400px;}
.multiMod .mMStage .mMPlaying {float:left; width:200px; color:#003871;}
.multiMod .mMStage .mMPlaying h2 {font-size:19px; font-weight:normal; color:#003871; margin:0; padding:0;}
.multiMod .mMStage .mMPlaying p.mMDateline {font-size:11px; margin:0; padding-top:6px;}
.multiMod .mMStage .mMPlaying p {font-size:12px;}
.multiMod .mMMenuBar {position:relative; width:718px; height:30px; color:#fff; background-color:#003871; border-top:1px solid #809cb8; z-index:10;}
.multiMod .mMSearch {float:right; margin-right:10px;}
.multiMod .mMSearch .mMLabel {float:left; font-size:12px; margin:7px 6px 0 0;}
.multiMod .mMSearch .mMSrchInpt {float:left; width:140px; font-size:11px; color:#003871; border:1px solid #809cb8; margin:4px 2px 0 0; padding:2px;}
.multiMod .mMSearch .mMSrchImgBtn {float:left; width:26px; height:26px; margin:2px 0 0 0;}
.multiMod .mMCats {float:left; margin:2px 0 0 10px;}
.multiMod .mMCats .mMLabel {float:left; font-size:12px; margin:5px 6px 0 0;}
.multiMod .mMBrdcrmb {width:718px; background-color:#eaeaea; border-bottom:1px solid #809cb8; margin-bottom:10px; padding:5px 0}
.multiMod .mMBrdcrmbInner {font-size:11px; color:#003871; margin:0 10px;}
.multiMod .mMBrdcrmbInner span {font-weight:bold;}
.multiMod .mMIndex  {width:715px; height:254px; margin-left:-4px;}
.multiMod .mMIndex ul {list-style-type:none; margin:0; padding:0;}
.multiMod .mMIndex ul li {float:left; display:inline; width:143px; height:126px; position:relative; background:url(/cms/images/multimod/thumb_bg.gif) no-repeat 0 0; margin:0 0 0 8px; padding:0;}
.multiMod .mMIndex ul li.last {margin-right:0;}
.multiMod .mMIndex .mMThumb {position:absolute; top:3px; left:3px;}
.multiMod .mMIndex .mMThumb img {width:132px; height:74px; background-repeat:no-repeat; background-position:center center;}
.multiMod .mMThumb a:link img,
.multiMod .mMThumb a:visited img {border:1px solid #003871;}
.multiMod .mMThumb a:hover img {border:1px solid #c50013;}
.multiMod .mMIndex .mMThumbOverlay {position:absolute; top:0; left:0; display:none; width:138px; height:94px; background:url(/cms/images/multimod/thumb_overlay.gif) no-repeat 0 0; text-indent:-9999em;}
.multiMod .mMIndex .mMCaption {width:130px; height:30px; position:absolute; top:84px; left:6px; font-size:11px; line-height:14px; color:#003871; overflow:hidden;}
.multiMod .mMPagerBar {height:27px; color:#fff; background-color:#003871; border-top:1px solid #809cb8;}
.multiMod .mMPagerStatus {float:left; font-size:12px; margin:5px 0 0 10px;}
.multiMod .mMPagerBar .mMPager {float:right; font-size:12px; margin:3px 10px 0 0;}
.multiMod .mMPagerBar .mMPager ul {list-style-type:none; margin:0; padding:0;}
.multiMod .mMPagerBar .mMPager ul li {float:left; display:inline; cursor:pointer;}
.multiMod .mMPagerBar .mMPager ul li.page-number {margin-right:2px; padding:2px;}
.multiMod .mMPagerBar .mMPager ul li.page-number:hover, .multiMod .mMPagerBar .mMPager ul li.pgCurrent {text-decoration:underline;}
.multiMod .mMPagerBar .mMPager li.pgFirst, .multiMod .mMPagerBar .mMPager li.pgLast, .multiMod .mMPagerBar .mMPager li.pgPrev, .multiMod .mMPagerBar .mMPager li.pgNext {width:46px; height:23px; background-image:url(/cms/images/multimod/pager_sprite.gif); background-repeat:no-repeat; margin:0; padding:0; text-indent:-9999em;}
.multiMod .mMPagerBar .mMPager li.pgFirst {background-position:0 0; margin:0; }
.multiMod .mMPagerBar .mMPager li.pgFirst:hover {background-position:0 -23px;}
.multiMod .mMPagerBar .mMPager li.pgLast {background-position:-46px 0;}
.multiMod .mMPagerBar .mMPager li.pgLast:hover {background-position:-46px -23px;}
.multiMod .mMPagerBar .mMPager li.pgPrev {background-position:0 -46px; margin-right:4px;}
.multiMod .mMPagerBar .mMPager li.pgPrev:hover {background-position:0 -69px;}
.multiMod .mMPagerBar .mMPager li.pgNext {background-position:-46px -46px; margin-left:4px;}
.multiMod .mMPagerBar .mMPager li.pgNext:hover {background-position:-46px -69px;}
.multiMod .mMPagerBar .mMPager li.pgEmpty {display:none;}

.mMCats .sf-menu {float:left;}
.mMCats .sf-menu a.mMCatBtn,
.mMCats .sf-menu a.mMCatBtn:link,
.mMCats .sf-menu a.mMCatBtn:visited {width:99px; background-image:url(/cms/images/multimod/cat_menu_btn.gif)}
.mMCats .sf-menu a,
.mMCats .sf-menu a:link,
.mMCats .sf-menu a:visited {height:26px; text-decoration:none; text-indent:-9999em;padding:0px;}
.mMCats .sf-menu a,
.mMCats .sf-menu a:visited {color:#003871;}
.mMCats .sf-menu li {font-size:11px;}
.mMCats .sf-menu li ul {width:120px; background-color:#fff; border:1px solid #003871; margin:-3px 0 0 1px; padding:4px 10px 8px 10px;}
.mMCats .sf-menu li li {background:url(/cms/images/multimod/cat_menu_li_bg.gif) repeat-x 0 bottom;}
.mMCats .sf-menu li li ul {margin-left:15px;}
.mMCats .sf-menu li li li {}
.mMCats .sf-menu li li a,
.mMCats .sf-menu li li a:link,
.mMCats .sf-menu li li a:visited {height:auto; padding:5px 0; text-indent:0;}
.mMCats .sf-menu li a:hover {background-position:0 -26px;}
.mMCats .sf-menu li.sfHover a {background-position:0 -26px;}
.mMCats .sf-menu li li a:hover,
.mMCats .sf-menu li li a:active {color:#900;}
.mMCats .sf-menu li:hover,
.mMCats .sf-menu li.sfHover,
.mMCats .sf-menu a:focus,
.mMCats .sf-menu a:hover,
.mMCats .sf-menu a:active {color:#900; outline:0;}
.mMCats .sf-menu a.sf-with-ul ul {padding-right:2.25em; min-width:1px;}
.mMCats .sf-sub-indicator {position:absolute; display:block; right:0; top:0; width:8px; height:8px; text-indent:-999em; overflow:hidden; background:url(/cms/images/multimod/cat_menu_arrow.gif) no-repeat -10px -100px;}
.mMCats a > .sf-sub-indicator {top:.8em; background-position:0 -100px;}
.mMCats a:focus > .sf-sub-indicator,
.mMCats a:hover > .sf-sub-indicator,
.mMCats a:active > .sf-sub-indicator,
.mMCats li:hover > a > .sf-sub-indicator,
.mMCats li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;}
.mMCats .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.mMCats .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.mMCats .sf-menu ul a:focus > .sf-sub-indicator,
.mMCats .sf-menu ul a:hover > .sf-sub-indicator,
.mMCats .sf-menu ul a:active > .sf-sub-indicator,
.mMCats .sf-menu ul li:hover > a > .sf-sub-indicator,
.mMCats .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}
.mMCats	ul.sf-menu li li:hover ul,.mMCats ul.sf-menu li li.sfHover ul {left:115px; /* match ul width */top:0;}

.mMBrdcrmb {margin: 0 0 10px 0; padding: 0; font-size: .875em;}
.mMIndex ul {list-style-type: none; padding: 0;}
.mMIndex ul li {width: 133px; padding: 10px; text-align: center; position: relative;}
.mMIndex ul li:hover {background: #d7ebff;}
.mMThumbOverlay {position: absolute; top: 50%; background: rgba(255,255,255,.5); width: 133px; font-size: .875em; }
.mMCaption {font-size: .9em; margin: 4px 0 0 0; font-weight: bold;}

/* end video player */

@media only screen and (min-width:48em) {
	.videoList li { 
		float:left !important;
		margin:7px 1%; padding:15px 10px 0 !important;
		width:31.333% !important; min-height:215px;
	}
}