/*======================================================
** 			|     tsparkcms.css       |  		  **
======================================================== */
.skiplink {
	display:none;
}
.cmsZone {
	display:block;
	border:1px #d8d8d8 dotted;
	xmargin:0;
	xpadding:0;
}
.cmsZone.isHidden {
	min-height: 20px;
}
.cmsZone.isHidden .zoneContent {
	position: relative;
	padding: 1rem 0;
}
.cmsZone.isHidden .zoneContent:before {
	background-color: #777;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	content: " HIDDEN";
	font-weight: bold;
	padding: 2px 5px;
	opacity: .6;
}
.cmsZone.isHidden .cmsZoneToolbar {
	opacity: 1;
}
.cmsZoneToolbar {
	position:relative;
	float:right;
	overflow:hidden;
	background-color:#c0c0c0;
	opacity:0.9;
	z-index: 1002;
}
.cmsZoneToolbar div {
	float:left;
	color:white;
	list-style-type:none;
	margin:0px 3px;
	padding:0px;
	cursor:pointer;
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	font-weight:bold;
}
.cmsZoneToolbar div.cmsZoneDrag {
	cursor:move;
}
.cmsRegion {
	display:block;
	/*border:1px #ffffcc solid;*/
	margin:0;
	padding:0;
	overflow:visible;
}
#addZoneForm {
	width:60%;
}
.dialogInformation {
	float:right;
	border:1px lightblue solid;
	padding:10px;
	width:35%;
	display:none;
}
.dialogInformation h3 {
	margin:0px 0px 8px 0px;
}
a.cmsAddToRegion {
	padding:2px;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	font-weight:bold !important;
	color:white !important;
	clear:both;
	display:inline;
	z-index: 1000;
	position: relative;
}
.zoneChoices h1 {
	color:#097CB0;
	text-transform: uppercase;
	font-size: 16px;
	margin-top:20px;
}
.zoneChoices h3 {
	margin-top:0px;
}
.zoneChoices td {border: none;padding: 10px 10px 20px 0px;border-bottom:1px #c0c0c0 solid;vertical-align: top;}
.zoneChoices td img {height:50px;}
a.cmsAddToRegion:hover {
	color:#ffffcc;
}
.cmsAddToRegionBox {
	clear:both;
	display:block;
	z-index: 1000;
	position: relative;
	margin-top:5px;
}
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	margin-bottom:0px !important;
	height: 8px;
}
#loginTemplate #loginForm {
	font-family:Verdana;
	font-size:12px;
}
#loginTemplate, #loginTemplate p, #loginTemplate td ,#loginTemplate div {
	font-family: Verdana,Arial,Helvetica;
	font-size:11px;
}
span.ui-button-text {color:white;}
#cmsDialog {text-align:left;}
.ui-widget * {font-size:12px;line-height: 13px;}
.strap {display:none;}
.returnButton {padding:3px;margin:3px;}
.ui-datepicker-inline {display:block !important;}

.loading-indicator-bars {
	height: 80px;
	width: 80px;
	background: url( '/tsparkCMS/images/loading.gif' ) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

/* Menu manager */
/*.menuNavVerticalManage li a {color:white;background-color:teal;} */
.menuNavVerticalManage ul {list-style-type:none;}
.menuNavVerticalManage li {margin-bottom:4px;}
.menuNavVerticalManage li .handle {cursor:move;}
.menuNavHorizontalManage ul {list-style-type:none;}
.menuNavHorizontalManage li {margin-bottom:4px;}
.menuNavHorizontalManage li .handle {cursor:move;}
.menuNavVerticalManage .returnMsg,.menuNavHorizontalManage .returnMsg {background-color:#FFFFCC;}

/* NEWS MODULE */
.newsstory {overflow:hidden;margin-bottom:10px;}
.newsstory h3 {margin:0px 0px 5px 0px;}
.newsstory h2 {margin:0px 0px 8px 0px;}
#newsPhotos {clear:both;overflow:hidden;}
#newsPhotos .newsImageThumb {margin:4px;display:block;float:left;}
.newsstory ol,.newsstory ul {clear:left;}
#newsfeatures {margin:8px 0 20px 0;border-top:1px #999 solid; padding-top:5px;}
#newsfeatures a {color:#999;font-size:12px;text-decoration: none;padding-left:25px;}
#newsfeatures .printFriendly {background-image: url(/tsparkcms/images/news-list.png); background-position: left center; background-repeat: no-repeat;margin-left:50px;}
#newsfeatures .returnToList {background-image: url(/tsparkcms/images/news-story-print.png); background-position: left center; background-repeat: no-repeat;}
#bookmarks {overflow:hidden;clear:both;background-color: #FFFFFF;padding:5px;margin:20px 0px;border-top:1px #c0c0c0 solid;border-bottom:1px #c0c0c0 solid;}
#bookmarks ul {margin:0px;padding:0px;}
#bookmarks li {float:left;list-style-type: none;display:block;margin-right:10px;}
.storyimage {float:left;margin:0px 10px 10px 0px;display:block;}
.newsrssicon {float:right;}
.newsstory .authordetails {border:1px #c0c0c0 solid;padding:10px;border-radius: 5px;clear:both;}
.newsstory .authordetails h4 {margin:0;padding:0;}
.newsstory .authordetails .authordetailname {font-weight: bold;}

/* Javascript Disabled Styling */
#javascriptDisabled { background-color: #FFF999; border: solid 1px #333; margin: 10px 2.5%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 11px; font-weight: bold; width: 95%; }
#javascriptDisabled img { margin: 0 15px 10px 0; float: left; }
#javascriptDisabled p { color: #333; font-size: 11px; line-height: 16px; font-weight: bold; margin: 0; display: block; width: 95%; padding: 10px 2.5%; }
#javascriptDisabledFooter { clear: both; width: 100%; height: 0; line-height: 0; float: none; overflow: hidden; margin: 0; padding: 0; }

/* Outdated Browser Styling */
#outdatedBrowserCont { display: block; font-size: 12px; }
.outdatedBrowser { background-color : #FFF999; border: solid 1px #333; margin: 10px 2.5%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 11px; font-weight: bold; width: 95%; color: #333; font-family: Arial, Helvetica, sans-serif; padding: 0; line-height: 16px; }
.outdatedBrowser p { font-size: 11px; line-height: 16px; font-weight: bold; margin: 0; float: left; display: block; width: 95%; padding: 10px 2%; font-family: Arial, Helvetica, sans-serif; color: #333; font-weight: bold; }
#outdatedBrowserFooter { clear: both; height: 0; }
.outdatedBrowserYield { margin: 0; clear: both; float: none; }
.modernBrowser { width: 18%; float: left; padding-right: 1%; }
.modernBrowser p { text-align: center; width: 100%; clear: none; }
.modernBrowser img { clear: both; float: none; margin: 0; }
.modernBrowser p a { text-decoration: none; color: #333; display: block; }
#outdatedBrowserFooter { clear: both; width: 100%; height: 0; line-height: 0; float: none; overflow: hidden; margin: 0; padding: 0; }


/*Video Popup Styles*/
a#close_video {display: block; float: none; width: 100%; clear: both; text-align: center;}
.videotitle {font-weight:bold;display:block;clear:both;margin-top:10px;}

/* Font Resizer */
div.fontToolsSmall {font-size:12px}
div.fontToolsMedium {font-size:14px}
div.fontToolsLarge {font-size:18px;}
div.fontToolsSmall a,
.fontToolsSmall button,
div.fontToolsMedium a,
.fontToolsMedium button,
div.fontToolsLarge a,
.fontToolsLarge button {
	text-decoration:none;
    color:black;
    font-weight: bold;
    background:#EFEFEF;
    margin: 0;
    font-size: inherit;
}
div.fontToolsSmall a,
.fontToolsSmall button
{
    padding:5px;
}
div.fontToolsMedium a,
.fontToolsMedium button
{
    padding:9px;
}
div.fontToolsLarge a,
.fontToolsLarge button
{
    padding:10px;
}

html .fontToolsSmall .ui-button-text,
html .fontToolsMedium .ui-button-text,
html .fontToolsLarge .ui-button-text {
	padding: 0;
	margin: 0;
	font-size: inherit;
	color: inherit;
}

/* Built-in editor styles */
.lighterText {color:#999;}
.heavyText {color:#000;font-weight:bold;}
.redText {color:red;}
/*
a.blueButton {display:block;background-image: url('/tsparkCMS/images/bluebutton.png');color:white; background-repeat: no-repeat;padding:5px 10px;text-decoration:none;text-align:center;width:95px;margin:auto;}
a.redButton {display:block;background-image: url('/tsparkCMS/images/redbutton.png');color:white; background-repeat: no-repeat;padding:5px 10px;text-decoration:none;text-align:center;width:95px;margin:auto;}

a.redButton {display:inline-block;background: url('/tsparkCMS/images/button_red_repeat.png') repeat-x center center;color:white; padding:5px 10px;text-decoration:none;text-align:center; height: 23px; width:auto; margin:auto; position: relative; padding:2px 15px; overflow: visible; color: #ffffff !important;}
a.redButton:before {display:block; background: url('/tsparkCMS/images/button_red_start.png') no-repeat left center; width: 14px; height:27px; position:absolute; left: -12px; top:0px; content: " ";}
a.redButton:after {display:block; background: url('/tsparkCMS/images/button_red_end.png') no-repeat right center; width: 14px; height:27px; position:absolute; right: -14px; top:0px; content: " ";}
*/

a.blueButton, a.redButton, a.greenButton {
	display: inline-block;
	padding: 9px 12px;
	width: auto;
	height: auto;
	transition: background-color .3s;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
}
a.blueButton:hover, a.redButton:hover, a.greenButton:hover, a.blueButton:focus, a.redButton:focus, a.greenButton:focus {
	background-color: #333;
	color: #fff;
}
a.blueButton {
	background: #345165;
}
a.redButton {
	background: #653E34;
}
a.greenButton {
	background: #2B553C;
}

/*maximized styles*/
.cke_maximized {top: 40px !important;}

/*====== | Button Styles | =============*/

/*=== | Orange | ===*/
.orangebutton {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_orange_repeat.png');
	background-color: orange;
}
.graybutton {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_gray_repeat.png');
	background-color: #333333;
}
.greenbutton {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_green_repeat.png');
	background-color: green;
}
/*a.redButton {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_red_repeat.png');
	background-color: #850000;
}*/
.orangebutton, .graybutton, .greenbutton {
	background-position: left top;
	background-repeat: repeat-x;
	display: inline-block;
	width: auto;
	height: 20px;
	padding: 5px 9px;
	margin: 0px 4px;
	position: relative;
	overflow: visible;
	
	font-family: Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	color: #ffffff !important;
}
.orangebutton:hover, .graybutton:hover, .greenbutton:hover {
	text-decoration: underline;
	color: #fff;
}
.orangebutton:before, 
.graybutton:before, 
.greenbutton:before {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0px;
	left: -6px;
	content: " ";
	width: 6px;
	height: 30px;
}
.orangebutton:after, 
.graybutton:after, 
.greenbutton:after {
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0px;
	right: -6px;
	content: " ";
	width: 6px;
	height: 30px;
}
.orangebutton:before {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_orange_left.png');
}
.graybutton:before {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_gray_left.png');
}
.greenbutton:before {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_green_left.png');
}
/*
a.redButton:before {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_red_left.png');
}*/

.orangebutton:after {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_orange_right.png');
}
.graybutton:after {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_gray_right.png');
}
.greenbutton:after {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_green_right.png');
}/*
a.redButton:after {
	background-image: url('/tsparkCMS/images/cms_custom_buttons/bac_button_red_right.png');
}*/



/*BEGIN Character Counter Styles*/
.char-count {
	position: relative;
	padding-bottom: 20px;
}
.char-count .countertext {
	float: left;
	clear: none;
	display: block;
	padding: 5px 10px;
		
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 19px;
	color: #dad6d6;
	
}
.char-count .redcounter {
	color: #d72121;
}




/*CMS Breadcrumb styles*/
.cms-breadcrumb a.crumb:link,
.cms-breadcrumb a.crumb:visited,
.cms-breadcrumb a.crumb:hover,
.cms-breadcrumb a.crumb:active,
.cms-breadcrumb a.crumb,
.cms-breadcrumb span.slash {
	font-family: Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	color: #646363;
}
.cms-breadcrumb a.crumb:hover {
	text-decoration: underline;
}



/*News forum keywords divs*/
.cms-clearboth {
	float: none;
	clear: both;
}
.forumlink {
	display: block;
	float: none;
	clear: both;
	width: 370px;
	cursor: pointer;
}
.removeForumLink {
	color: #660000;
	text-decoration: none;
	display: inline-block;
	float: right;
	clear: right;
}

/*Social sprite*/
a.sprite {
	background-image: url('/img/sprite_social_24.png');
	display: block;
	float: left;
	clear: none;
	content: " ";
	text-decoration: none;
	width: 24px;
	height: 24px;
	margin: 2px 4px;
	overflow: hidden;}
.sprite-facebook{ background-position: 0 0; width: 24px; height: 24px; } 
.sprite-flickr{ background-position: 0 -74px; width: 24px; height: 24px; } 
.sprite-googleplus{ background-position: 0 -148px; width: 24px; height: 24px; } 
.sprite-linkedin{ background-position: 0 -222px; width: 24px; height: 24px; } 
.sprite-rss{ background-position: 0 -296px; width: 24px; height: 24px; } 
.sprite-twitter{ background-position: 0 -370px; width: 24px; height: 24px; } 
.sprite-youtube{ background-position: 0 -444px; width: 24px; height: 24px; } 

/*Bootstrappy alert styles*/
.alert { border-radius: 4px; padding: 10px; }
.alert-warning { background-color: #B76014; color: #fff; }


/*======================================================
** 			|     formstyle.css       |  		  **
======================================================== */
/* ----------------------------------------------------------------------

FORMS

 */
form {
	margin: 0px;
	padding: 0px;
	clear:all;
	overflow:hidden;
}

.fmstyle fieldset {
	margin: 12px 0;
	border: none;
	border-top: 1px solid #ccc;
	overflow: visible;
}

.fmstyle legend {
	margin: 8px 0;
	padding: 0 .5em;
	color: #0030B7;
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
}

.fmstyle label {
	float: left;
	width: 130px;
	padding: 3px 0px 0px 0px;
	text-align: right;
	margin:0px;
	color:#777777;
}
.fmstyle label.checkboxlabel, .fmstyle .fm-req label.checkboxlabel {
	float: none;
	font-weight:normal;
}
.fmstyle .fm-over label {
	float:none;
	width:auto;
	text-align:left;
	display:block;
}

.fmstyle div {
	margin-bottom: 5px;
	padding: 0px;
	display: block;
	overflow:visible;
}

.fmstyle div input, .fmstyle div textarea {
	width: 150px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	float:left;
	margin:1px 0px 1px 10px;
}
.fmstyle .fm-submit input {color:white;}

.fmstyle div.frame {
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	height: 150px;
	overflow-y: scroll;
}

.fmstyle .fm-over div input, .fmstyle .fm-over div textarea {
	margin:1px 0px;
}

.fmstyle .radioregion {
	float:left;
	overflow:visible;
	}
.fmstyle .radio, .fmstyle .checkbox {
	float:none;
	width:auto;
	border:none;
	margin-right: 5px;	
}

.fmstyle div select {
	padding: 1px;
	margin-left: 10px; 
	float:left;
}
.fmstyle div.fm-over select {
	margin-left: 0px; 
}

.fmstyle div.fm-multi div {
	margin: 5px 0;
}

.fmstyle div.fm-multi input {
	width: 1em;
}

.fmstyle div.fm-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
}

.fmstyle div.fm-line {
	clear:both;
	overflow:hidden;
	padding-top:10px;
	margin-bottom:0px;
	border:1px transparent solid; /* corrects IE7 spacing because Microsoft is severely retarded */
}
.fmstyle div.fm-over {
	clear:both;
	overflow:hidden;
	margin-bottom:0px;
	border:1px transparent solid; /* corrects IE7 spacing because Microsoft is severely retarded */
}

.fmstyle div.fm-help {
	font-weight:normal;
	color:#666666;
	float:left;
	padding:3px 5px;
	max-width:150px;
}
.fmstyle .fm-line .fm-submit {
	clear: both;
	padding-top: 10px;
	padding-left:132px;
	overflow:hidden;
	color:white;
}
.fmstyle .fm-over .fm-submit {
	clear: both;
	padding-top: 10px;
	overflow:hidden;
}
.fmstyle .fm-submit input,.fmstyle .fm-submit button {
	padding:2px 6px;
	margin-left:140px;
	width:auto;
	/*color:white;*/
	/*background-color:#666;*/
}
.fmstyle .fm-line .fm-fieldtext {
	padding-left:142px;
}

.fmstyle div.fm-text {
	padding: 3px 5px 0px 163px;
}

.fmstyle input:focus, .fmstyle textarea:focus {
	background: #efefef;
	color: #000;
}

.fmstyle .datefield {width:100px;}
.fmstyle .currency {width:100px;}
.fmstyle .zipcode {width:50px;}
.fmstyle .integer {width:30px;}
.fmstyle .widetext {width:300px;}

.fmstyle div.fm-req label {
	font-weight: bold;
}

.fmstyle div.multifield {
	margin-left:10px;
	float:left;
	margin-top:3px;
}
.fmstyle div.multifield .checkbox {
	margin-left:5px;
}
.fmstyle div.multifield input,.fmstyle div.multifield textarea,.fmstyle div.multifield select {
	float:none;
	margin-left:0px;
}
.fmstyle div.multifield textarea {
	width:auto;
	margin-left:0px;
}
.fmstyle div.multifield label {
	float: none;
	width: auto;
	padding: auto;
	text-align: left;
	margin:auto;
	color:auto;
}
.fmstyle div.multifield .indent {
	padding-left:30px;
	padding-top:4px;
}

.fmstyle div.fm-overlabel label {
	float:none;
	display:block;
	width:480px;
	text-align: left;
	margin-left:30px;
}
.fmstyle div.fm-overlabel textarea {
	float:none;
	display:block;
	width:480px;
	margin-left:30px;
}

.fmstyle div.fm-trick {display:none;}

.fmstyle input[type='checkbox'],.fmstyle input[type='radio'] {
	width:auto;
	border:none;
}

.fmstyle .multibg {
	background-color:#e9e9e9;
	overflow:hidden;
	border:1px #999 solid;
	padding:4px;
	width:400px;
}

.fmstyle .fm-name {display:none;}

.clear {
	clear:both;
	height:1px;
	line-height:1px;
}
input#formFirstname {
	display: none;}

/*======================================================
** 			|     cmsmenu.css       |  		  **
======================================================== */
/* Accordion */
.menu-accordion {
	padding: 0px; margin: 0px; clear: both; height: auto; overflow: visible;
}
.menu-accordion h3 a {
	font: bold 10px Verdana, Geneva, sans-serif; color: #000; text-transform: uppercase; text-decoration: none; display: block; background-image: url(/images/greenTile-menu.png); background-repeat: no-repeat; background-position: 21px 3px; padding-left: 45px; padding-top: 6px; height: 20px; /*width: 202px;*/ width: 202px;
}
.menu-accordion h3 a:hover {
	background-color: #c5d9cd;
}
.menu-accordion h3 {
	font: bold 10px Verdana, Geneva, sans-serif; color: #000; text-transform: uppercase; clear: both; display: block; margin: 0px;
}
.menu-accordion ul {
	padding: 0px; list-style: none; margin: 0px; clear: both; float: left;
}
.menu-accordion ul li {
	background: transparent;
	margin:0px;
	padding:0;
}
.menu-accordion ul li a {
	font: bold 10px Verdana, Geneva, sans-serif; background-image: none; padding-left: 60px; text-transform: none; color: #0c5f2e; padding-top: 2px; padding-bottom: 2px; height: auto; display: block; width: 187px; text-decoration: none; overflow: hidden;
}
.menu-accordion ul li a:hover {
	background-color: #c5d9cd;
}
.menu-accordion .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

.menu-accordion h3.headingActive a { background-image: url(/images/mvcc-sm.png) !important; }


/*Right-column Accordion*/
#contentRight .menu-accordion h3.headingActive a {
background-image: none !important;/*Background gone*/
}
#contentRight .menu-accordion h3.link1 a{
	border-top: none;}
#contentRight .menu-accordion h3 a {/*Vertical Menu styles*/
	background: none;
	display: block;
	color: #777;
	text-decoration: none;
	padding: 6px 2px 6px 6px;
	font-weight: bold;
	border-top: 1px white solid;
	text-transform: none;
	height: 12px;
	font-size: 10px;
}
#contentRight .menu-accordion ul li a {
	font: bold 10px Verdana, Geneva, sans-serif;
	text-transform: none;
	background-image: none;
	padding-left: 30px;
	text-transform: none;
	color: #777777;
	padding-top: 3px;
	padding-bottom: 3px;
	height: auto;
	display: block;
	float: left;
	clear: both;
	width: 178px;
	min-height: 12px;
	text-decoration: none;
	overflow: hidden;
}
#contentRight .menu-accordion ul li a:hover {
	background-color: #c9c9c9;
}

#contentRight .menu-accordion ul {
	padding-bottom: 5px;
	margin: 0px 5px;}



/* this line enables or disabled auto-expanding menus when the current page is in the menu */
.level2active {display:none;}

/* BEGIN accordion entry page colors */
.menu-accordion.currentStudentsMenu li a { color: #345165 !important; }
.menu-accordion.facultyStaffMenu li a { color: #653e34 !important; }
.menu-accordion.alumniFriendsMenu li a { color: #255750 !important; }
.menu-accordion.communityBusinessMenu li a { color: #656434 !important; }
/* END */

/* BEGIN accordion h3 background */
.menu-accordion.currentStudentsMenu h3 a { background-image: url(/images/blueTile-menu.png); }
.menu-accordion.facultyStaffMenu h3 a { background-image: url(/images/redTile-menu.png); }
.menu-accordion.alumniFriendsMenu h3 a { background-image: url(/images/forestTile-menu.png); }
.menu-accordion.communityBusinessMenu h3 a { background-image: url(/images/goldTile-menu.png); }

/* Different entry sections menu hover colors BEGIN */
.menu-accordion li a:hover { background-color: #c5d9cd; }
.menu-accordion.currentStudentsMenu li a:hover, .menu-accordion.currentStudentsMenu h3 a:hover { background-color: #B4C8D5 !important; }
.menu-accordion.facultyStaffMenu li a:hover, .menu-accordion.facultyStaffMenu h3 a:hover { background-color: #DCCFCC !important; }
.menu-accordion.alumniFriendsMenu li a:hover, .menu-accordion.alumniFriendsMenu h3 a:hover { background-color: #bdccca !important; }
.menu-accordion.communityBusinessMenu li a:hover, .menu-accordion.communityBusinessMenu h3 a:hover { background-color: #c1c1ae !important; }

/* Horizontal */
.menu-horizontal {
	overflow:hidden;
	background-color:#999999;
}
.menu-horizontal ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
	display:inline;
	overflow:hidden;
}
.menu-horizontal ul li {
	display:block;
	float:left;
	margin:0px;
	list-style-type: none;
	padding:5px;
	
}
.menu-horizontal ul li a {
	display:block;
	padding:0px 8px 0px 15px;
	color:white;
	text-decoration:none;
	border-left:1px white solid;
	font-family:Georgia,"Times Roman",Times,serif;
	font-size:13px;
}
.menu-horizontal ul li:first-child a {
	border-left:none;
}

.menu-horizontal ul li a:hover {
	text-decoration:underline;
}
.menu-horizontal .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

/* vertical with headings */
.menu-advvert h3 a {
	display:block;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:auto;
	color:white;
	background-color:#666666;
	text-decoration:none;
}
.menu-advvert h3 a:hover {
	text-decoration:underline;
}
.menu-advvert h3 {
	display:block;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:auto;
	color:white;
	background-color:#666666;
	text-decoration:none;
	padding:5px;
	margin:0px;
}
.menu-advvert ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.menu-advvert ul li {
	margin:0px;
	padding:0;
}
.menu-advvert ul li a {
	display:block;
	color:#145189;
	text-decoration:none;
	padding:3px 2px 3px 10px;
}
.menu-advvert ul li a:hover {
	background-color:#e7e7e7;
}
.menu-advvert .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

/* vertical with headings */
#contentRight .menu-advvert h3 a {
	display:block;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:auto;
	color:black;
	background-color:transparent;
	text-decoration:none;
	font-weight:bold;
}
#contentRight .menu-advvert h3 a:hover {
	text-decoration:none;
}
#contentRight .menu-advvert h3 {
	display:block;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:auto;
	color:black;
	background-color:transparent;
	text-decoration:none;
	padding:5px;
	margin:0px;
}
#contentRight .menu-advvert ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
#contentRight .menu-advvert ul li {
	margin:0px;
	padding:0;
}
#contentRight .menu-advvert ul li a {
	display:block;
	color:#777;
	text-decoration:none;
	padding:6px 2px 6px 6px;
	font-weight:bold;
	border-top:1px white solid;}
#contentRight .menu-advvert ul li:first-child a {
	border-top:none;
}
#contentRight .menu-advvert ul li a:hover {
	background-color:#e9e9e9;
}
#contentRight .menu-advvert .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

/* simple vertical */
#contentRight .menu-simplevert {
	margin-bottom:10px;
}
#contentRight .menu-simplevert ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
#contentRight .menu-simplevert ul li {
	margin:0px;
	padding:0;
}
#contentRight .menu-simplevert ul li a {
	display:block;
	color:#777;
	text-decoration:none;
	padding:6px 2px 6px 6px;
	font-weight:bold;
	border-top:1px white solid;
}
#contentRight .menu-simplevert ul li:first-child a {
	border-top:none;
}

#contentRight .menu-simplevert ul li a:hover {
	background-color:#e9e9e9;
}
#contentRight .menu-simplevert .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 9px;
	text-align: left;
	text-transform: uppercase;
}

/* Pulldown Menus (with CSS) */
/*#navBarCont { width: 960px; clear: both; height: 48px; } */
.menu-pulldown { width: 100%; height: 48px; float: left; padding-left: 6px; background-color:#555555; }
.menu-pulldown ul { padding: 0; margin: 0; list-style: none; }
.menu-pulldown li { float: left; height: 48px; position: relative /* Needed for the ul ul, top and left property to work */; z-index: 9999 /* Needed to overlay any absolute element */; }
.menu-pulldown li a { height: 30px; padding: 18px 18px 0 19px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #CCC; text-decoration: none; float: left; }
.menu-pulldown li a:hover { text-decoration: underline; }
.menu-pulldown li:first-child { background-image: none; }
.menu-pulldown ul ul { background-color: #333; height: auto; position: absolute; z-index: 9999 /* Needed to overlay any absolute element */; display: none; width: 250px; border: solid 1px #999; top: 48px /* Set to the li height */; left: 0 /* Fixes IE7 & IE6 Positioning */; -moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333; }
.menu-pulldown li li { width: 250px; background-image: none; height: auto; border-top: solid 1px #999; }
.menu-pulldown li li a { width: 220px; text-transform: none; padding: 10px 15px; height: auto; }
.menu-pulldown li li a:hover { background-color: #999; color: #333; text-decoration: none; }
.menu-pulldown li li:first-child { border-top: none; }

.menu-pulldown li:hover ul { display: block; }

/* Flyout Menus (with CSS) */
.menu-flyout { clear: both; }
.menu-flyout ul { padding: 0; margin: 0; list-style: none; border: solid 1px #000; width: 200px; float: left /* Needed with li float left */; }
.menu-flyout li { position: relative /* Needed for the ul ul top and right values to work */; height: 30px; width: 200px; border-top: solid 1px #000; padding: 0; margin: 0; clear: both /* Need with float left */; float: left /* Needed for IE6 */; }
.menu-flyout li:first-child { border-top: none; }
.menu-flyout li a { padding: 7px 10px 0 10px; height: 23px; display: block; text-decoration: none; color: #333; background-color: #DDD; width: 180px; }
.menu-flyout li a:hover { background-color: #000; color: #FFF; }
.menu-flyout ul ul { display: none; position: absolute; z-index: 9999; top: 0; right: 0; margin-right: -202px /* Needs to be the - value of the width + border of the ul li */; margin-top: -1px /* Compensates for border */; }
.menu-flyout li:hover ul { display: block /* Makes the hover effect work */; } /* This hover effect works in IE6 with the csshover.htc script and requires javascript */
.menu-flyout .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}


/*======================================================
** 			|     cmsflexslider.css       |  		  **
======================================================== */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider, .flexslider * {max-width: none !important;}
.flexslider {margin: 0px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; max-width: none;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url('/tsparkcms/images/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center; padding: 5px 0px; background: url('/tsparkcms/images/flexslider_nav_bac_trans.png') top left repeat transparent; background: rgba(255, 255, 255, 0.4);}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*Custom navigation z-index fix*/
.flex-control-nav {z-index: 400;}

/*custom flexslider caption*/
.mainslider .slides li { position: relative; height: 100%;}/*necessary for caption*/
.mainslider .slides li img { height: 100%; width: auto; }
.flex-caption {
    background: url("/tsparkcms/images/flexslider_bac_trans_black.png") repeat scroll 0% 0% transparent;
    width: 100%;
    padding: 2%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #fff !important;
    text-align: center !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

/*Custom Carousel Styles*/
.flexslider {overflow: hidden;}
.flexslider.carousel li {display: block;}
.flex-carousel li {margin-right: 5px;}
.flex-carousel img {display: block; opacity: .5; cursor: pointer;}
.flex-carousel img:hover {opacity: 1;}
.flex-carousel .flex-active-slide img {opacity: 1; cursor: default;}
.flex-carousel li img {max-width: 100%;}
.flex-carousel, .flex-carousel li {overflow: hidden; height: 118px;}
.flexslider.mainslider img {margin: 0px auto !important;}/*Center img if not full width*/
.flexslider .vert-img img {width: auto !important; height: 100%; }


.carousel .slides li { line-height: 100%; padding: 0; }
.carousel li img { display: block; opacity: 0.5; cursor: pointer; }
.carousel img:hover { opacity: 1; }
.carousel .flex-active-slide img { opacity: 1; cursor: default; }
.carousel .flex-direction-nav { height: 0; }

/*Custom Image Popup onclick*/
.flex-overlay {background: url("/tsparkcms/images/flexslider_bac_trans_black.png") transparent; width: 100%; height: 100%; display: none; position: fixed;top: 0;left: 0;z-index: 2000; line-height: 0px; color: #444; }
.flex-overlay .overlay-white {background: #fff; border: 10px solid #ffffff; display: inline-block; float: none; clear: both; margin: 0px auto; position: relative; top: 50%; left: 50%; -webkit-transition: .2s ease; -moz-transition: .2s ease; -ms-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease;}
.flex-overlay .closelink {background: #ffffff; position: absolute; top: 0px; right: 0px; padding: 5px 10px; text-decoration: none; line-height: 18px;font-size: 30px; color: #333333;}
.flex-overlay .closelink {
	background: url('/tsparkcms/images/button_close_popup.png') no-repeat scroll center center transparent;
	display: block;
	width: 34px;
	height: 36px;
	position: absolute;
	top: -20px;
	right: -20px;
	padding: 0;
	text-decoration: none;
	font-size: 0;
}

/*Custom image gallery (polaroid-style) styles*/
.cmsGallery .photo { display: inline-block; position: relative;  text-align: center; margin: .5em; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); border-radius: .4em; border: 10px solid white; vertical-align: top; }
.cmsGallery .photo {
	background: transparent;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	margin: 1%;
	margin-bottom: 50px;
	border: 0;
}
.cmsGallery .photo .imgDesc {
	background: #F6F6F6;
	border-bottom: 2px solid #E4E4E4;
	text-align: center;
	padding: 10px;
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-ms-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
}
.cmsGallery .photo .imgcrop { 
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	font-size: 0;
	line-height: 0;
	cursor: pointer;}
.cmsGallery .photo:hover .imgDesc h5 {
	color: #FFF !important;
}
.cmsGallery .photo .imgDesc p {
	color: #AAA;
}
.cmsGallery .photo .imgDesc p, .cmsGallery .photo .imgDesc h5, .cmsGallery .photo .imgDesc h5 a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.cmsGallery .photo .imgDesc h5 a, .photo .imgDesc p a {
	text-decoration: none;
	color: inherit;
}
.cmsGallery .photo .imgDesc * {
	padding: 0;
}
.cmsGallery .photo:hover .imgDesc {
	background: #343434;
}
.imgcrop { overflow: hidden !important;}
.cmsGallery .photo img { margin: 0 auto; }
.cmsGallery .photo h5 { margin: .2em 0; padding: 0; }
.cmsGallery .photo a { display: block; width: 100%; height: 100%; color: inherit !important; text-decoration: none;}
.imgcrop img.width100 {
	width: 100% !important;
	height: auto;
}
.imgcrop img.height100 {
	height: 100% !important;
	width: auto;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
@media screen and (max-width: 700px) {
	.flex-carousel {display: none !important;}
}