/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0;font-size: 100%; font: inherit; vertical-align: baseline; }
img{ padding: 0; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {  line-height:1.125em; /* 16×1.125=18 */letter-spacing: 0; word-spacing: 0em; font-weight: 100; }
ol, ul { list-style: none; line-height: 1.4; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/**css reset unset*/
.content b, .content strong, label { font-weight: bold; }
.content em, .content i, .content dfn { font-style: italic; }
.content blockquote { padding: 0 1.5em 1.5em 1.5em; }
.content cite { font-style: italic; }
.content li ul, .content li ol { padding: 0 1.5em; }
.content li { background: url(../images/li-square-yellow-sml.png) no-repeat left 5px; list-style: none; padding: 0 14px;/**pixels to keep from mis-aligning**/ }
.content ul, .content ol { padding:1.5%; }
.content ul { list-style-type: disc; }
.content ol { list-style-type: decimal; margin: 0 14px;/**pixels to keep from mis-aligning**/}
.content ol  li {background:none;list-style: decimal;}
.content ol ol { list-style: upper-alpha; }
.content ol ol ol { list-style: lower-roman; }
.content ol ol ol ol { list-style: lower-alpha; }
.content dl { padding: 0 0 1.5em 0; }
.content dl dt { font-weight: bold; }
.content dd { padding-left: 1.5em; }
.content table { margin-bottom: 1.4em; width: 100%; }
.content th { font-weight: bold; }
.content th, .content td, .content caption { padding: 4px 10px 4px 5px; }
.content tfoot { font-style: italic; }
.content sup, .content sub { line-height: 0; }
.content abbr, .content acronym { border-bottom: 1px dotted; }
.content address { padding: 0 0 1.5em; font-style: italic; }
.content del { text-decoration: line-through; }
.content pre { padding: 1.5em 0; white-space: pre; }

body { padding: 0; margin: 0; color: #5c5c5c; font-family: Arial, Helvetica, sans-serif; font-size: 100%; background: url(../images/sandBG.jpg) no-repeat center bottom;background-size: 100%; }
.clearBoth { clear: both; height: 0; }
article.clearBoth { height: auto; }
.right { float: right; }
.left { float: left; }
.clear { clear: both;}
.textCenter { text-align: center; } 
.innerWrap { width: 940px; margin: 0 auto; }
.screenreaderNav{ position: absolute; left: -10000px;  }

a { color: #003150; }
a:hover { color: #17ace5; }
h1 { font-size: 1.500em; padding:0px 0 10px; color: #003050; font-weight: 700; }
h2 { font-size: 1.4em; padding: 9px 0 0; color: #003150; font-weight: 700;}
h3 { font-size: 1.3em; padding: 0 0 1px; color: #003150;}
h4 { font-size: 1.2em; padding: 9px 0 0; color: #003150;}
h5 { color: #003150; }
h6 { color: #003150; }
p { padding: 10px 0 15px 0;}

/*COMMON CSS3 STYLES*/
.leftNavWrap h2, .roundTop, .style1 h1, .pageFooter, .widget h2, .topNav li.active {-webkit-border-top-left-radius: 9px;-webkit-border-top-right-radius: 9px;-moz-border-radius-topleft: 9px;-moz-border-radius-topright: 9px;border-top-left-radius: 9px;border-top-right-radius: 9px;}

.leftNavWrap, .roundCornerReg, .featuredLinks, a.callOutBtn, .contentBlock h2, .style1, .widget,  iframe.myCampus, .informationFor .widgetContent,  .spotlightStory  {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(../pie/PIE.htc);}
.roundCornerSmall, .contentBlock .eventDate {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.informationFor .widgetContent {   background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,249,252,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(248,249,252,1)), color-stop(100%, rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,249,252,1) 50%, rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,249,252,1) 50%, rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,249,252,1) 50%, rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(248,249,252,1) 50%, rgba(255,255,255,1) 100%); /* W3C */ 
}


/*FONT STYLES*/
.newsFeed h1, .spotlightStory h1 { font-family: Arial, Helvetica, sans-serif; }
.contentBlock .month, .contentBlock .day {font-family: "Times New Roman", Times, serif;}
h1, h2, .newsFeed h2, .leftNavWrap h2, .footerRight, a.callOutBtn, .featuredLinks h3, .contentBlock h2, .widget h2, a.topNav1 , .mobileNav .utility li a  {font-family: 'Lato', sans-serif; }

/*IMAGE WIDTH AND EXCEPTIONS FOR IMAGE WIDTH*/
.impactArea img, .video .widgetContent img {width: 100%;}
.widgetContent img, .contentBody img, .footerContact img, .share img { width: auto; max-width: 100%;}

/*FORM STYLES*/
input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ffffff; padding: 2px 0 2px 5%; border: 1px solid #a7a9ac; }

/*EVENT SUBMIT STYLES*/
.row{padding:5px 0;clear:both;}
.requiredSymbol,#errorMessage{color:red;}
.row label.title{float:left;width:15%;display:inline;padding:5px 10px 0 0;clear:both;text-align:right;}
.row .titleTop{float:left;display:inline;margin:0;padding:0 4px 0 0;}
.row #event_cblDay{width:60%;padding:0;margin:0;}
.row #event_cblDay td{padding:0;margin:0;}
.row .formButtonWrap{float:left;width:100%;}
.row .formButtonContainer{margin:0 auto;width:50%;}
.row.required{width:77%;text-align:center;margin:10px 0;}
.itemsInCol.category{margin-left:15%;width:65%;}
.itemsInCol{margin-top:3px;}
.row input, .row textarea{padding: 2px 0 2px 1%;font-family: Arial, Helvetica, sans-serif;}
.formButtonContainer input{padding: 5px 8% !important;}
#event_ValidationSummary2 li{ background: url(../images/li-square-red-sml.png) no-repeat left 5px; list-style: none; padding: 0 2% 0 3.5%; }

/*HEADER*/
.pageHeader {min-height: 121px; }
.logo { width: 50%; float: left; max-width: 444px; }
.logo img { max-width: 444px;width: 100%;border:none;}
.logo-microsite, .logo-microsite:hover  { padding: 5px 1.5% 10px 1.5%;float: left;max-width: 444px;margin: -40px 0 0 11%;clear: both;font-weight: bold;
font-size: 0.95em;color: #ffffff;text-decoration: none;-webkit-box-shadow: 0px -5px 10px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px -5px 10px 0px rgba(50, 50, 50, 0.5);box-shadow:0px -5px 10px 0px rgba(50, 50, 50, 0.5); }
.printLogo, .printLogo-microsite { display: none;}
.utilityWrap {float: right; padding: 10px 0; width: 50%;}
.utility, .newInformationForMenu { font-size: 0.7em;}
.utility li { float: right; display: block; padding: 5px 3% 5px 2%; }
.utility li a:link, .utility li a:visited, .utility li a:hover, .utility li a:active, 
.newInformationForMenu li a:link, .newInformationForMenu li a:visited, .newInformationForMenu li a:hover, .newInformationForMenu li a:active { color: #ffffff; text-decoration: none; }
.search {float: right; width: 50%; clear: both;max-width: 170px;}
.search label { display:none; }
.searchButton {background-color: transparent;border: none;float: left;
padding:5px 0 5px 3%; max-width: 13px;}
.searchBox{ width: 80%; float: left;}
.search-microsite {width:85%; text-align:right; color:#FFFFFF; font-size: 0.7em;}
.search-microsite input { background:transparent; border:none; margin-right:3px;margin-top: 0; }
.informationForMenu {max-width: 150px;padding: 1px 0;float: right; width: 49%; }
.informationForMenu label {display:none;}
.informationForMenu select {width: 95%; padding: 0;}
.newInformationForMenu { clear: both;padding: 5px 0;display: block;}
/*TOPNAV*/
.noscript .subMenu { display: none;}
.topNav {border-bottom: 8px solid #FFE052; padding: 5px 0 0 0; min-height: 35px; background-color: #064179; }
li.topNav1,li.topNavNoDropDown { float: left; display: block;padding: 0 2%;margin: 0 1%;width: 10%;/*topNavNoDropDown padding varies per microsite, change in microsite CSS*/ }
a.topNav1 {text-shadow:1px 1px #000000; font-weight: normal;font-size: 0.95em; display: block; padding: 8px 3% 13px;text-decoration: none;color: #ffffff; text-align: center; }
li.active a.topNav1 {text-shadow:1px 1px #cccccc;}
.topNav li.active { background-color: #ffffff; }
.topNav li.active a {color:  #064179; }
.subMenu { padding: 15px 0;width: 100%; max-width: 960px; position: absolute; background-color: #ffffff; margin-left: -480px; left: 50%;z-index:9999;}
.subMenu a { text-decoration: none;font-size: 0.8em;}
.subMenu ul li { float: none; width: 100%; padding: 0 0;}
.subMenu .col_1, .subMenu .col_2, .subMenu .col_3, .subMenu .col_4{ float: left;width: 21%;padding: 0 1.8%;min-height: 150px;}
.subMenu .col_1, .subMenu .col_2, .subMenu .col_3 { border-right: 1px solid #ccdded;}
a.topNav2 { font-weight: 700;line-height:1.3em;}
li .topNav2{float:left;width:100%;clear:both;margin-bottom:10px;}
ul.topNav3 { padding: 10px 3% 10px 3%;} 
ul.topNav3 li {padding-bottom:5px;}
ul.topNav3 li a.topNav3 {line-height:1.0em !important;}
.topNav1 li a.callOutBtn {color: #fff;font-size:1.0em;clear:both;}

/*****BEGIN:: CONTENT*****/
.contentTop { width: 100%; max-width: 670px; padding: 1.5% 2% 1.5% 1.5%; display: inline-block; }
.contentMain { width: 100%; max-width: 440px; padding: 0 2% 0 0; display: inline-block; float: right; }


/**CONTENTBLOCK SPOTLIGHT STORY**/
.spotlightStory { color: #fff; line-height: 18px; padding: 1.5%; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #064078; width: 97%; }
.spotlightStoryContent { width: 41%; display: inline-block; }
.spotlightStory img { max-height: 247px; float: left; padding: 0 1.5% 0 0; max-width: 390px; width: 57%; }
.spotlightStory .date { display: block; font-size: 1em; padding: 0 0 3% 0; }
.spotlightStory h1 { font-weight: 400; color: #fff; line-height: 1.4em; padding: 0 0 1.5% 0;}
.spotlightStory p { color: #fff; }
.spotlightStory a { color: #afbb21; background: url(../images/link-arrow-green.png) center right no-repeat; padding: 0 2.5% 0 0; }
.spotlightStory p a {background-position: 65px center;}

/**CONTENTBLOCK NEWS**/
.newsFeed .contentBlock { margin: 20px 0 0 0; }
.newsFeed h2 { display: block; font-size: 1.500em; padding: 3px 0; width: 98%;font-weight: 700; clear: both; margin: 0 auto 10px; color: #003050; }
.newsFeed .article { padding: 25px 0 0 0; line-height: 18px; }
.newsFeed .article img { max-width: 151px; width: 23%; padding: 0 2% 0 0; display: inline-block; float: left; }
.newsFeed .text { width: 75%; display: inline-block; min-height: 86px; padding: 0; }
.newsFeed h1 { font-size: 1em; font-weight: 700; text-decoration: none; clear: both; display: block; padding: 0; }
.newsFeed a { color: #afbb21; display: block; }
.newsArticleImg {float: right;padding: 2%;}

/**TABLE GREY ROWS**/
table.greyRows{border:1px solid #064179;margin:10px 0;border-spacing:0;border-collapse:collapse;}
table.greyRows th{padding:15px 5px;border-top:1px solid #064179;border-bottom:1px solid #064179;font-weight:bold;}
table.greyRows tr td{padding:5px 10px;}
table.greyRows tr:nth-child(odd){background:#f0f0f0;}
table.greyRows tr:nth-child(even){background:#fff;}
table.greyRows tr.odd{background:#f0f0f0;}
table.greyRows tr.even{background:#fff;}

/**TABLE THREE COLUMN**/
table.threeColumn{margin:10px 0;border:1px solid #064179;border-spacing:0;border-collapse:collapse;}
table.threeColumn th{background:#064179;text-align:center;color:#fff;font-size:1.3em;border-left:1px solid #064179;border-right:1px solid #fff;}
table.threeColumn tr td{padding:10px 20px;border-right:1px solid #064179;}

/**TABLE EXTERNAL BORDER**/
table.externalBorderOnly{border:1px solid #064179;margin:10px 0;}
table.externalBorderOnly th{width:100%;text-align:center;font-size:1.4em;padding:15px 5px;}
table.externalBorderOnly tr td{padding:10px;text-align:center;padding:5px}  

/**EMPLOYEE LISTING**/
h3.employeeListing a{padding:0 0.5%;text-decoration:none;}
h3.employeeListing a:hover{text-decoration:none;}
h3.employeeListing a.selected{color:#17ace5; text-decoration:none;}
hr.headline{display:block;height:1px;border:0;border-top: 1px solid #ffe051;margin:0;padding:0;width:100%;}
table.employee{width:100%;}
table.employee tr th.leftCol{width:40%;}
table.employee tr th.rightCol{width:30%;}
table.employee tr td{padding:4px 10px 20px 5px;}

/**EMPLOYEE DETAIL**/
.employeeDetail h3{float:left;font-size:1.0em;font-weight:bold;width:25%;padding:0 13px 0 0;}
.employeeDetail .photo{float:left;padding:0 20px 10px 0;overflow:hidden;}
.employeeDetail .photo img{max-width:171px;width:100%;}
.employeeDetail .rowContainer{float:left;width:70%;}
.employeeDetail .rowWrap{float:left;width:100%;margin:0 0 6px 0;}
.employeeDetail .rowCell{float:left;width:50%;}
.employeeDetail p {float:left;padding-top:0;}
.employeeDetail .bottomSection{float:left;width:100%;border-top:1px solid #ffe051;padding:20px 0 0 0;margin:10px 0 0 0;}
.employeeDetail .bottomSection h3.small{float:left;width:17%;}
.employeeBio{float:left;width:100%;padding:20px 0;border-top:1px solid #ffe051;}

/*****BEGIN:: LEFT COLUMN*****/
.leftNavLogo-microsite {text-align:center; margin-bottom:15px;}
.leftNavLogo-microsite img { border:none; }
.leftNavWrap {display: block;padding: 0;margin-bottom: 15px;border: 1px solid #ccdded; width:100%;}
.leftNavWrap h2 {font-size: 1.8em;color: #ffffff;font-weight: 300;padding:15px 5px 10px;background-color: #0154A4;}

/**** BEGIN:  Left Navigation ****/
.leftNav { padding: 10px 1.5%; margin: 0; width: 97%; }
.leftNav a { display:block; text-decoration:none;line-height: 1.3em;padding-top: 3px !important;padding-bottom: 3px !important; }
/* leftNav1 */
.leftNav1Off, .leftNav1On {line-height:18px;}
.leftNav1Off a, .leftNav1On a { padding:0 2%;font-weight:bold; }
.leftNav1Off a { color:#003050;   }
.leftNav1Off a:hover, .leftNav1On a { color:#ffffff; background:#0054a4; text-decoration:none; }
.leftNav1On ul{border-bottom: 1px solid #ccdded; border-top: 1px solid #ccdded;}
/* leftNav2 */
.leftNav2Off, .leftNav2On {line-height:18px; }
.leftNav2Off a, .leftNav2On a { padding:0 10px 0 15px;  background:#ffffff; color:#003050;}
.leftNav2Off a { }
.leftNav2Off a:hover, .leftNav2On a { background:url(../images/leftNavOn.png) 3px 4px no-repeat;}
.leftNav2On ul{border-bottom: 1px solid #ccdded; border-top: 1px solid #ccdded;}
/* leftNav3 */
.leftNav3Off, .leftNav3On {line-height:18px; font-size:0.917em; }
.leftNav3Off a, .leftNav3On a {background:none; padding:0 0 0 25px;}
.leftNav3Off a { font-weight:normal; }
.leftNav3Off a:hover, .leftNav3On a  { background:url(../images/leftNavOn.png) 13px 4px no-repeat; }
.leftNav3On ul{border-bottom:1px solid #ccdded; border-top: 1px solid #ccdded;}
/* leftNav4 */
.leftNav4Off, .leftNav4On {line-height:18px;}
.leftNav4Off a, .leftNav4On a { background:none;padding:0 0 0 35px; font-weight:normal;}
.leftNav4Off a {}
.leftNav4On a {font-weight:bold;  background:url(../images/leftNavOn.png) 23px 4px no-repeat;}
.leftNav4Off a:hover {background:url(../images/leftNavOn.png) 23px 4px no-repeat;}
.leftNav4On ul{border-bottom:1px solid #ccdded; border-top: 1px solid #ccdded}

/* leftNav5 */
.leftNav5Off, .leftNav5On {line-height:18px;}
.leftNav5Off a, .leftNav5On a { background:none;padding:0 0 0 45px; font-weight:normal;}
.leftNav5Off a {}
.leftNav5Off a:hover,.leftNav5On a {font-weight:bold;  background-color:#ffe052;}

/*FOOTER*/
.pageFooter { padding-bottom: 25px;clear: both;background: #064179 url(../images/footer/footer-leaf-bg.png) no-repeat left top;}
.footerHighlight { min-height: 170px;  }
.footerHighlight a, .footerHighlight a:visited, .footerHighlight a:active, .footerHighlight a:hover, .footerHighlight a:focus { color: #ffffff;}
.footerAbout { float: left; width: 65%; padding: 25px 3%;line-height: 2em;}
.footerAbout p { color: #ffffff;}
.socialMediaIcons { padding: 35px 0 20px;display: block;}
a.youTubeIcon, a.blogIcon, a.facebookIcon, a.twitterIcon, a.instagramIcon { background: url(../images/iconSprite.png); display: block;float: left;width: 28px;height: 27px;text-indent: -2000px;padding: 0 2%;}
a.youTubeIcon {background-position: -0px -383px;}
a.blogIcon {background-position: -0px -272px;}
a.facebookIcon {background-position: -0px -309px;}
a.twitterIcon {background-position: -0px -346px;}
a.instagramIcon {background-position: -0px -420px;}
.footerContact { float: right; width: 26%; padding:0 3% 0 0%;}
.footerContact a {text-decoration: none;}
.footerLinks{ background-color: #fff; border-left: 1px solid #06437C;border-right: 1px solid #06437C;clear:both;padding-top:5px;padding-bottom:15px;min-height:auto;}
.footerLinks ul{list-style-type:none;padding: 10px 4%;}
.footerLinks li{width:23%;float:left;padding:2px 1%;}
.footerLinks a{color:#003150;text-decoration:none;}
.copyright{padding: 20px 0 20px 4%; width: 46%;color: #ffffff;display: inline-block;}
.copyright a,.copyright a:hover{color:#fff;text-decoration:underline;}
.footerRight{color: #ffffff; display: inline-block;text-align: right;width: 45%; padding: 10px 2%;font-size: 1.5em;
font-weight: 100;}

.pageContainer { background: transparent url(../images/header/headerBG.png) repeat-x;}
.pageInner {max-width: 960px; width: 100%; margin: 0 auto;}
.pageContentWrap {font-size:0.750em; background-color: #ffffff; padding-top: 15px;-webkit-box-shadow: 0 0 10px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0 0 10px rgba(50, 50, 50, 0.75);box-shadow:0 0 10px rgba(50, 50, 50, 0.75);}
.pageContent { padding: 2.5% 1%; display: inline-block; width: 98%; }
.contentBody { padding: 0px 2% 10px 2%;}
.contentWrap {min-height: 800px;   color: #003150;margin-bottom:30px;}

/*LAYOUT*/
.col_w_25 { width: 23%; padding: 0 1%;}
.col_w_75 { width: 73%; padding: 0 1%;}
.col_w_50, .col_w_67 .col_w_50 {width: 48%;padding: 0 1%;}
.col_w_30 { width: 30%;}
.col_w_33 { width: 32%;}
.col_w_67 { width: 65%; padding: 0 1%;}
.col_right { float: right;}
.col_left {  float:left;}
 
.sub_col_1  { width: 96%;}
.sub_col_2 { display: none;}

/*HOMEPAGE STYLES*/
.homepage { padding-top: 0;}
.homepage .col1 {width: 30%;}
.homepage .col2 {width: 64%;}
.impactAreaHome { height: 440px;overflow: hidden;}
.homeMain .informationFor li { background: url(../images/li-square-yellow.png) no-repeat left 7px; }
.homeMain iframe.myCampus, .homeMain .informationFor {margin-bottom: 20px;  }
iframe.myCampus {border:1px solid #CCDDED; }
.homeMain { padding: 0 2%;}
.welcomeText .widgetContent { padding-top: 0;padding-bottom: 3px;min-height:285px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .welcomeText .widgetContent{min-height:277px;}
}
.welcomeText .homepageActionButton a { width: 45%;display: inline-block;margin: 0 2%;}
.applyForAdmission { max-width: 221px;}
.homeMain .widget h2 {font-size: 2em;}
.homeMain .welcomeText h2 {font-size: 1.7em;}
.homepage .playBtn { top:   -95px;}
.homeMain .col_w_67 {padding-right: 0;width: 66%;}
.highlightContainer{float:left;width:100%;display:block;}
.highlight{margin-right:1.6%;}

 /*PAGE ELEMENTS*/
 /*BREADCRUMBS AND SHARE*/
.breadcrumbs {font-size:0.917em; color:#003050; }
.breadcrumbs li{display:block; float:left; background:url(../images/breadcrumb.png) center right no-repeat; padding:0 1.5% 0 1%;}
.breadcrumbs li.last{background:none;}
.breadcrumbs a{ color:#003050; text-decoration:none;}
a.addthis_button_compact span, a.addthis_button_print span, a.addthis_button_email span { background: url(../images/iconSprite.png) no-repeat; display: block; float: right; text-indent: -2000px; padding: 0 5px; }
a.addthis_button_compact span {background-position: -0px -216px;width: 59px;height: 22px;}
a.addthis_button_print span {background-position: -0px -184px;width: 20px;height: 22px;}
a.addthis_button_email span {background-position: -0px -152px;width: 20px;height: 22px;}
.share {padding-bottom: 15px;}

 /**CALL OUT BUTTON LINKS**/
a.callOutBtn { display:block; text-decoration:none; color: #fff; font-size:1.333em; font-weight:400; text-align:center; padding:10px 0; margin:0 0 10px 0; background:#aebc21 url(../images/callOutBG.png) top center no-repeat; text-transform:uppercase;}

/**FEATURED LINKS**/
.featuredLinks {color: #fff; padding:20px 7px; background-color:#06437c;}
.featuredLinks h3{ margin:0 0 10px 0; font-size:1.333em; color: #fff; font-weight:400; }
.featuredLinks ul{margin:0; padding:0 0 0 2%; }
.featuredLinks li{ background: url(../images/li-square-yellow-sml.png) no-repeat left 7px;list-style: none;padding: 0 2% 2% 5%;}
.featuredLinks a{color: #fff; line-height:20px; text-decoration:none; padding:0 1.5%; font-weight:600; display:block;}
 
/*EXTRA CONTENT AREA COMMON STYLES*/
.contentBlock {margin:0 0 20px;border-left:1px solid #ffe052; border-right:1px solid #ffe052; padding:0 2.5% 15px; }
.contentBlock h2 {display:block; font-size:1.4em;padding:3px 0;  font-weight:700; clear: both; margin:0 auto;}
a.more {color:#afbb21; background:url(../images/link-arrow-green.png) center right no-repeat; padding:0 7px 0 0; margin: 0 auto 10px; width:90%; text-align:right; display:block;}

/*EXTRA CONTENT AREA SPECIFIC STYLES*/
.events h2, .announcements h2{ color:#17ace5; }

/*EXPANDABLE AREA*/
.expandRegions h2 { color:#63B35F; }
.expandHeader  {font-size: 1.2em; cursor:pointer; padding: 5px 0 5px 15px; background: url(../images/icons/plus.png) no-repeat 3px 10px; }
.expandRegions h3.active  { color:#63B35F; background: url(../images/icons/minus.png) no-repeat 3px 10px; }
.expandContent {padding: 0 3%;}

/*ANNOUNCEMENT STYLES*/
.announcement {padding:0 0 20px 0;}
.announcement a {display:block; margin:0 auto; text-decoration:none; padding:0; line-height:20px; font-weight:700;}
.announcements p {padding:0; font-style:italic;}
.announcements a.last {border-bottom:none;}
.contactInfo{padding:15px 0 10px 0;}
.contactInfo ul,.contactInfo ul li{padding-left:0;}
.contactInfo ul li{background-image:none;}
.contactInfo label{width:19%;float:left;}
.announcement-content-links { padding: 10px; /*background-color: #EDEDED;*/ text-align: right; }
.announcement-content-links a { padding: 5px 10px; background-color: #CCCCCC; margin: 0 5px; }

/**CONTENT EVENTS**/    
.contentBlock .event {padding:10px 0;}
.contentBlock .eventDate { float: left; width:8%; background-color: #06436c; text-align: center;border:1px solid #06436c;}
.contentBlock .month {  color: #FFF; display: inline-block; line-height:14px; font-weight:300;}
.contentBlock .day { text-transform: uppercase; color: #06437d; background-color: #FFF; font-weight: 300; display:inline-block; width: 100%;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; }
.contentBlock .eventText {padding: 0 0 0 2%; display:inline-block; width:89%;}
.contentBlock a.eventName {font-weight:700; text-decoration:none; clear:both; display:block;}
.contentBlock .divide {color:#afbb21; padding:0 1%;}
.contentBlock .campus { font-style:italic;}

/*EVENT LISTING PAGE*/
.eventsList ul{padding-left:0;}
.eventsList ul li{background:none;padding-left:0;}
.eventsList ul li .events{border:none;}

/*EVENT DETAIL PAGE*/
.contentEventDetail {margin-left:0;padding-left:0;}
.eventDetail{font-weight:bold;width:15%;float:left;min-height:20px;}
img.eventDtlImg{float:right;width:100%;max-width:297px;}

/* AZ INDEX*/
.azIndex h2 { padding: 9px 0 0 9px;}
h2.azHeader404{margin-bottom:-15px;}

/*SITE MAP*/
#sitemap ul,#sitemapStart ul{margin-left:10px;padding:0.5% 1.5%;}
#sitemap ul.sub,#sitemapStart ul.sub{padding-top:0;margin-left:25px;}
#sitemap li,#sitemapStart li{padding-left:0;background:none;line-height:2.0em;list-style-image:none;}
#sitemap li.sub,#sitemapStart li.sub{font-weight:normal;}
ul.mainSection li,ul.mainSectionStart li,ul.subSection li,ul.subSectionStart li{list-style-image: url(../images/icons/plus.gif) !important;font-weight:bold;cursor:pointer;}
ul.mainSection.active li,ul.mainSectionStart.active li,ul.subSection.active li,ul.subSectionStart.active li,ul.sub.active li,ul.subStart.active li{list-style-image: url(../images/icons/minus.gif) !important;font-weight:bold;}
li.mainSection,li.mainSectionStart{list-style-image: url(../images/icons/plus.gif) !important;font-weight:normal;cursor:pointer;}
li.mainSection.active,li.mainSectionStart.active{list-style-image: url(../images/icons/minus.gif) !important;font-weight:normal;cursor:pointer;}
b.mainSection,b.mainSectionStart{padding-left:5%;margin-left:-5%;}
#sitemap a,#sitemapStart a{text-decoration:none;}

/*WIDGET STYLES*/
.widget{padding: 0 !important;margin-bottom: 30px;border: 1px solid #ccdded; display:block;}
.widget h2 {font-size: 1.8em;color: #ffffff;font-weight: 300;padding: 10px 5px 5px;background-color: #0154A4;line-height:1.1em;}
.widget a.last {border-bottom:none;}
.widgetContent {width: 92%; padding: 10px 4%;}

/*VIDEO WIDGET*/
.playBtn {position: relative;top: -80px;text-align: center;width: 100%;display: block;height: 0;}
.playBtn img {max-width: 134px;}

/*INFORMATION FOR*/ 
.col_w_25 .informationFor {padding-bottom: 10px !important;margin-bottom: 10px;}
.informationFor {}
.informationFor  .widgetContent { padding-right:2%;width: 94%;} 
.informationFor li {background: url(../images/li-square-yellow-sml.png) no-repeat left 8px; padding: 4px 0% 6px 5%; font-weight: bold;}
.informationFor li  a { text-decoration: none;}

/*NAVIGATION BUTTONS IN RIGHT OF PAGE*/
.navBtns { padding-bottom: 60px;}
.navBtns li { background: url(../images/li-square-yellow.png) no-repeat left 8px; padding: 7px 3% 6px 8%; font-weight: bold;}

/*DEGREE DESCRIPTIONS BLOCK*/
.degreeDesc { padding: 20px 0;line-height: 1.5em;font-size: 0.9em;}
.degreeDesc h1 { cursor:pointer; padding: 10px 0 0 15px; background: url(../images/icons/plus.png) no-repeat 3px 14px;}
.degreeDesc h1.active  { background: url(../images/icons/minus.png) no-repeat 3px 14px; }
.degreeDescContent {padding: 0 0 0 8%;}

/*NEWS WIDGET*/
.newsWidget { padding: 10px 2%;}
.newsWidget h2 {font-size: 1.7em; color:#17ace5;}
.newsWidgetContent {width: 100%; padding: 10px 0%;}
.newsWidget a.article {background: url(../images/li-square-yellow.png) no-repeat left 8px; margin:0 auto;display:block; text-decoration:none; padding:3px 4% 15px 8%;  font-weight:700; width: 88%;}

.col_w_25 iframe.myCampus {width: 106%;margin-left: -8px;position: relative;top: 5px;margin-top: 32px;}

/*TAB STYLES (OVERIDES JQUERY UI)*/
#tabs .ui-widget-header{font-family: Arial, Helvetica, sans-serif;font-size:1.29em;font-weight:bold;width:103.5%;background:#0154A4; padding:0 0 0 5px;margin-bottom:20px;-webkit-border-radius: 8px 8px 0px 0px; -khtml-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; behavior: url(../pie/PIE.htc);}
#tabs .ui-state-default{background:#0154A4;font-weight:bold;border:none;}
#tabs .ui-state-default a,#tabs .ui-state-default a:hover,#tabs .ui-state-active a{-webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; behavior: url(../pie/PIE.htc);}
#tabs .ui-widget-header a {font-size: 0.8em;}
#tabs .ui-state-active a, #tabs .ui-state-hover a {outline-color: transparent; background-color: #ffffff !important; border-bottom: none;color:#003050 !important;}
#tabs .ui-state-default,#tabs .ui-state-default a{outline-color: transparent; background-color: #0154A4;color:#ffffff;}
#tabs .ui-state-default a:hover{outline-color: transparent; background-color: #ffffff; border-bottom: none;color:#003050;}
#tabs.ui-widget-content { border: none; }
.ui-state-active a, .ui-state-hover a {outline: none;}

/*OTHER JQUERY OVERIDES*/
.ui-state-active { background-color:#05437D; }
 a.ui-accordion-header, .ui-state-active, .ui-state-hover
 {color:#ffffff !important;;background: #05437D url(../images/jquery-ui/ui-bg_flat_100_05437D_40x100.png) 50% 50% repeat-x !important;;}
 .ui-accordion .ui-state-hover .ui-icon, .ui-accordion .ui-state-focus .ui-icon, .ui-accordion .ui-state-active .ui-icon {background-image: url(../images/jquery-ui/ui-icons_ffffff_256x240.png);}
 .topNav a.ui-accordion-header, .topNav .ui-state-active, .topNav .ui-state-hover{ -webkit-border-top-right-radius: 0 !important;-moz-border-radius-topright: 0;border-top-right-radius: 0;border: 0;background: none !important;}
 .ui-accordion .ui-accordion-content { padding: 0 !important;padding: 0 1% !important;}

/*FORM BUTTONS*/
.formButton{float:left;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(../pie/PIE.htc);display:block; text-decoration:none; color: #fff; font-size:1.0em; font-weight:400; text-align:center; padding:5px 25px; margin:10px 20px 25px 0; background:#aebc21; text-transform:uppercase;border:none;cursor:pointer;}

@media screen and (max-width:960px){
.subMenu { margin-left: 0; left: 0;}
.utility li { padding: 5px 2% 5px 1%;}
li.topNav1,li.topNavNoDropDown {padding: 0;width: 14%;}
li a.topNav1 { font-size: 0.8em;}
}

@media screen and (max-width:870px){
.highlightContainer .col_w_33.col_left{width:31%;}
.informationFor { float: none;}
.topNav { clear: both;}
.utility { padding-left: 0;}

/**EMPLOYEE DETAIL**/
.employeeDetail h3,.employeeDetail .rowContainer,.employeeDetail .bottomSection h3.small{width:100%;}
.employeeDetail .rowCell{width:50%;}

/*EVENT SUBMIT STYLES*/
.row label.title{width:100%;text-align:left;}
.row #event_cblDay{width:60%;padding:0;margin:0;}
.row.required{width:80%;}
.itemsInCol.category{margin-left:0;width:90%;}
#event_ValidationSummary2 li{padding: 0 2% 0 5%;}
.row .formButtonContainer{width:50%;}

/*EVENT DETAIL PAGE*/
.eventDtl{float:left;}
.eventDetail{width:100%;float:left;}
img.eventDtlImg{float:left;width:100%;max-width:297px;clear:both;display:block;}
.contentEventDetail p{clear:both;}

/*ANNOUNCEMENT DETAIL PAGE*/
.contactInfo label{width:22%;float:left;}

.logo-microsite{background-color: transparent !important;}
}
@media screen and (min-width:768px){
.contentBody.emergency{min-height:450px;}
}
@media screen and (max-width:768px){
/*LAYOUT*/
.contentWrap .col_w_33.col_right , .contentWrap .col_w_67.col_left, .sub_col_1, .sub_col_2 { width: 96% !important; padding: 0 2%!important;}
.footerHighlight { min-height: 190px;}
.footerLinks li { width: 30%; display: inline-block; padding: 0 1.5%;}
.homeMain .informationFor li { display: block;width: 94%;padding: 4px 0 6px 6%;}
.homeMain .widget h2 {font-size: 1.3em;}
.homeMain .welcomeText h2 {font-size: 1.2em;}

/*ANNOUNCEMENT DETAIL PAGE*/
.contactInfo{float:left;width:100%;}
.contactInfo label{float:left;width:100%;clear:both;}
.contactInfo span{float:left;padding-bottom:10px;clear:both;}
}

@media screen and (max-width:710px){ 
.featuredLinks{margin-bottom:20px;}
.featuredLinks ul li, .footerLinks li { width: 47%; }
}

@media screen and (max-width:673px){
.col_w_25, .col_w_75, .col_w_50, .col_w_33, .sub_col_2, .col_w_67, .col_w_67 .col_w_50, .footerLinks ul  { width: 96%  !important; padding: 0 2%;}
.col_w_25  .leftNavWrap { margin: 10px 0;}
.col_left, .col_right {float: none;}
.widget { margin-bottom: 20px;}
.widgetContent img { width: 100%;}
.footerAbout, .footerContact, .logo { width: 95%; padding: 0 2%; float: none; clear: both;}
.col_w_25 iframe.myCampus {margin: 0 5%;width: 90%;}
.informationFor li { width: 47%; display: inline-block; padding: 4px 0% 6px 2%;}
.logo img  { width: 95%; padding: 0;}
.pageContainer { background-position: 0 37px;}
.searchBox {width: 75%;}
.footerContact { padding: 0 0 15px;}
.footerRight { font-size: 1.3em;}
.socialMediaIcons {padding: 10px 2% 20px 2%;width: 50%;float: left;}
a.contactUVI { width: 40%;  max-width: 209px; float: right;}
.announcements {margin-top: 0px;}
.share { margin-bottom:  20px;}
.col_w_25 .leftNavWrap  { margin-top: 0;}
.utilityWrap  {top: 0; position: fixed; min-height: 45px; width: 100%; padding: 0 2%; float: none; clear: both;border-bottom: 2px solid #FFE052; background-color:#064179;z-index:10;}
.search {width: 60%;padding: 8px 0; max-width: none;}  
a.topNav1 { text-align: left;}
.topNav {-webkit-border-top-left-radius: 0;-moz-border-radius-topleft: 0;border-top-left-radius: 0; z-index: 100; height: 100%;overflow: scroll;position: fixed;top: 45px;width: 80%;left: -1000px;-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);-moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);}
.topNav li { width: 100%;}
li.topNavNoDropDown{padding-left:26px;/*used PX to keep nav from jumping*/}
.subMenu .col_1, .subMenu .col_2, .subMenu .col_3, .subMenu .col_4 { padding: 0 3%; clear: both; width: 90%; float: none;min-height: 100%;border-right: none;}
.subMenu {position: relative;padding: 15px 0; display: block;background-color: #ffffff;margin-left: 0;left: 0;}
.subMenu .col_4 img { width: 70%; padding: 5px 15%; float: left;}
.topNav .ui-accordion .ui-accordion-content { padding: 0;}
.topNav2Sub .ui-state-default .ui-icon, .topNav2Sub .ui-state-active .ui-icon {background-image: url(../images/jquery-ui/ui-icons_2a6ebb_256x240.png);}
.subMenu .ui-accordion-header { color: #05437D; }
.utility li, .newInformationForMenu li{ padding: 0;font-weight: 700;font-size: 1.2em;}
.utility li a, .newInformationForMenu li a {font-weight: normal !important;margin-top: 2px;padding:5px 0% 5px 8%; display: block;}
.pageHeader {position: relative;min-height: 155px;top: 45px;}
.mobileReady .skipToTopNav { display: block;background: url(none); height: 25px; width: 30%; position: fixed; top:13px; left: 10px; text-decoration: none;z-index: 15; text-transform: uppercase; color:#ffffff;}
.mobileNav .skipToTopNav {background: url(../images/icons/close.png) no-repeat left top; text-indent: -1000px; }
.mobileReady .topNav {left:-80%;opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  transition: All 800ms ease; -webkit-transition: All 800ms ease;  -ms-transition: All 800ms ease; }
.mobileNav .topNav {left:0;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.mobileReady .pageContentWrap  {left: 0;   opacity: 1; height:auto;overflow:auto;position: relative;transition: All 800ms ease;-webkit-transition: All 800ms ease;-ms-transition: All 800ms ease;}
.mobileNav .pageContentWrap  {opacity: 0.5; height:100%; overflow:hidden;left: 80%;}
.mobileNav body { position: fixed;}
.utility {padding-bottom: 50px;}
.utility li { float: none;}
.logo-microsite, .logo-microsite:hover {width: 81%;padding: 0 0 0 19%;}
.highlightContainer .col_w_33.col_left{margin-left:2%;}
}


@media screen and (max-width:520px){
.copyright, .footerRight, .welcomeText .widgetContent img{ width: 95%; padding: 5px 2%; float: none; clear: both; margin: 0 auto; text-align: center; display: block;}

/*EVENT SUBMIT STYLES*/
.row.required{width:100%;}
.row .formButtonContainer{width:100%;}
.row .formButtonContainer input,.row input[type='text'],.row input[type='file'],.row textarea{width:100%;padding: 6px 0 6px 1%;}
.row #event_cblDay{width:100%;padding:0;margin:0;}
.itemsInCol.category{margin-left:0;width:100%;}
.itemsInCol.category td{width:50%;}
.exampleDate{width:100%;display:block;}
}

@media screen and (max-width:490px){
.spotlightStoryContent, .spotlightStory img {width: 90%;padding: 5px 5%;float: none; clear: both; margin: 0 auto; }
.informationFor li { width: 96%; padding-left: 4%;}
.featuredLinks ul li{ width: 92%; }
.flexsliderHome .flex-caption { top: 0;}
.flexsliderHome .slides li img { margin-bottom: 0;}
.subMenu .col_1, .subMenu .col_2, .subMenu .col_3, .subMenu .col_4 { min-height: }
.footerAbout p {line-height: 1.5em;}
.footerLinks { padding-top: 15px; padding-bottom: 15px;}
.copyright { padding-top: 15px;}
.navBtns {padding-bottom: 20px;}


.fc-content, .fc-header, .eventsFor {display: none !important;}
#calendar-wrapper .eventsList  { display: block !important;}
}

@media screen and (max-width:350px){
.pageHeader {min-height: 125px;top: 45px;}
.pageContainer {background-position: 0 20px;}
a.contactUVI { padding-top: 10px;}

/**EMPLOYEE LISTING**/
table.employee{font-size:75%;}
table.employee tr td{padding:4px 0.75% 5px 0.75%;}
table.employee tr td.leftCol{width:5%;}
table.employee tr td.rightCol{width:5%;}

/**EMPLOYEE DETAIL**/
.employeeDetail h3,.employeeDetail .rowContainer,.employeeDetail .bottomSection h3.small,.employeeDetail .rowCell{width:100%;}
}

@media screen and (max-width:300px){
.socialMediaIcons, a.contactUVI { width: 75%; padding: 5px 0; float: none; clear: both; margin: 0 auto; text-align: center; display: block;}
.logo img { width: 95%;}
.col_right, .col_left {   clear: both;}
}

@media print { 
/* All your print styles go here */
.topNav, .leftNavWrap, .utilityWrap, .logo img, .callOutBtn, .footerLinks, .footerHighlight, .footerRight, a.more, .navBtns, .newsWidget , .announcements.contentBlock, .events.contentBlock, .impactArea, .informationFor, .pageContentWrap .col_w_25, .pageContentWrap .col_w_75 .col_w_33, .col_w_75 .sub_col_2 .widget  { display: none !important; } 
.expandContent {display: block !important;}
.expandRegions h2, .expandRegions h3.active, .spotlightStory p, .spotlightStory h1, .spotlightStory { color:#003150;}
.contentWrap, .pageContentWrap .col_w_75, .contentBody, .expandRegions, .mediaGateway { float: none; width: 800px; clear: both; display: block !important;}
.contentWrap h1 { clear: both;padding: 10px 1% 0;}
.pageHeader { min-height: 100px;}
.printLogo { display: block; position: absolute; top: 0px; left: 10px;}
.printLogo-microsite { display: block; position: absolute; top: 60px; left: 120px; color:#003150; }
.pageContentWrap { padding-top: 0;}
.breadcrumbs { padding: 0;}
}