/* */

/* =============== | SET BASELINE STYLES | =============== */
* { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img, input { border: 0; }
ol, ul { list-style: none; }


/* =============== | GENERIC DECLERATIONS | =============== */
a {cursor: pointer;}
.jsHidden {display: none;}
.clear {clear: both; display: block;}
.bordered-right li {border-right: solid 1px #ffc20e;}
.green {color: #84a846;}
.yellow {color: #ffc20e;}
.red {color: #b32017;}
a.ExternalWebsiteLink {padding-right: 16px; background: url(/_templates/_i/icn-extLink.gif) no-repeat right 1px;}
.externalLinkIcon {margin-bottom: -1px; margin-left: 2px;}
.layoutGrid  {display: none; position: absolute; margin-top: -140px;}
img.campusMap {border: solid 2px #cccccc;}
img.loadingIcon {margin: 5px 0px 5px 45%;}
li.noBorder {border-right: 0px;}
#mainContent div.jsNotDetected {border: solid 2px #b32017; padding: 5px; text-align: center; background-color: #fffdea; color: black; font-size: 1.1em; margin: 15px;}
#mainContent div.jsNotDetected h5 {color: #ffb03b; text-align: center; margin: 5px; text-transform: uppercase;}
#mainContent span.valRequired {display: block; width: 80px; height: 17px; margin: 2px; position: absolute; background: Transparent url(/_templates/_i/val-Required.png) no-repeat left top;}
#mainContent span.valFormat {display: block; width: 115px; height: 17px; margin: 2px; position: absolute; background: Transparent url(/_templates/_i/val-WrongFormat.png) no-repeat left top;}
#mainContent div.msgError {border: solid 4px #d0d0d0; margin: 20px; font-size: 1em; padding-bottom: 25px;}
#mainContent .msgError h5 {height: 27px; margin-top: 5px; border-bottom: dashed 1px #d0d0d0; margin-bottom: 10px; padding: 10px 10px 5px 50px; font-size: 1.7em; color: #b32017; background: url(/_templates/_i/icons/icn-errorSignMed.png) no-repeat 10px 6px;}
#mainContent .msgError p {margin: .25em 20px .75em 40px;}
#mainContent .msgError ul {margin-left: 60px; margin-right: 20px;}
#mainContent .msgError ul li {margin: .25em 0 .5em 0;}
#mainContent .msgStatus {border: solid 4px #d0d0d0; margin: 20px; font-size: 1em; padding-bottom: 25px;}
#mainContent .msgStatus h5 {height: 27px; margin-top: 5px; border-bottom: dashed 1px #d0d0d0; margin-bottom: 10px; padding: 10px 10px 5px 50px; font-size: 1.7em; color: #84a846; background: url(/_templates/_i/icons/icn-checkCircleMed.png) no-repeat 10px 6px;}
#mainContent .msgStatus p {margin: .25em 20px .75em 40px;}
#mainContent .msgStatus ul {margin-left: 60px; margin-right: 20px;}
#mainContent .msgStatus ul li {margin: .25em 0 .5em 0;}
#mainContent .msgStatus strong {text-transform: uppercase; font-size: 1.3em;}
.message {border: dashed 1px #b64926; background-color: #efecca; padding: 5px;}
.message strong {display: block; color: #b64926;}
.serverResponseMessage {margin: 1.25em 0 1.5em 30px; font-size: 1.35em;}
.hidden {display: none;}
#mainContent ul.headerLinks li {margin: 1.25em 0 1.5em 0;}
#mainContent ul.headerLinks a, #mainContent a.headerLink { font-size: 1.51em; font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Microsoft Sans-Serif; display: block;}
img.inlinePic {margin: 15px;}
img.inlinePicRight {float: right; margin: 5px 5px 5px 15px;}
img.inlinePicLeft {float: left; margin: 5px 15px 5px 5px;}
img.inlinePic-topRight {margin: 0 0 10px 25px;}
.centered {display: block; margin-left: auto; margin-right: auto;}
.flLeft {float: left;}
.flRight {float: right;}
em.required {color: #ef4030; font-style: normal; font-family: verdana;}


/* =============== | ROOT LAYOUT | =============== */
body {line-height: 1.125em; font-family:  verdana, Helvetica, Microsoft Sans Serif, Verdana; color: #444444; font-size: 100%; font-size: 0.875em; background: #f3f3f3 url(_i/bg-Sprites.png) repeat-x left -453px;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia; font-weight: normal;}
pre {font-family: verdana; line-height: 1.6em; margin: 5px; white-space: pre-wrap;}

#header { width: 974px; height: 140px; margin: 0 auto; background: url(_i/bg-Sprites.png) no-repeat left top;}
#header h1 {display: none;}
#header .siteLogo img{margin: 20px 50px;}

#super {float: right; text-align: right; display: block; height: 30px; width: 960px; }
#super a{font-weight: bold; color: #fff; text-decoration: none; position: relative; top: -1px;}
#super a:hover {color: #ffc20e; text-decoration: underline;}
#super ul {font-size: .7em; display: inline;} 
#super ul li {display: inline; padding: 1px 8px 0px 8px; border-right: solid 1px #ffc20e; }
#super ul li.noBorder {border: 0;}

#search {display: inline; margin: 0px 15px 0px 15px;}
#pageSearch {margin: 4px 0px 0px 0px; padding: 2px 6px 1px 8px; width: 134px; height: 17px; background: url(_i/bg-Sprites.png) no-repeat left -370px; color: #777777; font-style: italic;}
#srchButton {margin: 4px 0px 0px -23px; background: url(_i/bg-Sprites.png) no-repeat -125px -370px;height: 20px; width: 22px; position: absolute;cursor: pointer;}
#srchButton:hover { background: url(_i/bg-Sprites.png) no-repeat -125px -390px;}

#content{ width: 960px; margin: 0 auto; background: url(_i/bg-mainContent.png) repeat-y left top; padding: 0px 7px; }
#content a {color: #436794; text-decoration: none;}
#content a:hover {text-decoration: underline; color: #a4bbd8;}

#spotlight {text-align: center; background: #f2f2f2; height: 185px; margin: 0px 10px 10px 10px;}
#spotlight img {border: solid 2px #ffffff; margin: 10px;}
#spotlight-big {text-align: center; background: #f2f2f2; margin: 0px 10px 10px 10px;}

/* ================= MAIN CONTENT ===================== */

#mainContent {width: 670px; float: left; margin: 10px 10px 15px 20px; font-size: .85em;}
#mainContent h2 {color: #777777; font-size: 2.2em; margin: .75em 0 .85em 0px;}
#mainContent h2.title {margin-top: 5px; text-transform: uppercase;}
#mainContent h3 {color: #444444; font-size: 2em; line-height: 1em; margin: 1.25em 0 .5em; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0;}
#mainContent h3 em {font-style: normal; font-size: .8em; color: #777;}
#mainContent h4 {margin: 1em 0px .25em 0px; line-height: 1.2em; font-size: 1.7em; font-weight: normal; font-family: Georgia; color: #84a846;}
#mainContent h4 em {font-style: normal; font-size: .8em; color: #777;}
#mainContent h3+h4 {margin-top: .5em;}
#mainContent h5 {margin: 1em 0px .1em 0px; font-size: 1.4em; color: #777777;}
#mainContent h6 {font-size: 1.2em; color: #777; }
#mainContent h3.firstChild, #mainContent h4.firstChild {margin: 1em 0px .1em 0px;}
#mainContent ul.firsChild, #mainContent li.firstChild {margin-top: .5em;}
#mainContent p {margin: .25em 0 1.25em 10px; line-height: 1.7em;}
#mainContent .lColumn {width: 48%; margin-left: 0; margin-right: 1%; float: left;}
#mainContent .rColumn {width: 48%; margin-left: 1%; margin-right: 0; float: right;}
#mainContent .lColumn .firstChild, #mainContent .rColumn .firstChild {margin-top: 0px;}
#mainContent ul.lColumn, #mainContent ul.rColumn {width: 42%;}
#mainContent .linkSection ul.lColumn, #mainContent .linkSection ul.rColumn {margin-top: 0px;}


#mainContent a {color: #436794;}
#mainContent a:hover {color: #a4bbd8;}
#mainContent ul {list-style: disc; margin: .25em 25px 1.25em 25px;}
#mainContent ul.noBullets {list-style: none;}
#mainContent ol {list-style: decimal; margin: .25em 25px 1.25em 25px;}
#mainContent ul li, #mainContent ol li {line-height: 1.6em; margin: .5em 0 .5em 0;}
#mainContent ul li h5, #mainContent ol li h5{ line-height: 1.25em;}
#mainContent .shortPage {height: 100px;}

#mainContent ul.linkSection {padding: 0px 0px 5px 0px; margin: .5em 15px 1.25em 15px; list-style: none;}
#mainContent ul.linkSection ul {padding-bottom: 0px;}
#mainContent ul.linkSection li {margin: 0 0 .5em 0; padding-left: 10px; background: url(_i/blt-sqrArrow_Blue.gif) no-repeat left 6px; font-size: .95em;}
#mainContent ul.linkSection li em {font-style: normal; font-size: .75em; color: #777777;}
#mainContent ul.linkSection li em a {color: #304969;}
#mainContent ul.linkSection li em a:hover {color: #a4bbd8;}
#mainContent ul.linkSection li em a.pdfLink:hover {color: #b32017;}

#mainContent table.Default {background: #fff; margin: .25em 5px 10px 5px; border-collapse: collapse; text-align: left;}
#mainContent table.Default {width: 100%;}
#mainContent table.Default th {font-weight: normal; font-family: Georgia; font-size: 1.3em; color: #304969; padding: 4px 8px; text-align: center;border-bottom: 2px solid #777777;vertical-align: middle;}
#mainContent table.Default tbody th {text-align: left; padding: 10px 10px 3px 0px; border-bottom: 2px solid #aaaaaa; color: #84a846; font-size: 1.2em;}
#mainContent table.Default tbody td{border-bottom: 1px solid #ccc; color: #444; padding: 4px 8px; text-align: Left; font-size: .9em; vertical-align: top;}
#mainContent table.Default tbody td ul {margin: 0 15px;}
#mainContent table.Default tbody td ul li {	margin: .1em 0 .5em 0; line-height: 1.25em;}
#mainContent table.Default tbody tr:hover td { color: #000000; background: #efefef; cursor: default;}
#mainContent table.Default tr.clickable:hover td {cursor: pointer; background: #99ccff;}


#mainContent ul.employeeList {list-style: none;	margin-left: 0;}
#mainContent ul.employeeList h5{font-size: 1.5em; margin: .5em 0 .2em 0;}
#mainContent ul.employeeList li {display: block; clear: both; width: 300px; height: 120px; padding: 10px;}
#mainContent ul.employeeList li.departmentChair{background: url(/_templates/_i/bg-employeeBoxChair.png) no-repeat left top; width: 305px; padding-left: 30px;}
#mainContent ul.employeeList li strong{line-height: 1.25em; font-weight: normal; color: #000000;}
#mainContent ul.employeeList li img.employeePicture {float: left;}
#mainContent ul.employeeList div.employeeInformation {float: right; width: 190px;}
#mainContent ul.employeeList li.departmentChair div.employeeInformation {float: right; width: 195px;}
#mainContent ul.employeeList li ul {margin: .5em 0 0 0;}
#mainContent ul.employeeList li li{display: block; clear: both; background: none; width: auto; height: auto; padding: 0; margin: 0; line-height: 1.5em; color: #777777; font-size: .9em;}

#mainContent ul.preStyledForm {list-style: none; margin-left: 10px; padding: 1px 5px 10px 5px; background-color: #f7f7f7; border: solid 1px #e3e3e3;}
#mainContent ul.preStyledForm li {margin: 15px 10px;}
#mainContent ul.preStyledForm li input.rfdInput {padding: 2px; font-family: Arial;}


#mainContent .red {color: red}
.externalLinkIcon {margin-bottom: -1px; margin-left: 2px;}
.message {border: dashed 1px #b64926; background-color: #efecca; padding: 5px;}
.message strong {display: block; color: #b64926;}
.serverResponseMessage {margin: 1.25em 0 1.5em 30px; font-size: 1.35em;}




#mainContent ul.faqList {list-style-type: none;}
#mainContent ul.faqList li {border-bottom: dotted 1px #444444;}
#mainContent .validatorMessage {font-size: .9em; color: Red;}

.hasFootNote i {color: #84a846; font-size: 10pt; vertical-align: top; line-height: .4em; font-weight: bold; font-style: normal;}
.footNotes i {color: #84a846; font-size: 10pt; line-height: .4em; font-weight: bold;}
.footNotes {color: #777777; font-size: .8em; border-top: dotted 1px #cccccc; padding: 0 5px;}
.subNote {color: #777777; font-size: .8em; border-top: dotted 1px #cccccc; padding: 0 5px; text-align: right;}
.note {color: #777777; font-size: .9em;}







/*
=============================================
==            SIDE CONTENT                 == 
=============================================
*/

#sideContent {width: 229px; padding-left: 11px; padding-bottom: 15px; background: url(_i/brdr-dottedGrey.gif) repeat-y left top; float: right; margin: 10px 10px 10px 0px; font-size: .8em;}

#sideContent h2 {margin: 1.5em 8px .5em 8px; font-size: 1.4em; border-bottom: solid 2px #d0d0d0; padding-bottom: 3px; letter-spacing: .05em;}
#sideContent h3 {color:#777777; font-size:1.2em; font-weight:normal; margin:0.5em 10px 0; padding:0;}
#sideContent ol {list-style: decimal; margin-left: 40px; font-size: .875em;}
#sideContent ol li {margin: .5em 0;}
#sideContent ol ol {list-style: lower-alpha; margin-left: 25px; font-size: 1em;}
#sideContent ul {margin-left: 15px; margin-bottom: 1.25em;}
#sideContent ul li {margin: .5em 0; padding-left: 10px; background: url(_i/blt-sqrArrow_Blue.gif) no-repeat left 5px;}
#sideContent a {color: #444444;}

#sideContent div.RadTreeView {margin-bottom: 10px;}

#sideContent .linkIcons {list-style: none; margin: 0px 20px;}
#sideContent .linkIcons li {text-align: center; margin: 15px 0px}

#content #sideContent div.sectionLink {text-align: right; margin-left: 10px; padding: 2px 10px 2px 2px; display: block; font-size: .95em;}
#content #sideContent .sectionLink img {display: inline;}
#content #sideContent div.sectionLink a {color: #CF7019; display: inline; vertical-align: top;}

#CalendarDates {margin: 5px 0px; font-size: .875em;}
#CalendarDates h3 {color: #777777; font-size: 1.2em; padding: 2px 0px 3px 10px; border-bottom: solid 1px #d0d0d0; margin: .5em 0 0em;}
#CalendarDates ul {list-style: none; margin-left: 10px;}
#CalendarDates ul li {margin: 0 5px 0 0px; padding: .6em 0px .6em 24px; font-size: .95em; line-height: 1.4em; color: #777; border-bottom: dotted 1px #d0d0d0;}
#CalendarDates ul li b {position: absolute; margin-left: -25px; width: 13px; color: #84a846;}
#CalendarDates ul li a {font-weight: normal;}
#CalendarDates ul li em {display: none;}

#EventDetails {z-index: 100; width: 292px; background: url(/_templates/_i/cal-Sprites.png) no-repeat -245px -291px; padding-top: 31px; position: absolute; margin: -20px 0px 0px -330px; font-size: .95em;}
.btnSqrX {width: 20px; height: 20px; background: url(/_templates/_i/cal-Sprites.png) no-repeat -238px -138px; cursor: pointer;}
.btnSqrX:hover { background-position: -238px -168px;}
#EventDetails .btnSqrX {float: right; margin: -23px 12px 0px 0px;}
#eventDetailContent { background: url(/_templates/_i/cal-Sprites.png) repeat-y -1187px 0px; padding: 0px 6px;}
#EventDetails h3 { margin: 0; border: 0; padding: 8px 10px; color: #304969;}
#sideContent .quickCalendar #eventDetailContent ul { margin: 0px; border-top: dashed 1px #d0d0d0; border-bottom: dashed 1px #d0d0d0; background: #efefef; list-style: none;}
#sideContent .quickCalendar #eventDetailContent ul li { padding: 0px; margin: 5px 25px; color: #777777;}
#eventDescription { border: solid 1px #d0d0d0; margin: 10px auto 0px auto; background: #fcfcfc; width: 260px; height: 100px; overflow: auto;}
#eventDetailContent p { margin: .5em 1em 0px 1em; padding-bottom: .5em; font-size: .9em;}
#eventDetailFooter { background: url(/_templates/_i/cal-Sprites.png) no-repeat -245px -250px; height: 13px;}
#sideContent .quickCalendar ul#eventDetailLinks { border: 0; background-color: #ffffff; padding: 5px 5px 0px 0px; text-align: right;}
#sideContent .quickCalendar ul#eventDetailLinks li { display: inline; font-size: .857em; margin: 0px; padding: 0px 5px 0px 1px; border-right: solid 1px #bababa;}
#sideContent .quickCalendar ul#eventDetailLinks li.noBorder {border-right: 0px; padding-right: 0px;}
#sideContent .quickCalendar ul#eventDetailLinks li a { text-decoration: none;}

#sideContent .siteNavigation ul {background: #ffffff; padding: 0px 15px 5px 0px;}
#sideContent .siteNavigation ul ul {padding-bottom: 0px;}
#sideContent .siteNavigation ul li {margin: .5em 0 .5em 0; padding-left: 10px; background: url(_i/blt-sqrArrow_Blue.gif) no-repeat left 5px;}
#sideContent .siteNavigation ul li.currentPage {font-weight: bold;}
#sideContent .siteNavigation ul li.currentPage>a:hover {cursor: default; color: #444444; text-decoration: none;}
#sideContent .siteNavigation ul li.currentPage li {font-weight: normal;}
#sideContent .siteNavigation ul li .rtSelected a {font-weight: bold;}

#footer { width: 944px; margin: 0 auto; padding: 25px 15px; background: url(_i/bg-Sprites.png) no-repeat left -145px; height: 75px; font-size: .8em;}
#footer a {color: #436794; text-decoration: none;}
#footer a:hover {color: #a4bbd8; text-decoration: underline;}


/*
======================= CLASS STYLES ========================
*/
.additionalResources {border-top: dashed 1px #d0d0d0; padding: 5px;}
.lsuaHomepage {float: left; height: 35px; border-right: solid 1px #d0d0d0; margin-left: 200px;}
.lsuaHomepage ul {margin: 5px 15px 5px 15px;}
.lsuaAddress {float: left; height: 35px; border-right: solid 1px #d0d0d0;}
.lsuaAddress ul {margin: 3px 15px;}
.contactLsua {float: left;}
.contactLsua ul {margin: 3px 15px;}
.pageValidation {clear: both; overflow: hidden; padding: 0px 10px 10px 10px;}

#sideContent ul.hidden {display: none;}
#sideContent ul.pFormat, #mainContent ul.pFormat {margin: .35em 10px .75em 5px; line-height: 1.5em;}
#sideContent ul.pFormat li , #mainContent ul.pFormat li {list-style: none; margin: 0; background: none;}
#sideContent ul.pFormat a {color: #436794;}

/*
================= ABSOLUTE STYLES ================= 
 These styles must always stay at the bottom of this page.  Must not be overriden by any other style.
*/

div.formSection img.calButton {margin: 5px 5px -5px 10px;}

#Content div.msgFromAdmin, #content div.msgFromAdmin {background: #ffffff; margin: 5px; border: solid 1px #d0d0d0; font-size: 10px; padding: 2px; color: #444444;}
#Content div.msgFromAdmin h3, #content div.msgFromAdmin h3 {margin: 0; padding: 2px 2px 2px 5px; color: #b64926; font-size: 12px; width: auto; height: auto; background: #efefef; font-family: Tahoma; border: 0; border-bottom: solid 1px #d0d0d0;}
#Content div.msgFromAdmin p, #content div.msgFromAdmin p {margin: 5px 5px 10px 10px;}

.LrgLink {font-size: 1.5em; font-family: georgia;}

div#modalCalendar {border: solid 1px #304969; width: 600px; position: absolute; background: #999; margin-left: 200px; margin-top: -300px; color: white;}
#modalCalendar table { border-top: solid 1px #304969; width: 500px;  margin: 0 auto; border: solid 2px #444444; border-collapse: separate; border-spacing: 2px; background: white; color: #444;}
#modalCalendar table thead tr th {background: #ffffff url(/_templates/_i/bg-FormHeader.gif) repeat-x left -6px; height: 30px; font-family: georgia; font-weight: normal; font-size: 1.5em; border-bottom: solid 1px #444; border-collapse: separate; border-spacing: 0px;}

#modalCalendar table tbody tr td:first-child {border-right: solid 1px #d0d0d0; }
#modalCalendar table tbody tr td {width: 50%; border-bottom: solid 1px #d0d0d0; padding: 2px 0px; background: #ffffff url(/_templates/_i/bg-FormHeader.gif) repeat-x left -5px; color: #444444;}
#modalCalendar table tbody tr td {text-align: center;}
#modalCalendar table tbody tr td:hover {cursor: pointer; font-weight: bold; color: #cf7019;}
#mainContent .formSection ul li table.radioButtonList2Col td, #mainContent .formSection ul li table.checkBoxList2Col td {padding: 3px 0px;}
#mainContent .inputName2, a.getStatusLink, a.inputName2 {display: none;}