/* ::::::::::::::::::::: html tags ::::::::::::::::::::: */
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, img, 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, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}
body { margin: 0; font-size: 75%; line-height: 120%;color:#000; background-color: #125405; }
body, button, input, select, textarea { font-family: Arial, Verdana, sans-serif; }
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: baseline; *vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; width:100%; }
th , td, th { padding: 5px;  vertical-align: top; text-align: left;}
img, object, embed, video {max-width:100%;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
h1 {font-size: 130%; color:#0c387c; margin: 0 0 .5em 0; font-weight:100; background-color:white; width: 85%;}
h2 {font-size: 110%; color:#125405; margin: 0 0 .5em 0; font-weight:200; background-color:white;}
h3 {display:block; font-size: 100%; margin: 0 0 .5em 0; font-weight:400; background-color:white; color:#5B574F; }
h4 {font-size: 2em; margin:0.15em; font-weight:100; background:yellow; color:#125405;}
h5 {background:transparent; color:#000;}
h6 {font-size: 100%; color:#0c387c; margin: 10px 0 .5em 0; font-weight:400; background-color:white; margin:0; padding-top:15px;}
hr {width: 100%; color: #000; background-color:#E1DCD1; height: 1px; border:none;margin: 2% 0 2% 0;}
p  {margin: 2% 0 2% 0;}
/* :::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::: html5 ::::::::::::::::::::: */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* :::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::: floats ::::::::::::::::::::: */ 
.cleardiv:before, .cleardiv:after { content: ""; display: table; height:0; }
.cleardiv:after { clear: both;}
.cleardiv { zoom: 1; }
/* :::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::: wrappers ::::::::::::::::::::: */
.siteWrapper {position:relative; width: 98%; background-color:white; color:#000; margin: auto; overflow:hidden; max-width:1024px;
-webkit-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.64);
-moz-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.64);
box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.64);
-webkit-background-clip: padding-box;
border-right:1px solid #000;
border-left:1px solid #000;
}
.wrapperspacer:after {content:"\a";white-space: pre;}
/* :::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::: banner ::::::::::::::::::::: */	
#topbanner {padding:0;margin:0;width:100%;height:60px;overflow:hidden; }
#bannercontent {padding:0;margin:0;width:90%;height:100%; float:left;}
.bannerlayout {display:block;background-color:#FFFFFF;width:100%;height:100%;font-size:100%;font-weight:300;font-family:Verdana, Arial, sans-serif;position:relative;overflow:hidden;text-decoration:none; border:0px solid #125405;padding:3.5% 0% 3.5% 2.5%;}
.bannerlayout img {position:absolute;top: 0;left: 1%;}
#socialmedia { float:left; width:7%; height:100%; vertical-align:middle; text-align:right; margin-top:15px; }
#bannertitle {position: absolute; bottom: 0px;width:100%;}
#bannertitle {margin-left:27%;}/*?????*/
#pagetitle, #logotext, a:hover#logotext, #logotext a, #logotext a:active, #logotext a:visited  {color:#125405; text-align:left; padding:0; font-size:100% !important; line-height:95%; text-decoration:none;}
.pagetext {font-weight:900;}
.pageyear {font-weight:500;}
/* :::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::: banner Image ::::::::::::::::::::: */
#bannerimage {display:normal;visibility:visible;} 
/* :::::::::::::::::::::::::::::::::::::::::: */


/* ::::::::::::::::::::: navigation :::::::::::::::::::::*/
nav {clear:both;}
nav a {font-family:Arial, Verdana, sans-serif; font-weight:normal; text-decoration:none;}
nav ul, nav ol {list-style:none; list-style-image:none; margin:0; padding:0; }/*
/* :::::::::::::::::::::::::::::::::::::::::: */


/* .................. main top navigation .................. */
#desk-main-nav {color:#5B574F; background-color:#E1DCD1; line-height:2em; text-transform:uppercase; overflow:hidden; }
#desk-main-nav li a, #desk-main-nav li a:link, #desk-main-nav li a:visited, #desk-main-nav li a:active {display:block; color: #5B574F; background-color:#E1DCD1; text-decoration:none; margin:0; padding:0;}
#desk-main-nav {width:100%; padding:0.3% 2% 0.3% 0; font-size:100%; margin:0;}
#desk-main-nav li {border-left:0.4em solid #E1DCD1; margin-left:10px; padding:0 0.747em 0 0.747em; float:left;}
#desk-main-nav li:hover {border-left:0.4em solid #125405;}
#desk-main-nav li.highlight {border-left:0.4em solid #125405; margin-left:0; padding-left:0.747em; color:#000;}
#desk-main-nav li a:hover, #desk-main-nav .highlight a:link, #desk-main-nav .highlight a:visited, #desk-main-nav .highlight a:active, #desk-main-nav .highlight a {color:#000;}
/* :::::::::::::::::::::::::::::::::::::::::: */


/* .................. leftnavbar navigation .................. */
#leftNavBar .leftmenu {color:#000; background-color:#F9EAC3; border-top-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-box-shadow:4px 4px 7px 2px rgba(0, 0, 0, .3); box-shadow:4px 4px 7px 2px rgba(0, 0, 0, .3); -webkit-background-clip:padding-box; line-height:2em;}/**/
#leftNavBar {width:21%; float:left; padding:1.2%; border-bottom-left-radius: 10px;}
.leftmenu a, .leftmenu a:link, .leftmenu a:visited, .leftmenu a:active, .leftmenu a:hover {display:block; color: #000; background-color:#F9EAC3; text-decoration:none; text-transform:none; font-weight:100; margin:0; padding:0;}
#leftNavBar .leftmenu {width:98%; padding:5% 2% 5% 0; font-size: 100%;margin:0;}
#leftNavBar .leftmenu li{border-left:0.4em solid #F9EAC3; margin-left:0; padding-left:0.747em; border-bottom:1px dotted #999999;}
#leftNavBar .leftmenu li:hover {border-left:0.4em solid #125405; }
#leftNavBar .leftmenu a:hover {font-weight:bold; }
#leftNavBar .leftmenu ul li.highlight {border-left:0.4em solid #125405; margin-left:0; padding-left:0.747em;}
/* :::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::: article ::::::::::::::::::::: */
article {width: 53.4111111111%; float:left; font-size: 110%; }
article ul li {list-style-type: square; color:#5B574F;margin:1% 0 1% 2%;}
article ul li a {color: #5B574F;}
article ul li a:hover {color: #000;}
article .dirfullname {font-weight: bold;}
article .grouptitle {font-size: 120%;color: #5B574F;}
article .diredu {font-weight: normal;}
article .facultydir p {padding-top:0;padding-bottom:0;margin-bottom:0;margin-top:0;}
article .directory p {padding-top:0;padding-bottom:0;margin-bottom:0;margin-top:0;}
article .pagetitle {font-size:140%; color:#125405; font-weight:bold;}
article .alert {font-size:110%; color:#000; padding:5px; border:1px solid red; margin-top:-10px;}
article .alerttitle {font-size:125%; color:#FF0000; font-weight:bold; line-height:inherit;}

.weathertitle {width:100%; float:left;}
.weathertitleleft {font-size:140%; color:#125405; font-weight:bold; float:left; width:60%;}
.weathertitleright {float:left; width:40%; text-align:right;}

.weatherpositionlocation {position:absolute; top:-300px; right:0%; }

#EmpCols { width:100%; margin:-18px 0 0 0; padding:0; background-color:#FAF9D4; border-top-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-box-shadow:3px 3px 5px 1px rgba(0, 0, 0, .3); box-shadow:3px 3px 5px 1px rgba(0, 0, 0, .3); -webkit-background-clip:padding-box;}
#EmpCols .Emplink { text-align:right; width:100%; padding:5px;  background-color:#FAF9D4; border-top:1px dotted #125405;}
#EmpCols .Emplink a { text-decoration:none; color:#125405; font-weight:bold; background-color:#FAF9D4;}
#EmpCols .Emplink a:hover { color:#999999; }

#Locations {width:100%; margin:0; padding:0;}
#Locations .col1 {width:40%; margin:0; padding:0; float:left; border:solid 1px #125405; background-color:#FAF9D4; padding:5px;}
#Locations .seperator {width:15%; margin:0; padding:0; float:left;}
#Locations .col2 {width:40%; margin:0; padding:0; float:left; border:solid 1px #125405; background-color:#FAF9D4; padding:5px;}

.redbigger {color:red; font-size:120%;}

#Locations .locationbox {width:40%; padding:5px; background-color:#125405; color:#FFF; font-weight:bold; border:solid 1px #125405;}

#Remind {width:95%; margin:0; padding:5px; border:solid 2px red; background-color:#fde7e7;}

.locnotes {width:100%; margin:0; padding:0 0 0 10px;}

.bold {font-weight:bold;}
.pageheader {font-size:110%; font-weight:bold; }

article .contactus {font-size:100%; color:#000; padding:5px; border:1px solid #125405; margin-top:10px; margin-bottom:20px;}
article .calendarlocation {font-size:110%; font-weight:bold; color:#FFF; background-color:#125405; padding:5px;}


article hr.htab {border: 0;height: 3px;background: #E1DCD1;color:#5B574F;}
article a {font-family:Arial, Verdana, sans-serif; font-weight:normal; text-decoration:underline; color:#214786; background-color:white;}
article a:visited, article a:hover, article a:active {text-decoration:underline; color:#58585b; background-color:white;}
article a:focus { outline:dotted thin #c5c5c5; }
/* :::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::: Article inside main content ::::::::::::::::::::: */
.main-content {position: relative;}
#insidepage {width:76%; float:left;}
#insidepage .main-content {border-right:0;} 
#insidepage .main-title {color:#125405; font-size:150%;} 
article .main-content {background-color:white; color:#000; padding:4%; border-left:1px dotted #999999; border-right:1px dotted #999999; min-height:240px;}
/* :::::::::::::::::::::::::::::::::::::::::: */


/* ::::::::::::::::::::: Grid ::::::::::::::::::::: */
.mGrid { width:100%; background-color:#ffffff; margin:5px 0 10px 0; border:solid 1px #125405; border-collapse:collapse; font-family: verdana, arial, sans-serif; }
.mGrid td {padding: 5px; border: solid 1px #125405; color: #000000; font-size:90%; font-weight:normal; font-family: verdana, arial, sans-serif; }
.mGrid th {color: #ffffff; background: #125405; border: solid 1px #125405;  font-size:95%; text-align:left; font-weight:bold; font-family: verdana, arial, sans-serif; }
.mGrid .alt { background: #e6e6e6; font-family: verdana, arial, sans-serif; }
.mGrid .select { background: Yellow; font-family: verdana, arial, sans-serif; }
.mGrid .reset { background: #FFFFFF; font-family: verdana, arial, sans-serif; }
/* :::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::: Accordian ::::::::::::::::::::: */

.contentAccordion{padding:0; margin-left:10px; overflow:visible;}
.contentAccordion ol li{list-style-type: decimal !important; margin-left:20px;}
.headerAccordion {font-size:150%; padding:20px 0 5px 0; font-weight:bold; letter-spacing:1px; display:block; margin:0; cursor:pointer; color:#7A7A7A; }

/* :::::::::::::::::::::::::::::::::::::::::: */




/* ::::::::::::::::::::: Program tab accordions ::::::::::::::::::::: */
.r-tabs .r-tabs-nav {margin: 0;padding: 0;}
.r-tabs .r-tabs-tab {display: inline-block;margin: 0;list-style: none;}
.r-tabs .r-tabs-panel {padding: 15px;display: none;}
.r-tabs .r-tabs-accordion-title {display: none;}
.r-tabs .r-tabs-panel.r-tabs-state-active {display: block;}
/* :::::::::::::::::::::::::::::::::::::::::: */


/* .................. Tabs container .................. */	
.r-tabs {position: relative;background-color: #fff;border-top: 1px solid #E1DCD1;border-right: 1px solid #E1DCD1;border-left: 1px solid #E1DCD1;border-bottom: 4px solid #E1DCD1;border-radius: 5px;}

/* .................. Tab element .................. */
.r-tabs .r-tabs-nav .r-tabs-tab {position: relative;background-color: white;}

/* .................. Tab anchor .................. */
.r-tabs .r-tabs-nav .r-tabs-anchor {display: inline-block;padding: 10px 12px;text-decoration: none;font-size: 14px;font-weight: bold;color:#666 ;background-color: #E1DCD1;}

/* .................. Active state tab anchor .................. */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {color: #666;text-shadow: none;background-color: white;border-top-right-radius: 5px;border-top-left-radius: 5px;}

/* .................. Tab panel .................. */
.r-tabs .r-tabs-panel {background-color: white;border-bottom: 4px solid white;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}

/* .................. Accordion anchor .................. */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {border-top:1px solid #F0F0F0;display: block;padding: 10px;background-color: #E1DCD1;color: #000;font-weight: bold;text-decoration: none;font-size: 14px;border-top-right-radius: 5px;border-top-left-radius: 5px;}

/* .................. Active accordion anchor .................. */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #666;color: #E1DCD1;text-shadow: none;}

/* .................. Disabled accordion button .................. */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;}


/* .................. Required courses tab .................. */
.textalign-right {text-align:right;}
.reqcourses {border-collapse: collapse;}
.reqcourses th { border-bottom: 3px solid #ccc; border-left:0px; border-right:0px; border-top:0px; padding: .2em; background-color:white; color:black;}
.reqcourses tr td{ border: 1px solid #fff; padding: .2em;border-bottom: 1px solid #ccc; }
.reqcourses tr:nth-last-child(-n+1) td{border-bottom: 1px solid white;}
#tab-2 table {border-collapse:collapse;color:black; outline:1px thin #ccc}
#tab-2 th { border-bottom: 3px solid #ccc; border-left:0px; border-right:0px; border-top:0px; padding: .2em; background-color:white; color:black;}
#tab-2 tr td{ border: 1px solid #ccc; padding: 0.5% 0.5% 0.5% 1%;border-bottom: 1px solid #ccc;color:black; }
#tab-2 tr:nth-last-child(-n+1) td{border-bottom: 1px solid #ccc;}
/* :::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::: Footer ::::::::::::::::::::: */
.footercompanyname {color:#125405; font-size:140%; padding-left:1%;padding-top:2%;}
.footerbox {border-top: solid 3px #125405;background-color:#E1DCD1;}
.footerspacer {padding-left:3em;}
.footertext {padding: 0.5em;font-size:85%;color:#5B574F;}
#directedit a {color:#5B574F;text-decoration:none;}
/* :::::::::::::::::::::::::::::::::::::::::: */




/* ::::::::::::::::::::: admin banner ::::::::::::::::::::: */	
#admin_topbanner {padding:0;margin:0;width:100%;height:50px;overflow:hidden;}
#admin_bannercontent {padding:0;margin:0;width:100%;height:100%;}
.admin_bannerlayout {display:block;background-color:#FFFFFF;width:100%;height:100%;font-size:100%;font-weight:300;font-family:Verdana, Arial, sans-serif;position:relative;overflow:hidden;text-decoration:none; border:0px solid #125405;padding:3.5% 0% 3.5% 0%;}
.admin_bannerlayout img {position:absolute;top: 0;left: 1%;}
#admin_bannertitle {position: absolute; bottom: 0px;width:100%;}
#admin_bannertitle {margin-left:27%;}/*?????*/
#admin_pagetitle, #logotext, a:hover#logotext, #logotext a, #logotext a:active, #logotext a:visited  {color:#125405; text-align:left; padding:0; font-size:100% !important; line-height:95%; text-decoration:none;}
.admin_pagetext {font-weight:900;}

#admin_pagetitle, #biglogotext, a:hover#biglogotext, #biglogotext a, #biglogotext a:active, #biglogotext a:visited  {color:#125405; text-align:left; padding-left:5px; font-size:150% !important; line-height:120%; text-decoration:none; font-weight:900;}
#admin_pagetitle, .bylinetext {font-weight:bold; color:#000; font-size:110%; padding-left:120px;}



/* :::::::::::::::::::::::::::::::::::::::::: */


/* ::::::::::::::::::::: Admin Article inside main content ::::::::::::::::::::: */
.admin_main-content {position: relative;}
#admin_insidepage {width:100%; float:left;}
#admin_insidepage .admin_main-content {border-right:0;} 
#admin_insidepage .admin_main-title {color:#125405; font-size:150%;} 
article .admin_main-content {background-color:white; color:#000; padding:2%; min-height:240px;}

.login { border-collapse:collapse; border-spacing:0; background-color:#c1c1c1; width:auto; font-weight:bold; padding:5px; vertical-align:middle;}


/* :::::::::::::::::::::::::::::::::::::::::: */


/* .................. Admin main top navigation .................. */
#admin-main-nav {color:#5B574F; background-color:#E1DCD1; line-height:1em; text-transform:uppercase; overflow:hidden; }
#admin-main-nav li a, #admin-main-nav li a:link, #admin-main-nav li a:visited, #admin-main-nav li a:active {display:block; color: #5B574F; background-color:#E1DCD1; text-decoration:none; margin:0; padding:0;}
#admin-main-nav {width:100%; padding:0.3% 2% 0.3% 0; font-size: 100%; margin:0;}
#admin-main-nav li {border-left:0.4em solid #E1DCD1; margin-right:5px; padding:0 0.747em 0 0.747em; float:left;}
#admin-main-nav li:hover {border-left:0.4em solid #125405;}
#admin-main-nav li.highlight {border-left:0.4em solid #125405;margin-left:0;padding-left:0.747em;color:#000;}
#admin-main-nav li a:hover, #admin-main-nav .highlight a:link, #admin-main-nav .highlight a:visited, #admin-main-nav .highlight a:active, #dadminesk-main-nav .highlight a { color:#000;}/* :::::::::::::::::::::::::::::::::::::::::: */



/* ::::::::::::::::::::: open and close ::::::::::::::::::::: */	
  

/* :::::::::::::::::::::::::::::::::::::::::: */






/* ::::::::::::::::::::: Styles options by screens sizes ::::::::::::::::::::: */

@media only screen and (max-width: 720px) {
 #Locations, .weatherpositionlocation {display:none;visibility:hidden;}
  
 #m-Locations {width:97%; margin:0; padding:0;}
 #m-Locations .col {width:97%; margin:0; padding:0; float:left; border:solid 1px #125405; background-color:#FAF9D4; padding:5px; clear:both;}
 #m-Locations .colseperator {width:97%; margin:0; padding:0; float:left; background-color:#FFF; padding:5px; clear:both;}

}


/* .................. small screens .................. */	
@media only screen and (max-width: 639px) {
    #m-main-nav, #logotext, #m-main-nav {display:normal;visibility:visible;}
    #bannertitle {margin-left:20%;top:20%;}
    #admin_bannertitle {top:10%;}
    #catalogtitle, #logotext, a:hover#logotext, #logotext a, #logotext a:active, #logotext a:visited {font-size:120%; font-weight:700; font-size:2.5vw;}
    #search-area-screen, #search-area, #desk-main-nav, .bannerlayout img, .admin_bannerlayout img, .wrapperspacer, #quicklinks-m, #bannerimage, #Locations, .weather, .weathertitleright, #biglogotext, .bylinetext, .weatherposition, .weatherpositionlocation {display:none;visibility:hidden;}
    #leftNavBar, #insidepage, .leftmenu{ width:100%!important; border:0;margin:0;padding:0!important;border-radius:0px!important;-webkit-box-shadow:none!important;box-shadow:none!important; border-bottom:1px dotted #999999;}
    #insidepage {margin-top:1%;}
    #admin_insidepage {margin-top:1%;}
    body {border:0;margin:0;padding:0; width:100%;min-height:480px;}    
    article .main-content {background-color:white; color:#000; padding:1%; border:0;}
    #topbanner {width: 100%;height: 70px;overflow:visible;z-index: 1000;}
    #admintopbanner {width: 100%;height: 50px;overflow:visible;z-index: 1000;}
    .f-nav{position:fixed;top: 0;left: 0;z-index: 1000;border-bottom:3px solid #FDB913}
    #bannercontent {width: 100%;height: 70px;position:absolute;}
    #admin_bannercontent {width: 100%;height: 50px;position:absolute;}
    #m-main-nav {float:left; padding:10px; position:absolute; z-index:10000; overflow:visible;}
    #menu-icon {display:inline-block; width:40px; height:40px; background:#125405 url(../images/menu-icon.png) center;}
    a:hover#menu-icon {background-color:#125405; border-radius: 4px 4px 0 0;}
    #m-main-nav ul {list-style:none;}
    #m-main-nav li {display:inline-block; float:left; padding: 0}
    #m-main-nav ul, #m-main-nav:active ul {display:none; position:absolute; padding:0; background-color:#fff; border:2px solid #444; left:10px; top:50px; width:100%; border-radius:4px 0 4px 4px; z-index:1000;}
    #m-main-nav li {text-align: center;width: 100%;}
    #m-main-nav:hover ul {display: block;width:200%;}  
    #m-main-nav li a {display: block;text-align: center;width: 90%;color: black;padding: 10px 5%;text-shadow: -1px -1px 0 rgba(0,0,0,.15);border-bottom: 1px solid rgba(0,0,0,.2);}
    #m-main-nav li a:hover {background-color: rgba(0, 104, 88, 1);border-top-color: transparent;color: white;}
    .r-tabs .r-tabs-nav {display: none;}
    .r-tabs .r-tabs-accordion-title {display: block;}
    .footerspacer:after {content:"\a";white-space: pre;}    

    .M-socialmedia {position:fixed; top:100px; right:50px; display:normal;visibility:visible; }
}
/* :::::::::::::::::::::::::::::::::::::::::: */

/* .................. large screens .................. */	
@media only screen and (min-width: 720px) {
    #m-Locations {display:none;visibility:hidden;}
}

/* .................. large screens .................. */	
@media only screen and (min-width: 640px) {
    #quicklinks-m, #selectContainer-m, #selectContainer-m h5, #m-main-nav, #search-area, #logotext, .M-socialmedia {display:none;visibility:hidden;border-top: 1px solid rgba(255,255,255,.1);}
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/*
    dark green          #125405
    dark gray           #5B574F
    medium gray         #D0CBBF
    light gray          #E1DCD1
    dark yellow         #FDB913
    light yellow        #F9EAC3    
*/