/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Homepage
:: About
:: Admissions
:: Academics
:: MyTyler
:: Pay for Tyler
:: Services
:: Mobile Styles
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* Structure
----------------------------------------- */
/* NEW Foundation-based */

.nav-bar.main { background: none; border: none; margin: 65px 0 0 0; position: relative; }
.nav-bar.main li  { 
		text-transform: uppercase;
		font-family: 'OpenSansBold', Helvetica, Arial, sans-serif;
		border-right: dotted 1px #e2e2e2; 
		line-height: 30px; 
		padding: 0 0 0 12px; 
		margin: 0;
		font-size: .95em;
		}
.nav-bar.main li:hover { background:#D9D9CB;}
.nav-bar.main li:hover a { color: #000; }
.nav-bar.main li.no-drop { padding: 0 12px; }
.nav-bar.main li .flyout { border-top: solid 4px #D9D9CB; font-size: .8em; top: 30px;  }
.nav-bar.main li .flyout li { border: none; padding: 0; line-height: 1.5em; margin: 0;}
.nav-bar.main li .flyout li:hover { color: #000; text-decoration: none; background: none;}
.nav-bar.main li .flyout li a { border-bottom: solid 1px #e2e2e2; display: block; padding: 5px 10px; margin: 0; }
.nav-bar.main li .flyout li.last a, .nav-bar.main .has-flyout.last{ border: none;}
.nav-bar.main > li.has-flyout > a.flyout-toggle {
		position: absolute;
		right: 0;
		top: 0;
		padding: 12px 10px 0 0;
		z-index: 2;
		display: block;
		}

/*END*/

.three.columns.secondary { float: left; }
#jtcc-header { background: url(/images/interface/jtcc/bg-2.jpg); }


#jtcc-content .row.structure { background: #FFF; border-bottom: 4px solid #b4b4a7;}
#jtcc-header .row.structure{ background: #FFF; padding-bottom:20px;}
.economic-impact #jtcc-content {  background: #003D4C; }

/* -------------------------------------------
Economic Impact 
--------------------------------------------*/

/* Basic Styles */
.economic-impact #jtcc-header { background: url(/images/interface/jtcc/bg-2-ei.jpg); position: relative; z-index: 4; }
.economic-impact #jtcc-header .row.structure, .economic-impact #jtcc-content .row.structure { background: #FFF; border: none; }
.economic-impact #jtcc-content .row.structure { border-bottom: none;}
.economic-impact #jtcc-content {  background: url(/images/interface/jtcc/bg-2-ei.jpg); }

/* Fonts */
.ei-header { }
.economic-impact #main-content p ,
.economic-impact #main-content li { color: #222; font-size: 1.2em; }
.economic-impact #main-content li { margin-bottom: 0 }
.economic-impact #main-content li a { color: #660033; }
.economic-impact #main-content p strong,
.economic-impact-styles p strong {  color: #009CA6; font-family: 'klinic_slabmedium'; font-weight: bold; font-size: 2.5em }
.economic-impact #main-content h1 , 
.economic-impact #main-content h2 , 
.economic-impact #main-content h3 ,
.economic-impact #main-content h4, 
.economic-impact #main-content h5,
.economic-impact-styles h3 { font-family: 'klinic_slabmedium' ; margin: 5px 0 0 0; padding: 0; }
.economic-impact #main-content h1 { color: #009CA6; border-bottom: solid #003D4C 2px; line-height: 1em; padding-bottom: 10px; } 
.economic-impact #main-content h2 { color: #003D4C; border-bottom: none; margin-bottom: 20px; font-size: 1.8em;  }
.economic-impact #main-content h3,
.economic-impact-styles h3 { color: #009CA6; font-size: 3em; } 
.economic-impact #main-content h5 { color: #003D4C; font-size: 1.75em; text-transform: uppercase } 
.economic-impact #main-content h3.alt,
.economic-impact #main-content p strong.alt  { color: #8F993E; }

/* Misc */
.ei-break { padding-bottom: 30px; }
.ei-video  {
    position: relative;
    padding-bottom: 56.25%;
    margin: 20px 0 20px 0;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
 
.ei-video  iframe,
.ei-video  object,
.ei-video  embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ei-social i { color: #003D4C; padding-right: 5px; }
/* END */

/* New Icon fonts */
.icon-fonts a { font-size: 2.5em; color: #8F993E; }
.icon-fonts li:last { float:right; }
body {  font: normal 1.5em 'OpenSansRegular', Helvetica, Arial, sans-serif; }

/* Typography */

h1,h2,h3,h4,h5,h6 { font-family: 'OpenSansBold', Helvetica, Arial, sans-serif; }
h2 { color: #8F993E; }
h5 span { color: #dd8c36; font-weight: 100; font-size: .8em;}
h6 { /* font-size: 1.0em; line-height: 1.5em; */ color: #444; } 
.academic-programs h3 { padding: 0 0 5px 0;}

#main-content .academic-programs h3 { margin: 0; }
.content-body h4 { color: #444; }
/* Paragraphs */
p  { /* font-family: Georgia , serif; padding: 0 0 20px 0; */ font-size: 15px; font-size: 1.5rem; line-height: 1.4em; }
p.no-pad { margin: 0;}
.social-tag { display: block; clear: both; }
.social-tag a:hover { margin: 0; }
em { font-family: 'OpenSansItalic'; font-style:normal;}
strong em { font-family: 'OpenSansBoldItalic'; }
.quote{
	background: none repeat scroll 0 0 #f5f5e6;
	border-radius: 5px;
	box-sizing:border-box;
	color: #7b7b7b;
	float: left;
	font-size: 1.65rem;
	padding: 10px 15px;
	width: 100%;
}
.quote.smaller{
	font-size: 1.4rem;
}
/* Anchors */
a { color: #666; text-decoration: none; }
#featured-news a.news-more, a.news-more { background: #8f993e; color: #fcfcf3; /*border-top: dotted 1px #d2d2d2; */display: block; font-size: .9em; padding: 5px 10px;}
a.news-more:hover{
	color: #fcfcf3;
}
span.caption{
	float:left;
	margin-bottom: 20px;
}
.five.columns.content-body a.news-more { margin: 20px 0 0 0; padding: 5px 10px 5px 0; width: 97%;}
.content-body a { color: #8F993E; }
.content-body a:hover { color: #6b722e; }
a:hover { color: #000; text-decoration: underline; } 
a:focus {}

strong { font-family:'OpenSansBold', Helvetica, Arial, sans-serif ; font-weight: normal;}
.subhead { font-family: 'OpenSansBold', Helvetica, Arial, sans-serif; /* font-size: 1.1em; */ } /* From original */  



/* New Quick Links */
#quick-links { border-bottom: solid #490226 6px; background: #660033; }
#quick-links ul { position: relative; /* margin: 0 auto; padding: 0; */ z-index: 1000;} 
#quick-links ul.navbar  { float: left; margin: 0; width: 70%;} 
#quick-links ul li { /*background: url(/images/interface/jtcc/white-drop-arrow.png) right 12px no-repeat;*/ float: left; padding: 8px 5px; margin: 0; width: auto; }
#quick-links ul li a, .top-bar form#loginform p a { font-family: 'OpenSansBold', Helvetica, Arial, sans-serif; color: #FFF; text-transform: uppercase; font-size: .8em; /* display: block; font-size: .9em; font-weight: bold; font-weight: bold; */ /* margin: 5px 0 0 0; */ padding: 10px; }
#quick-links ul li a:hover { /* color: #bcab8b;*/ text-decoration: none; }
/*#quick-links ul li div { background: #fff; border: 2px #666 solid; border-top: none; display: none; position: absolute; top: 50px; left: -20px; z-index: 200; width: 350px;} */
#quick-links ul li div ul { display: block; float: left; color: #666; margin: 0 10px 0 10px; width: 45%; }
#quick-links ul li div ul.right { margin: 0; width: 47%;}
#quick-links ul li div ul li { float: left; padding:0; width: 100%;}
#quick-links ul li div ul li a { border-bottom: #e2e2e2 solid 1px; color: #666; padding: 8px 8px; font-size: .8em; }
#quick-links ul li div ul li.last a { border-bottom: none;}
#quick-links ul li div ul li a:hover { background: #e2e2e2; } 

.dropup,
.dropdown1 { position: relative; }

.dropdown1-toggle {
  *margin-bottom: -3px;
}

.dropdown1-toggle:active,
.open .dropdown1-toggle {
  outline: 0;
  /* background: #231B0C; */
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.dropdown1 .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown1:hover .caret,
.open .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

.dropdown1-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
/* Added */
.dropdown1-menu {
  width: 350px;
}

#quick-links .dropdown1-menu ul li a { color: #666; }
#quick-links .dropdown1-menu ul li a:hover { background: #f2f2f2; }
/* END */

.dropdown1-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown1-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown1-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  /* white-space: nowrap; */
}

.dropdown1-menu li > a:hover,
.dropdown1-menu .active > a,
.dropdown1-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
}

.open { /* background: #231B0C; */ *z-index: 1000; }
.open > .dropdown1-menu { display: block; }

.pull-right > .dropdown1-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown1 .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "\2191";
}

.dropup .dropdown1-menu,
.navbar-fixed-bottom .dropdown1.dropdown1-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.dropdown1-menu.faculty-staff { width: 440px;}
.dropdown1-menu.alumni { width: 440px;}

/* Link Header */
#link-header .link-nav { float: right; margin: 0 20px 0 0; width: 52%; }
#link-header .link-nav ul { }
#link-header .link-nav ul li { float: left; /* font-family: 'Open Sans', arial, serif; */ font-weight: 700; text-transform: uppercase; font-size: .8em; }
#link-header .link-nav ul li a { 
		background: url(/images/interface/jtcc/dark-tick.png) right 18px no-repeat;
		display: block; 
		float: left; 
		text-shadow: -1px 1px 0 #000;
		margin: 2px 10px 0 0;
		width: 100%; 
		color: #dacbae; 
		padding: 10px 16px 22px 12px;
		}
#link-header .link-nav ul li a:hover { color: #f3ecde }
/* Dropdown */
#link-header .link-nav ul li ul li a { 
		text-align: left;
		background: none;
		font-size: 1.2em;
		}
.six.columns.second { margin-left: 10px; }

/* myTyler Login Box*/
#mytyler_login { 
		background: #fff; 
		
		padding: 10px 12px; 	
		text-align: left;
		width: auto;
		z-index: 10000;		
		}
#mytyler_login.flyout.medium { width: 260px; }
#mytyler_login h4 { text-transform: none }
#mytyler_login p, .top-bar form#loginform p { 
		text-align: left;
		font-size: 1em;
		font-weight: normal;	
		text-transform: none;
		margin: 0; padding: 0;	
		}
form#loginform { margin: 0; padding-top: 10px; }
		#quick-links .navbar #mytyler_login a, .top-bar form#loginform p a { padding: 5px 0; font-weight: normal; color:#8F993E; text-transform: none; border:none;}
		.navbar.link-header #mytyler_login a:hover, .top-bar form#loginform p a:hover { color:#8F993E; background: transparent;}
		#mytyler_login .nav-bar { height: 30px; z-index: 800 }	
		#mytyler_login .nav-bar li { padding: 0 ; margin: 0; line-height: 20px; z-index: 8000 }		
		#mytyler_login .nav-bar li a { font-weight: 800; text-transform: uppercase; display: block; margin: 0; padding: 5px 12px }
		#mytyler_login .nav-bar li a:hover { margin: 0 }
		#mytyler_login .nav-bar li .flyout { top: 30px }
		#mytyler_login .nav-bar li .flyout ul { padding: 0}
		#mytyler_login .nav-bar li .flyout ul li { padding: 0; font-size: 1.1em; width: 80% }
#mytyler_login .arrow { 
		
		top: -10px; 
		width: 25px; 
		}
.nav-bar.link-header { background: none; border: none; height: 50px; margin: 0; }
.nav-bar.link-header li { border-right: none; /* padding: 0 0 15px 0; */}
.nav-bar.link-header li a { font-family: 'OpenSansBold', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: .8em; height: 100%; color: #dacbae; }
.nav-bar.link-header .flyout { 
		top: 54px;
		border-bottom: 3px solid #D9D9CB;
		border-right: 3px solid #D9D9CB; 
		border-left: 3px solid #D9D9CB; 
		box-shadow: 0 2px 5px rgba(0,0,0,.3); 
		padding: 10px; 
	}
	.nav-bar.link-header li.alert-li { padding: 0 20px 0 0 ; color: #AE5622;}
	.nav-bar.link-header li.alert-li a { color: #F6975F; }
	.nav-bar.link-header li.alert-li a:hover { color: #AE5622; text-decoration: none; }
/* Alert Box Custom Styles */
.link-header h6 { border-bottom: solid 1px #93ba2a; color: #FFF; padding: 0 0 2px 0; margin: 0 0 5px 0; text-transform: uppercase; font-size: .95em; }
.link-header .error h6 { border-bottom: solid 1px #a41a1a; }
.link-header .warning h6 { border-bottom: solid 1px #cb7608; }
.link-header .orange.label { background: #F68B01; }
.link-header .alert-box p { font-size: .85em; }
.link-header .flyout .tyler-alert { font-size: .9em;}
.link-header .flyout .tyler-alert a{ line-height: 10px; font-weight: .9em; padding: 0; margin: 0; color: #666;}

/* Link Navigation Custom positions */
.students .flyout { left:-150px;}
.faculty-staff .flyout { left:-150px;}
.foundation .flyout { left: -250px;}

/* END */

.nav-bar > li.has-flyout > a { padding: 0 25px 0 0;}
.nav-bar.link-header li.last a { border: none;}

.nav-bar.link-header li ul li { border-right: none; padding: 0; margin: 0; }
.nav-bar.link-header li ul li a { display:block; border-bottom: solid 1px #e2e2e2; color: #666; padding: 8px 8px; }
.nav-bar.link-header li ul li a:hover { background: #f2f2f2; text-decoration: none; }
.nav-bar.link-header>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #000; display: block; }

/* OVERRIDES TICK COLOR */
.nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px 15px 0 0; z-index: 2; display: block; }
.nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #D9D9CB; display: block; }
.nav-bar>li:hover.has-flyout>a.flyout-toggle span { border-top: 4px solid #222; }
/* OVERRIDES TICK HOVER STATE */
.nav-bar>li:hover>a:after { border-top-color: #dacbae; }
div.arrow { 
		background: url(/images/interface/jtcc/drop-pointer.png) no-repeat; 
		height: 12px; 
		left: 50px; 
		position: absolute; 
		top: -12px; 
		width: 25px; 
		z-index: 9999
		}
.students .arrow { left: 170px; }
.foundation .arrow { left: 290px; }
.faculty-staff .arrow { /* left: 185px; */ }
/**/

.box { color: #fff; background: #6B8998;float: left; margin: 15px 15px 50px 15px; padding: 10px; width: 260px; }
.box ul { margin: 10px 0 0 0; padding: 0;  }
.box.xbg { color: #222; background: none }
.box.xbg a { color: #666; background: none }
.box.first { margin: 15px 15px 50px 0; }
.box.last { margin: 15px 0 50px 15px; }
.box ul li a { color: #fff; }

#link-wrap { 
		background: url(/images/interface/jtcc/link-header-bg.jpg) repeat-x	;
		/* background: #583c26; */
		border-bottom: solid 4px #302612;
		/* float: left; 
		height: 53px; */
		position: relative;
		/* width: 100%; */
		z-index: 100; 
		}
#link-header { /* margin: 0 auto; width: 1100px; */ }

/* Search */
.search label { display: none; } 
.search-wrap { margin: 8px 40px 0 0; }
/*.main-nav ul li.search { float: right; width: auto; } */
form.search { float: right;
margin: 5px 0 0 0; }
form.search input.search-btn{ 
		background: none;
		border: none;
		color: #F3ECDE;
		padding: 0 0 0 5px;
		/* font-size: 1em; */
		/*text-transform: uppercase; */
		/* font-weight: 900; */
		text-indent: -9999px;
		display: none;
		}
form.search input.search-box { 
		border: solid 1px #f3f3f3;
		background: #fff url(/images/interface/jtcc/mag-glass.jpg) 3px center no-repeat;
		font-size: 1em;
		padding: 4px 5px 4px 20px;
		/* width: 100%; */
		}
form.search input.search-box:focus { 	
		border: solid 1px #c2c2c2;
		}
.row.full { max-width: 1060px; }

/*/////////////////////////////////////////////
	\\ Footer
/////////////////////////////////////////////*/

#footer { 
		background: url(/images/interface/jtcc/bg-2.jpg);
		font-size: .8em;
		margin: 0 auto;
		/* padding: 0 30px; */
		/* width: 1070px; */
		}
#footer-home { background: url(/images/interface/jtcc/bg-2.jpg); box-sizing:border-box; font-size: .8em; padding: 20px 15px 80px; }
#footer-home .row { max-width: 1050px; }

#footer-home p { /* float: left; width: auto; margin: 0;*/ }
#footer-home p.jtcc-title { color: #000; font-size: .9em; font-family: 'OpenSansBold', Helvetica, Arial, sans-serif; margin: 5px 0 0 0; }
#footer-home p.home-footer-nav{ color: #555; float: left; font-size: 1em; margin: 5px 0 0 0; }
p.home-footer-nav strong { font-size: 1.1em; /* color: #FFF; */ margin: 0 10px 0 0;}
p.home-footer-nav-two { font-size: 1em; float: right; margin: 10px 10px 0 0;}
p.home-footer-nav-two a { color: #555	; }
.final-footer p.home-footer-nav.internal { color: #fff; /* float: right; */ font-size: .7em; margin: 5px 0 20px 0; }
#footer-home p.home-footer-nav a { color: #555;}
	/**/
	.home-footer-nav { float: right; font-size: .7em; margin: 25px 0 0 0; width: auto }
	.home-footer-nav li { color: #fff; float: left; width: auto; padding: 0 5px }
	.home-footer-nav a { clear:none; color: #fff; padding: 0 0 0 3px }
	/**/
#footer-home .connect { float: right; width: 16%;}	
.footer-bottom .connect p {  color: #29200e; margin: 0; width: 52.5% }	
.footer-bottom .connect img,
#footer-home .connect img { padding: 5px; margin: 0 0 -8px 0 }
	
/* Footer Nav*/

#footer .footer-nav-block { float: left; padding: 20px 10px; width: 190px; }
#footer .footer-nav-block.first {padding: 20px 10px 20px 10px;}
#footer .footer-nav-block.last { padding: 20px 10px 20px 10px;}
#footer .footer-nav-block h4 { color: #222; padding: 0 0 10px 0; text-shadow: 0 1px 0 white; }
#footer .footer-nav-block ul { float: left; }
#footer .footer-nav-block ul li { 
		color: #111;
		clear: both;
		text-shadow: 0 1px 0 #e2e2e2;
		float: left; 
		margin: 0 0 12px 0; 
		padding: 0;
		width: 100%;
		}
#footer .footer-nav-block ul li a { display: block; }

.footer-bottom-wrap { 
		background: #5C4B29; 
		border-top: 6px solid #372C14;
		clear: both; 
		padding: 10px 0 0 0;
		position: relative;
		width: 100%;
		}
.footer-bottom { margin: 0 auto;width: 1000px; }

.footer-bottom .footer-col-one,
.footer-bottom .footer-col-two { float: left; width: 32%; margin: 0 0 0 20px ;}
.footer-bottom ul { font-size: .8em; margin: 0 0 30px 0; }
.footer-bottom ul li {  float:left; width: auto; padding: 0 10px; }
.footer-bottom ul li.first {  padding-left: 0; }
.footer-bottom ul li a { color: #29200e }
.footer-bottom ul li a:hover { color: #000; }
.footer-bottom h4 { color: #e2e2e2; font-size: 1.2em; padding: 10px 0 10px 0; }
.footer-bottom p { 
		float: left; 
		clear: both; 
		color: #c2c2c2; 
		font-size: .8em;
		margin: 40px 0 0 0; 
		width: 350px; 
		}
/* Footer Form
.footer-bottom form { }
.footer-bottom form label { font-weight: 800; font-size: .8em; width: 100%; }
.footer-bottom form input { }
*/
/* Footer Maps }*/
	
.footermaps {  position: relative; /* top: -70px; */ float: right; width: 32% }	
.footermaps iframe { float: left; border: solid 8px #372c14; margin: 0 0 20px 0; width: 90%; }
.footermaps ul { margin: 0 0 15px 0;}
.footermaps ul li { border-right: solid 1px #372C14; }
.footermaps ul li.last { border-right: none; }
.footermaps ul li.active { font-weight: 900; }
.footermaps p { clear: none; float: left; width: 200px; margin: 0; padding: 0; font-size: .8em; }
.footermaps ul li {  }

.final-footerwrap { border-top: solid #490226 4px; background: #660033;}
.final-footer { margin: 0 auto;}


/* .final-footer p { background: url(../images/interface/jtcc-footer-logo.png) no-repeat; text-indent: -9999px;} */

/* Homepage*/
/*/////////////////////////////////////////////
	\\ Featured Content
/////////////////////////////////////////////*/

#jtcc-content .featured-content { /* float: left; width: 100%; */ }

#jtcc-content .featured-content .featured-story { /*background: #e2e2e2; */ float: left; /* height: 300px;*/ width: 100%; }
#jtcc-content .featured-content #featured div{ width: 100%;}
#jtcc-content .featured-content img { 
		/* background: rgba(0,0,0, .05); border: solid 1px rgba(0,0,0,.06); 
		border-radius: 5px; 
		float: left; 
		width: auto; */
		margin: -5px 0 0 -5px; 
		padding: 5px; 
		}

/* #jtcc-content .featured-content .banners li span { text-indent: -9999px;} */
		
.slider-nav span.right, .slider-nav span.left { display:none; }
#news-pr-tabs { float: left; /* width: 708px; */ margin: 25px 0 0 0; /* clear: both; */ }
/*#news-col, 
#press-col { float: left; margin: 0 10px 0 0; width: 340px;  } */
#press-col { float: right; }

#jtcc-content .featured-content .secondary-stories { float:left; width: 100%; }
#jtcc-content .featured-content .secondary-stories li a { font-family: 'OpenSansBold', Arial, sans-serif; color: #444; }
#jtcc-content .featured-content .secondary-stories li { 
		/* color: #5C4B29; */
		border-bottom: dotted 1px #d3d3ba;
		float: left;
		width: 100%;		
		}
#jtcc-content .featured-content .secondary-stories li img {
		float:left; 
		margin: 0 10px 0 0;
		width: auto;
		}
#jtcc-content .featured-content .secondary-stories li p { color: #666; font-size: .8em;	margin: 0; }
#jtcc-content .featured-content .secondary-stories li p.with-thumb { margin: 0 0 0 100px; }
#jtcc-content .featured-content .secondary-stories li span.news-date.with-thumb { margin: 0 0 0 100px;	}
/* #jtcc-content .featured-content .secondary-stories li span { padding: 0 0 10px 0; width: 100%; } */
#jtcc-content .featured-content .secondary-stories li span.news-date { 
		border-bottom: none; 
		color: #aaa; 
		font-size: 1em; 
		padding: 0;
		}
#jtcc-content .featured-content .secondary-stories li.last { border: none; margin: 0 1px 0 0; }

#jtcc-content .featured-content .secondary-stories .title-block { 
		/* float: left; */
		background: #660033; 
		border-bottom: none;
		/* border-right: solid 6px #362009; */
		clear:both; 
		color: #fff;  
		margin: 0 0 11px 0;   
		/* width: 100%; */
		}
.title-block span {  
		float: left;
		/* text-transform: uppercase; */
		margin: 4px 10px 10px 10px; 
		width: 80%;
		}
#jtcc-content .featured-content .title-block span a  { 
		/* background: url(/images/interface/jtcc/RSS.png) center left no-repeat; */
		color: #fff;
		display: inline; 
		/* font-family: 'klinic_slablight_italic', serif; 
		font-weight: bold;
		font-size: 24px;
		padding: 0 0 0 25px; */
		text-shadow: 1px 1px 2px #222;
		
		}
#jtcc-content .featured-content .title-block span img  { margin: 0; }
#jtcc-content .featured-content .title-block.twitter span a  { background: url(/images/interface/jtcc/twitter-small.png) center left no-repeat; padding: 0 0 0 25px; }

#featured{ overflow: hidden;}
#featured div {  
		display:none;
	    /*position:absolute;
	    top:0;
	    left:0;*/
	    font-size:12px; }
/*
Banners
*/
.banners ul { float: left; margin: 0 0 1px 0; width: 100%;}
.banners ul li { margin: 0 0 8px 0; }
/*.banners ul li { 
		clear: both; 
		float: left; 
		font-size: .75em; 
		margin:0 0 15px 0; 
		width: 100%; 
		} */
/*.banners ul li span { /* margin: -15px 10px 0 10px; */ /* clear: both; padding: 5px 0;  float: left; width: 100%; } */
/*.banners ul li a { 
		float:left; 
		font-size: 2em;
		font-weight: bold; 
		////color: #333; ///// 
		display:block;  
		////padding: 18px 10px 22px 10px ; ////
		width: 100%;
		} */
/* .banners ul li a span { clear:both; float:left; width: 100%; font-size: .6em; margin: 5px 0 0 0; } */
.news-banners { background: #FCFCF3; padding: 30px 0 20px 0; }
.news-banners a { display: block; margin: 0 0 15px 0; }
/*.news-banners img{min-width: 100%;}*/
.nice.large.button { padding: 11px 30px 13px; width: 85%; } /* RESIZES THE PADDING */
.nice label {font-size: 100%;}


.apply-now a , .register a , .pay a {
	display:block; 
	font-size: 34px;
	min-height: 65px;	
	width: 290px; 
}

.getting-started a { display: block; background: url('/assets/images/small-homepage-button.png') no-repeat; height: 54px; width: 321px; text-indent: -9999px; }
.getting-started a:hover  { background: url('/assets/images/small-homepage-button.png') 0 -55px no-repeat;  }
.apply-now , .register, .pay { }
.apply-now a , .register a , .pay a {  display:block; height: 91px; width: 320px; text-indent: -9999px; }
.apply-now a { background: url(/assets/images/homepage-buttons-rebrand.png) 0 0 no-repeat; }
.apply-now a:hover { background: url(/assets/images/homepage-buttons-rebrand.png) 0 -92px no-repeat; }

.register a { background: url(/assets/images/homepage-buttons-rebrand.png) 0 -184px no-repeat; }
.register a:hover { background: url(/assets/images/homepage-buttons-rebrand.png) 0 -276px no-repeat; }

.pay a { background: url(/assets/images/homepage-buttons-rebrand.png) 0 -368px no-repeat; display:block;  }
.pay a:hover { background: url(/assets/images/homepage-buttons-rebrand.png) 0 -460px no-repeat; }

.content-body .schedule-buttons { float: left; width: 100%; list-style-type: none; padding: 0; margin: 0 0 20px 0; }
.schedule-buttons li { float: left; width: auto; margin-right: 5px; }
.schedule-buttons li a { display: block; background: url(/assets/images/schedule-buttons.png); text-indent: -9999px; width: 200px; height: 65px;  }
.schedule-buttons li.apply-now a { background: url(/assets/images/schedule-buttons.png); width: 200px; height: 65px; }
.schedule-buttons li.apply-now a:hover { background-position: 0 -66px; width: 200px; height: 65px; }
.schedule-buttons li.register-now a { background-position: 0 -133px; width: 200px; height: 65px;}
.schedule-buttons li.register-now a:hover { background-position: 0 -200px; width: 200px; height: 65px;}
.schedule-buttons li.pay-now a { background-position: 0 -265px; width: 200px; height: 65px;}
.schedule-buttons li.pay-now a:hover { background-position: 0 -331px; width: 200px; height: 65px;}
/* .register a { background: url(/images/interface/jtcc/homepage-buttons.png) 0 -184px no-repeat; }
.register a:hover { background: url(/images/interface/jtcc/homepage-buttons.png) 0 -276px no-repeat; } */

/* .pay a { background: url(/images/interface/jtcc/homepage-buttons.png) 0 -368px no-repeat; display:block;  }
.pay a:hover { background: url(/images/interface/jtcc/homepage-buttons.png) 0 -460px no-repeat; } */ 

.button.explore { background: #6B8998; border-color: #336666; }
li.explore a { color: #FFF }
li.explore:hover { background: #669999; }
.button.pay { background: #78824F; border-color: #666633; }
li.pay a {  color: #FFF; }
li.pay a:hover { color: #f2f2f2; }

.connect .row a { padding: 10px 0 0 0;}
span.facebook { background: url(/assets/images/fb-rebrand.png) no-repeat; float: left; height: 50px; margin: -5px 5px 0 0; text-indent: -9999px; width: 40px; }
span.youtube { background: url(/assets/images/yt-rebrand.png) no-repeat; float: left; height: 50px; margin: -5px 5px 0 0; text-indent: -9999px;width: 42px; }
span.blogs { background: url(/assets/images/rss-rebrand.png) no-repeat; float: left; height: 50px; margin: -5px 5px 0 0; text-indent: -9999px;width: 36px; }
span.flickr { background: url(/assets/images/flr-rebrand.png) no-repeat; float: left; height: 50px; margin: -5px 5px 0 0; text-indent: -9999px;width: 42px; }
span.twitter { background: url(/assets/images/tw-rebrand.png) no-repeat; float: left; height: 50px; margin: -5px 5px 0 0; text-indent: -9999px; width: 36px; }
span.tyler-alert { background: url(/assets/images/alert-rebrand.png) no-repeat; float: left; height: 50px; margin: -5px 5px 0 0; text-indent: -9999px; width: 36px; }

/*span.wizard { background: url(/images/interface/jtcc/social-icons-v2.png) left top no-repeat; float: left; height: 37px; margin: -5px 10px 0 0; width: 36px; }*/
/*HOVER*/
a:hover span.facebook { margin: -1px 0 0 0 ; }
a:hover span.youtube { margin: -1px 0 0 0 ; }
a:hover span.blogs { margin: -1px 0 0 0 ; }
a:hover span.wizard { margin: -1px 0 0 0 ; }
a:hover span.flickr { margin: -1px 0 0 0 ; }
a:hover span.twitter { margin: -1px 0 0 0 ; }
a:hover span.tyler-alert { margin: -1px 0 0 0 ; }


.connect { color: #444; float: left; width: 102%; }

#jtcc-content .featured-content .connect p { padding: 0 0 3px 0; }
#jtcc-content .featured-content .connect p strong { display: inline-block; margin: 7px 0 0 5px; }
#jtcc-content .featured-content .connect p a img { margin: 5px; padding: 3px; }

/* Taday at Tyler */

.today-at-tyler { margin: 0 15px 0 0 ; 
		/*background: #AE5622; */
		
		/* border-right: solid 4px #930; border-bottom: solid 6px #930; */
		/* float: left; */
		/* margin: 0 15px 0 0; */
		/* padding: 10px;  */
		/* width: 248px; */
		}
.today-at-tyler p.title {  font-family: 'OpenSansBold', Arial, sans-serif; /* font-family: 'klinic_slablight_italic', serif; */ display: block; float: left; width: 100%;  text-shadow: 1px 1px 2px #222; background: #003D4C; text-transform: uppercase; margin: 0 0 2px 0; } 
.today-at-tyler p.title a { color: #fff;  /*margin: 15px 0 15px 20px;*/ padding: 6px 0 15px 20px;  } 

/*.today-at-tyler p.title { text-shadow: 1px 1px 2px #222; color: #fff; font-weight: 700; font-size: 1em; padding: 4px 0 12px 0; margin: 0 0 2px 0; text-transform: uppercase; } */
.today-at-tyler p.title span { text-shadow: none; color: #fff; font-weight: normal;}
.today-at-tyler ul { float: left;  /* padding: 7px 10px; */  width:100% }
.today-at-tyler ul li { border-bottom: dotted #e2e2e2 1px; float: left; margin: 4px 0; padding: 5px 10px 9px 10px; width: 95% }
.today-at-tyler ul li.tomorrow a { color: #d0d0d0; }
.today-at-tyler ul li.tomorrow a:hover { color: #222; }
.today-at-tyler ul li a { float: left; padding: 5px 10px 9px 10px; width: 92% }
.today-at-tyler ul li span { float: left; font-size: .7em; margin: 3px 0 0 0; width: 100% }
.today-at-tyler ul li a:hover { background: #f0e2d4; }
.today-at-tyler p a { color: #f6975f; /*font-size: .8em; font-weight: bold; */  float: left; margin: 8px 0 0 0; width: 96.5% }
.today-at-tyler p a:hover { color: #fff }
/* Event Total */
.today-at-tyler .event-total { background: #e2e2e2; margin: 0 }
.today-at-tyler .event-total a { font-size: .9em; font-weight: 700; color: #777 }
.today-at-tyler .event-total a:hover { background: #e0e0e0 }

/* -----------------------------------------
   About
----------------------------------------- */

/* -----------------------------------------
   News Layout
----------------------------------------- */
#main-content .three.columns.secondary, .three.columns.secondary { float: none; margin-top: 10px;}

#main-content #news { background: #EAEAE4; margin-top: 10px;}
#news h5 { color: #8F993E; margin: 10px; }
.news-release-sidebar { border-bottom: solid 1px #e2e2e2; margin: 10px; }
.news-release-sidebar.last { border: none; }
.news-release-sidebar h6 { margin: 0 0 15px 0; }
.news-release-sidebar p { font-size: .8em;}
.news-release-sidebar .stats { font-size: .8em; margin: 0; }
.whitebox, .news-announcements{border:1px solid #eaeae4;}
#featured-news .featured-secondary a{font-size: 1.2em;}
#featured-news .featured-secondary img{max-width: 55%;}
#featured-news .featured-secondary-right { float: right; }
#featured-news h6 { font-size:1.3em; margin: 5px 0 20px 0; }
#featured-news .news-images{ background: #fcfcf3; padding: 10px; text-align: center;}
#featured-news .news-images>a{text-align: center;}
#featured-news .news-images span{float: left; clear: both; font-size: .8em; width: 100%;}
#featured-news .news-images .row{}
#featured-news img { margin: 0 0 0 0;}
/*#featured-news span { float: left; clear: both; width: 100%; font-size: .8em;}*/

.news-announcements  { box-sizing:border-box; margin: 20px 0 0 0;}
.press-contacts { margin: 20px 0 0 0;}
.content-body .news-announcements ul { margin: 0; padding: 10px; }
.content-body .news-announcements ul li { float: left; margin: 0 0 15px 0; width: 100%; }
/*.content-body .news-announcements ul li span { float: left; width: 100%; }*/

#press-col time { display: block; font-size: .7em; color: #aaa; float: left; width: 100%; }

#today-at-tyler { border-top: 20px solid #FCFCF3;} /* This top border give the seperation front the news releases */
#today-at-tyler h6, .whitebox h5, #news h5,.news-announcements h5 {background: #003D4C;}
#today-at-tyler h6 a, .whitebox h5, #news h5,.news-announcements h5 { display: block; padding: 10px; color: #fff;}
.whitebox h5, #news h5,.news-announcements h5{margin:0;}
#today-at-tyler h6 a span { color: #FFF; }
#today-at-tyler ul { margin:0; overflow: hidden;}
#today-at-tyler ul li { float: left; width: 100%; background: #FCFCF3; border-bottom: dotted #D2D2D2 1px; margin: 0; padding:10px; }
#today-at-tyler ul li a { color: #8F993E; }
#today-at-tyler ul li a span { display: block; float: left; font-size: .8em; width: 100%; }
#today-at-tyler ul li.last { border: none; font-size: .8em; padding: 5px 10px 5px 10px; }

#videos { float: left; background: #78824F; position: relative; overflow: hidden; }
#videos h6 { 
		background: url(/images/interface/jtcc/black-50.png); 
		background: rgba(0,0,0,.5); 
		position: absolute; 
		bottom: 0; left: 0; 
		font-size: .9em; 
		margin: 5px 15px 0 0; 
		color: #fff; 
		padding: 10px 0 10px 15px; 
		width: 100% 
		}
#videos h6 a { color: #fff; }
#videos span.play-video {    
	background: url(/images/interface/jtcc/video-play.png) no-repeat;
	/* display: block; */
	position: absolute; 
	top: 32%; 
	width: 48px; 
	left: 41%; 
	height: 48px; 
	z-index: 900; 
	}
#videos img { width: 120%; margin: -30px 0 10px 0; padding: 2px; /*border: solid 1px #919b67; *//* For IE */ /*border: solid 1px rgba(255,255,255, .1); */ }

.video-snapshot { position: relative; }
.video-snapshot span.play-video { 
	background: url(/images/interface/jtcc/video-play.png) no-repeat;
	/* display: block; */
	position: absolute; 
	top: 65px; 
	width: 208px; 
	left: 23%; 
	height: 121px; 
	z-index: 900; 
	}
table.for-videos tbody tr td{
	padding-bottom: 0;
}
/* Photos */
#photos { float: left; background: #6B8998; clear:both; position: relative; overflow: hidden; margin: 20px 0 20px; }
#photos h6 {  float: left; background: url(/images/interface/jtcc/black-50.png); position: absolute; bottom: 0; left: 0; padding: 10px 0 10px 0; display: block; width: 100%}
#photos span { background: url(/images/interface/jtcc/black-50.png); display: block; width: 100%; }
#photos h6 a {  /* background: url(/images/interface/jtcc/flickr-logo.png) 10px center no-repeat; */ padding: 10px 0 10px 15px; font-size: .9em; width: 100%;color: #fff; }
#photos img { max-width: 100%; margin: 0 0 -10px 0; width:100%; /* padding: 2px; border: solid 1px #919b67; For IE */ }

/* Share */
#share { float: left; width: auto; }
#share p { float: left; width: auto; }
.content-body ul.hj_social_bookmarks { float: left; width: auto; padding: 0; margin: -2px 0 0 0;}
.content-body ul.hj_social_bookmarks li { float: left; padding: 5px; }
.content-body ul.hj_social_bookmarks li img { border:none; }


/* Add margin if in content boby */ 
.content-body .social-icons-news { margin: 5px 0 20px 0; padding: 0; }
.content-body .social-icons-news li { margin: 0 10px 0 0; }
.social-icons-news { margin-top: 5px; }
.social-icons-news li a { color: #8F993E; font-size: 2.5em; }
.social-icons-news.interior li a { margin-right: 15px; }
/* -----------------------------------------
   Admissions
----------------------------------------- */
.apply-now-btn { text-align: center; }
/* Schedule */
.schedule [class*="column"] + [class*="column"]:last-child { float: none; }


/* -----------------------------------------
   Academics
----------------------------------------- */



/* -----------------------------------------
   MyTyler
----------------------------------------- */



/* -----------------------------------------
   Pay for Tyler
----------------------------------------- */



/* -----------------------------------------
   Unexpected
----------------------------------------- */
.unexpected { }
.unexpected h4 { 
	]webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #8F993E;
	color: #fff;
	margin: 0;
	border-radius-top-right: 5px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
.unexpected h4 a { color: #fff; }
.unexpected h4 a:hover { color: #fff; }

.content-body .unexpected .six.columns img { border:none;}

.videoWrapper {
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* -----------------------------------------
   Mobile Styles
----------------------------------------- */
@media only screen and (max-width: 767px) {
	#alert p { padding: 0 10px; }
		#jtcc-content .container { margin: 30px 0 0 0; padding: 0 ;}
		#jtcc-header .row.structure { padding: 0; }
		#jtcc-content .row.structure { padding: 0; }

		/* .featured-story { margin: 60px 0 0 0;} */

		.nav-container { }
		
		.connect { color: #444; float: left; width: 100%; }


		/* .nav-bar li { width: 50%; } */
		/* .apply-now a, .register a, .pay a { width: 200px;} */

		#featured{ overflow: hidden; position: relative;}

		.today-at-tyler ul li { width: 95%; }

		#mobile-header { position: relative; /* display: block; background: #302612; padding: 0 0 10px 0; */ }
		#mobile-header img { position: absolute; top: 3px ; left: 3px; width: 70px; margin: 0  0 0 10px; z-index: 31;}
		#mobile-header .mytyler-mobile { 
			float: right;
			color: #fff; 
			font-weight: bold; 
			padding: 10px; 
			margin: 10px 20px 0 0;
			display: block;
			text-shadow: -1px -1px black;
			}
		/* #mobile-header form.search { margin: 0 auto 10px 40px; width: 80%; }
		#mobile-header ul { position: relative; width: 95%; margin: 0 auto 10px auto; height: 170px; }
		#mobile-header ul li { border: #000 solid 1px; border-top: none; border-right: none; float: left; margin: 0; display: inline; width: 40%; padding: 10px; }
		#mobile-header ul li a { 
			color: #fff; 
			font-weight: bold; 
			padding: 10px; 
			text-shadow: -1px -1px black;
			}
		#mobile-header ul li.mobile-home{ border-left: none; }
		#mobile-header ul li.mobile-alumni{ border-left: none; }
		#mobile-header ul li.mobile-academics { border-left: none; }
		#mobile-header ul li.mobile-admissions { }
		#mobile-header ul li.mobile-services { border-bottom: none;}
		#mobile-header ul li.mobile-library{  }
		#mobile-header ul li.mobile-pay { border-bottom: none; border-left: none; }	*/

		/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 10px;
		right: 7px;
		width: 50px;
		height: 35px;
		background: url('/images/interface/jtcc/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 30;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('/images/interface/jtcc/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		}
	/* Navigation Bar
	-------------------------------------------------------- */

	.primary-nav {
		width: 100%;
		float: none;
		background-color: #302612; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 60px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 29;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
		margin: 0;
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}	
	}
/* Tablet  */
@media only screen and (max-width: 1280px) and (min-width: 768px) {
		#alert p { padding: 10px;}
		#mobile-header { position: relative; /* display: block; background: #302612; padding: 0 0 10px 0; */ }
		#mobile-header img { position: absolute; top: 3px ; left: 3px; width: 70px; margin: 0  0 0 10px; z-index: 31;}
		#mobile-header .mytyler-mobile { 
			float: right;
			color: #fff; 
			font-weight: bold; 
			padding: 10px; 
			margin: 10px 20px 0 0;
			display: block;
			text-shadow: -1px -1px black;
			}
		/* #mobile-header form.search { margin: 0 auto 10px 40px; width: 80%; }
		#mobile-header ul { position: relative; width: 95%; margin: 0 auto 10px auto; height: 170px; }
		#mobile-header ul li { border: #000 solid 1px; border-top: none; border-right: none; float: left; margin: 0; display: inline; width: 40%; padding: 10px; }
		#mobile-header ul li a { 
			color: #fff; 
			font-weight: bold; 
			padding: 10px; 
			text-shadow: -1px -1px black;
			}
		#mobile-header ul li.mobile-home{ border-left: none; }
		#mobile-header ul li.mobile-alumni{ border-left: none; }
		#mobile-header ul li.mobile-academics { border-left: none; }
		#mobile-header ul li.mobile-admissions { }
		#mobile-header ul li.mobile-services { border-bottom: none;}
		#mobile-header ul li.mobile-library{  }
		#mobile-header ul li.mobile-pay { border-bottom: none; border-left: none; }	*/

		/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 10px;
		right: 7px;
		width: 50px;
		height: 35px;
		background: url('/images/interface/jtcc/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 30;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('/images/interface/jtcc/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/interface/jtcc/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		}
	/* Navigation Bar
	-------------------------------------------------------- */

	.primary-nav {
		width: 100%;
		float: none;
		background-color: #302612; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 60px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 29;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
		margin: 0;
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}	
	/*#mobile-header { display: block; background: #302612; padding: 0 0 10px 0; }
	#mobile-header img { width: 80px; margin: 10px; }
	#mobile-header .mytyler-mobile { 
		float: right;
		color: #fff; 
		font-weight: bold; 
		padding: 10px; 
		margin: 10px 20px 0 0;
		display: block;
		text-shadow: -1px -1px black;
		}
	#mobile-header ul { position: relative; width: 95%; margin: 0 auto 10px auto; height: 170px; }
	#mobile-header ul li { border: #000 solid 1px; border-top: none; border-right: none; float: left; margin: 0; display: inline; width: 

		; padding: 10px; }
	#mobile-header ul li a { 
		color: #fff; 
		font-weight: bold; 
		padding: 10px; 
		text-shadow: -1px -1px black;
		}
	#mobile-header ul li.mobile-services { border-left: none; border-bottom: none;}
	#mobile-header ul li.mobile-library{ border-left: none; } */

	.nav-container { width: 100%; }
		
}
/* -----------------------------------------
   Print Styles
----------------------------------------- */
@media print {
		ul { float: none;}
		#link-wrap { border: none;}
		#jtcc-header { border: none;}
		#jtcc-content .row.structure { border: none;}

		#jtcc-content .content-body { display: block; width: 90%;}
	}

/*
====
====
This is the original that needs cleaned and sorted
====
====
*/

/* Lists */
/* ol { list-style-type: decimal; padding: 15px 0 15px 20px;  width: 95%; } */
/* ol li { width: 100%;} */
/* ul { float: left; width: 100%; } */
/* ul.disc { list-style-type: disc; } */
ul.circle { list-style-type: circle; }
/* ul.disc li { line-height: 1.2em; } */
li { /* font: normal .9em 'Open Sans', Helvetica, Arial, sans-serif;*/ /*font: normal 1em 'Lato', Helvetica, Arial, sans-serif */ line-height: 1.4em; }
li li { }
.alert-box a { text-shadow: none; color: #222;}
.primary ul { float: none; padding: 20px 0 0 20px; }

.content-body ul { position: relative; padding: 15px 0 15px 20px; margin : 0 0 0 15px; width: 95%; }
.content-body ul.tabs-content { margin : 0 ; width: 100%; }
.content-body .tabs.contained dd { background: #c9c9bc; color: #666; }
.content-body .tabs.contained dd a { background: #eaeae4; border: 1px solid #ddd; border-bottom: none; color: #555; font-size: .9em; }
.content-body .tabs.contained dd a.active { background: #fff; font-family: 'OpenSansBold', Helvetica, Arial, sans-serif; color: #666; }

.content-body ul.explore-list { float: left; width: 190px; }
/* .content-body ul li {  clear: both; /* padding: 0 0 10px 0;  } */
.content-body ol ul{
	padding:10px 0 0 20px;
}
.content-body ul ul { position: relative; padding: 10px 0 0 20px; list-style-type: circle; margin : 0 0 0 15px; width: 95%; }

ul.academic-cal-terms { float:left; margin: 0; padding: 0; width: 100%; }
ul.academic-cal-terms li { clear: none; float:left; margin: 0 10px 20px 10px; width: auto; } 

tbody tr th { text-align: left;}

/* Programs list */
#program-list { font-size: 1.1em; margin: 0 ; padding: 0 ; }
#program-list li a { color: #222; font-weight: bold;} /* First level styling */
#program-list li ul li a { color: #AE5622; font-weight: normal;} /* First level styling */
#program-list li a { color: #222; font-weight: bold;} /* First level styling */
#program-list li ul li a { color: #AE5622; font-weight: normal;} /* First level styling */

/* Tables */
/* td { padding: 10px; vertical-align: top; font-size: .9em; } */
th { font-weight: bold; }
.primary table { width: 100% }
#main-content table { margin: 0 0 15px 0; border: solid 1px #e2e2e2; }
#main-content table tr { border: solid 1px #e2e2e2; }
/* #main-content table td { border: solid 1px #e2e2e2; } */
#main-content table th { background: #F3F3E9; color: #666; padding: 10px; }
#main-content table td ol { margin: 0; }
/* No border */
#main-content table,
#main-content table.no-border td,
#main-content table.no-border tr { background: none; border: none; }
#main-content table.no-border tr td img { max-width:none;}

#main-content table,
#main-content table.no-border.large td,
#main-content table.no-border.large tr { color: #666; font-size: 1em; line-height: 1.4em;}
/*#main-content table.no-border.large td img { width: 110%; }*/

/* Forms */
.content-body form { float: left; font-size:1em; margin: 20px 0 40px 0; width: 100%; }
/* .content-body form label { float: left; font-size: .8em; width: 100%; } */
/* .content-body form p { float: left; width: auto; } */
/* .content-body form input { font-size: 1em; padding: 2px; } */
.content-body form select { padding: 5px 3px; }
label { text-align: left }
.captcha { margin: 20px 0 5px 0 ;}
#schedule select{
   border: 1px solid #ccc;
   font-size: .9em;
   width: 90%;
   background: white;
}
.content-body input[type="submit"], .content-body input[type="reset"]{
	background: #eaeae4;
	border: 1px solid #e0e0d7;
	border-radius: 3px;
	font-size: .9em;
	margin-top:10px;
	padding: 8px 0;
	width: 225px;
}
.content-body input[type="submit"]:hover, .content-body input[type="reset"]:hover{
	background: #efefe9;
	cursor: pointer;
}
/* Images */
img.full.left { border: solid 4px #EAEACE;  margin: 15px;}
.content-body img { border: solid 4px #DEDEC5;}
.content-body.schedule img { border: none; }
img.icon { border: none; }

/* Buttons */
.content-body a.watch-video { 
		background: #F5F5E6 url(/images/interface/jtcc/watch-video.png) 10px 8px no-repeat; 
		color: #663;
		margin: 10px 0;
		padding: 7px 10px 8px 50px; 
		float: right;
		font-weight: bold;
		}
.content-body a.watch-video.left{ float:left; clear: both; }
.content-body a.watch-video:hover { 
		background: #f0f0de url(/images/interface/jtcc/watch-video.png) 10px -22px no-repeat; 
		color: #333;
		text-decoration: none;
		}
.orange.button { 
		color: #fff; 
		background: #8F993E;  
		
	}


/*/////////////////////////////////////////////
	\\ Header
/////////////////////////////////////////////*/

.main-nav {  
		float: right;
    	margin: 65px 0px 0 0; 
		padding: 0; 
		/* width: 74%; */
		}
.main-nav ul li { float:left; font-size: 1em; text-transform: uppercase; /* font-family: 'Bevan', arial, serif; */ font-family: 'OpenSansBold', Helvetica, Arial, sans-serif }
.main-nav ul li.library a { padding: 0 }
.main-nav ul li ul { float: left; display:inline-block; }
.main-nav ul li ul.columned { float: left; display:inline-block; height: 210px; width: 480px; }
.main-nav ul li ul.columned.right { position: absolute; top: 100%; left: -200px;float: left; display:inline-block; height: 180px; width: 480px; }
.main-nav ul li ul.columned li { float: left; display:inline-block; width: 200px; }
.main-nav ul li ul.columned li a:hover { /* background: red; */}
.main-nav ul li ul li {  float: left; width: 85%; /* font: normal 1em 'Lato', Helvetica, Arial, sans-serif */ }
.main-nav ul li ul li.last {  border-bottom: none; }

#jtcc-header h1 { float: left;margin: 0; }
#jtcc-header h1 a { 
		float: left;
		margin: 20px 10px 10px 10px;
		text-indent: -9999em; 
		/*background: url(/images/interface/jtcc/tyler-logo-transparent.png) no-repeat;*/
		height: 121px; 
		width: 196px;
		}
#jtcc-header h1 a img{
	float: left;
}
#jtcc-header .ei-logo h1 a { background: url(/images/interface/jtcc/tyler-logo-transparent-burgundy.png) no-repeat; }
#header .main-nav ul li ul li  {
		padding: 5px 10px;
		float: left;
		width: 100%;
		}
#header .main-nav ul li ul li a {
		padding: 5px 10px;
		}
#header .main-nav ul li a:hover {
		background: #666;
		text-decoration: none;
		}
	
/*/////////////////////////////////////////////
	\\ JTCC Page
/////////////////////////////////////////////*/


/** Event details as of 05/14/12 */
.event-details { 
		background: #F2F2F2 url(/images/interface/jtcc/calendar-event-pointer.gif) -30px -10px no-repeat;
		border: solid 1px darkgray;
			border-radius: 10px;
		display: none;
			-moz-border-radius: 10px;
			-moz-box-shadow: 0 0 10px #666;
		margin: -60px 0 0 155px;
		padding: 10px;
		position: absolute;
		/* top: 0; left: 0; */
		width: 300px;
		z-index: 30;
	}
	.close-cal-event { display: block; font-size: 1.5em; position: absolute; top: 10px; right: 10px; height: 10px; width: 10px; z-index: 31;}
.event-details p { margin: 0 0 0 21px; font-size: 1.1em; padding: 0; }
.event-details h5 { border-bottom: solid 1px #e2e2e2; margin: 5px 0 10px 0; }
.event-details p.event-time, #event-details p.event-notes { margin: 0 0 5px;  }
.event-details p.event-location { margin: 0 0 5px 0;  }
div.event-details.left {	margin: -40px 0 0 -330px;
}

div.event-details span.pointer { background: url(/images/interface/jtcc/calendar_assets.png) -36px -21px no-repeat; position: absolute; display: block; width: 20px; height: 42px ; margin: 15px 0 10px -20px; left: 0 }
/* Positions event details differently if overlapping browser frame */
	div.event-details.left span.pointer { background: url(/images/interface/jtcc/calendar_assets.png) -59px -21px no-repeat; position: absolute; display: block; width: 20px; height: 42px ; margin: 15px -20px 10px 0; right: 0 ; left: 320px; }
/* Positions event details differently if overlapping browser frame */
div.event-details.center { margin: 3% 0 0 30%; right: 40%;  }
	div.event-details.center span.pointer-center { background: url(/images/interface/jtcc/calendar_assets.png) -35px 0 no-repeat; display: block; width: 42px; height: 20px ; margin: -30px auto 10px auto; } 
.large-dot { }


.event-details h5 span { float: left; display: block; width: 14px; height: 14px; margin: 4px 8px 0 0 } /* Defaults */
.event-details.general h5 span { background: url(/images/interface/jtcc/calendar_assets_rebrand.png) -2px -19px no-repeat; }
.event-details.academic-calendar h5 span { background: url(/images/interface/jtcc/calendar_assets_rebrand.png) -2px -2px no-repeat; }
.event-details.academic-events h5 span { background: url(/images/interface/jtcc/calendar_assets_rebrand.png) -2px -2px no-repeat; }
.event-details.holiday h5 span, .event-details.general h5.general.holiday span { background: url(/images/interface/jtcc/calendar_assets_rebrand.png) -2px -37px no-repeat; }


/*/////////////////////////////////////////////
	\\ Secondary Content
/////////////////////////////////////////////*/

	
/*/////////////////////////////////////////////
	\\ Main Content - Secondary Pages
/////////////////////////////////////////////*/

#main-content { /* float: left; clear: both; margin: 30px 0 30px 0; width: 100%; */ }
#main-content .secondary { /*  float: right; margin: 0 0 60px 0;  width: 30%; */margin: 0 2% 0 2%;} 
	#main-content .secondary.home { position: absolute; top: 80px; right: 60px; float: right; margin: 0 40px 0 0; width: 26%; }
#main-content .primary { float: left; margin: 0 0 0 20px; width: 66%; }
#main-content .primary.full { float: left; margin: 0 0 0 40px; width: 100%; }


/* Breadcrumbs*/
ul.breadcrumbs { background: none; border: none; margin-left: 10px;}	
.content-block {
		background: #78824F; 
		position: relative;
		float: right; 
		margin: 25px 15px 0 0;
		height: 150px; 
		width: 300px 
		}
.content-block img {
		border: solid 2px #336633;
		background: #fff;
		float: left; 
		margin: 13px 0 0 13px;
		padding: 5px;
		width: auto;
		}

/*Announcements*/
.content-body .announcement { border-radius: 5px;  background: #f3f3e9; margin: 0 0 25px 0; }
.content-body .announcement h4 { padding: 10px ; color:#AE5622; }
.content-body .announcement ul { display: block; float: left; margin: 0 10px; padding: 5px 0 0 20px; width:94%; }
.content-body .announcement ul li { }

.related-info { float: left; width: 100%; }		
.related-info ul { float: left; width: 100%; }	
.related-info ul li { float: left; height: 150px; margin: 0 25px 0 0; width: 30%; }	
.related-info ul li a { float: left; width: 100%; }	
.related-info ul li a:hover { float: left; width: 100%; }	

/* Subnav */					
#main-content .subnav ul li.first {	border-top: none; }
#main-content .secondary.home .subnav ul li.last {	border-bottom: none; }
#main-content .secondary.home .subnav ul {  }
#main-content .secondary.home .subnav ul li a { color: #fff; }
#main-content .subnav { background: #eaeae4; font-size: .9em; margin:  0 0 20px 0; }
#main-content .contact-information { 
		background: #EAEAE4; 
		border-bottom: none;
		border-top: solid 4px #e0e0d7;
		float:left;
		font-size: .9em; 
		margin:  0 0 20px 0; 
		padding: 10px 20px 0 20px;
		width: 100%; 
		}
#main-content .subnav ul li { border-bottom: solid 1px #e0e0d7;margin: 0; }

#main-content .subnav ul li.active { font-family:'OpenSansBold', Arial, sans-serif; }
	/* second tier */
	#main-content .subnav ul li ul li { line-height: 1.1em; }

	#main-content .subnav ul li ul li a:hover { color: #222; }
	#main-content .subnav ul li ul li:before { color: #888; }
	#main-content .subnav ul li ul li.active a { background: none; color: #222;}
	#main-content .subnav ul li ul ul { 
			padding: 10px 0;
			margin: 2px 0 0 10px;
			width: 100%;
			}
#main-content .subnav ul li:nth-last-child(1) { border-bottom: none; }

#nav-sub ul li.here { color: #222; }
#nav-sub ul li.here a { color: #222; text-decoration: underline; }	
#nav-sub ul li.here ul li,
#nav-sub ul li.here ul li a { text-decoration: none; }

/* Colored callout box */ 
#main-content .subnav.orange { border-top: 4px solid #9c0c23; background-color: #C8102E; color: #fff;}
#main-content .subnav.orange li { border-bottom: solid 1px #9c0c23	; }
#main-content .subnav.orange a, #main-content .subnav.green a { color: #fff;}
#main-content .subnav.orange h5,
#main-content .subnav.green h5 { margin: 10px 0 10px 15px; color: #fff;}

#main-content .subnav.green { border-top: 4px solid #6b722e; background-color: #8F993E; color: #fff;}
#main-content .subnav.green li { border-bottom: solid 1px #6b722e; }


/* NEW Subnav 
----------------*/ 
#main-content .subnav ul li a, .subnav.orange ul li strong {  display: block; padding: 10px 20px 12px 20px; width: 87%; }
#main-content .subnav ul li.here a,
#main-content .subnav ul li.parent-here a { background: #c9c9bc ; font-family:'OpenSansBold', Arial, sans-serif;  }

/* Second Tier */ 
.subnav li.here a,.subnav li.parenthere a{ font-family:'OpenSansBold', Arial, sans-serif; }
#main-content .subnav ul { margin: 0 0 5px 0; overflow: hidden;}
#main-content .subnav ul li.here ul,
#main-content .subnav ul li.parent-here ul { background: #E0E0D7 ; margin: 0 0 0 0; color: #fff; }
#main-content .subnav ul li ul li { border-bottom: solid 1px #d4d4c6; }
#main-content .subnav ul li ul li a { padding: 10px 10px 12px 40px; width: 81%; }
#main-content .subnav ul li ul li ul li a { padding: 10px 10px 12px 55px; width: 71%; font-size: .9em; }
#main-content .subnav ul li.here ul li a,
#main-content .subnav ul li.parent-here ul li a,
#main-content .subnav ul li.parent-here ul li.here ul li a   { font-family:'OpenSans', Arial, sans-serif; background: none; color: #666; text-decoration: none; }
#main-content .subnav ul li.here ul li { margin: 0; }

#main-content .subnav ul li ul li.here { margin: 0; padding: 0; width: 105%; }
#main-content .subnav ul li.parent-here ul li.here a,
#main-content .subnav ul li.parent-here ul li.parent-here a,
#main-content .subnav ul li.parent-here ul li.parent-here ul li.here a  { font-family:'OpenSansBold', Arial, sans-serif; margin: 0; color: #666; }

#main-content .subnav ul li.parent-here ul li.here ul,
#main-content .subnav ul li.parent-here ul li.parent-here ul { background: #dbdbd2; margin: 0 ; padding: 0; }
#main-content .subnav ul li.parent-here ul li.parent-here ul li { border-bottom: solid 1px #d6d3c7; }
#main-content .subnav ul li.parent-here ul li.parent-here ul li a {  font-family:'OpenSansRegular', Helvetica, Arial, sans-serif; margin: 0; color: #666; }
/* END */

/* Alert */
#alert { display: none; background: #C8102E; border-bottom: solid 1px #a20821; padding: 15px 0; position: relative; color: #fff; z-index: 30;}
#alert p { margin: 0;  }
#alert p a { color: #fff; }
#alert .close { color: #fff; font-size:1.2em;}
#alert .close:hover{ text-decoration:none;}
#alert .row {
    box-sizing: border-box;
    padding: 0 10px;
}
#alert-tag { display: none; background: #AE5622; border: solid 1px #8d4318; border-top: none; color: #fff;  position: fixed; top:0; left: 150px; padding: 5px 10px; z-index: 2000;}
#alert-tag h2 { font-size: 1.3em; margin: 0; color: #fff; }

/* Content Body*/
#main-content .content-body {  margin-left: 2%; /*margin-right: 2%;*/}
#main-content .primary .content-body { float: left; padding: 0 0 40px 0; width: 95%;}
#main-content h2 { border-bottom: solid 1px #e0e0d7; padding: 0 0 0 0; width: 98%; margin: 0 0 0 20px;}

/* Academic Programs Layout */
#main-content .academic-programs h2 { border-bottom: none; color: #666; margin: 0 0 20px 0; padding: 0; font-size: 1em; }
#main-content .academic-programs table { border-collapse: collapse; margin: 10px 0 15px 0; border: solid 1px #e2e2e2; }
#main-content .academic-programs table tr { border: solid 1px #e2e2e2; }
#main-content .academic-programs table tr td, #main-content .academic-programs table th { padding: 10px; }
#main-content .academic-programs table th { background: #F3F3E9; color: #96967f; }

/* Contact Information */
#main-content .contact-information { box-sizing:border-box; font-size: 1.1em; padding: 20px 10px; text-align: right; width: 100%%; }
#main-content .contact-information h5 { font-size: 1.1em; }
#main-content .contact-information h6 { color: #C9C9BC; /*font-size: .8em;*/ margin: -10px 0 15px 0;}
#main-content .contact-information p { font-size: .8em; }
.content-body td p { margin: 3px 10px 0 10px;}

/* Programs */
.program-block { 
		color: #315D4F;
		background: #e5faf3;
		border-bottom: solid 6px #b5e5d6; 
		float: left; 
		margin: 20px; 
		min-height: 240px; 
		width: 250px; 
		}
.program-block h5 { margin: 10px 15px; }
.program-block:hover { background: #d8efe8; }
.program-block.l { clear: both; margin-left: 0; }

/* Press Release Page */
.news-listing { border-bottom: solid 1px #e2e2e2; margin: 0 0 30px 0; padding: 0 0 30px 0 }
.news-listing h4 a { color: #666; }
.news-listing h4 a:hover { color: #222; }
.news-listing p { margin: 0; }
.news-listing p.stats { font-weight: bold; font-size: .9em; color: #ccc; margin: 5px 0 15px 0;}

span.pr_date { border-top: 1px solid #EAEACE ; color: silver; float: left; margin: 10px 0 20px 0; padding: 5px 0; width: 100%;}
#main-content .press-release-contacts { float: left; width: 100%; }
#main-content .press-release-contacts .primary, #main-content .press-release-contacts .secondary { float: left; margin: 0 0 40px 0; width: 45%; }

#main-content .press-release-contacts .primary { margin: 0 40px 0 0 }
#main-content .press-release-contacts .secondary {  }

/* Year Select button */
.year-select { float: left; margin: 0 20px 0 0; width: 80px;}
#year-select { background: #E6E3D6; border: solid 1px #ccc; border-radius: 3px ; font-size: .8em; padding: 5px; float: left; margin: 0 10px 5px 0; width: 75px; }
#year-select p { font-size: 1.2em; margin: 0;}
#year-select a { display:inline-block; font-size: 1.2em; font-weight: bold; }

#year-list {display: block;  border: solid 1px #e2e2e2; font-size: 1.2em; position: absolute; background: #fff; padding: 3px 5px; top: -20px; left: 35px; }
#year-list ul { margin: 0; }
#year-list ul li { margin: 0; }

/*/////////////////////////////////////////////
	\\ Calendar
/////////////////////////////////////////////*/
.calendar-filter { float: right; margin: 0 0 0 0; padding: 12px 0 0 25px; margin: -10px 0 0 0; }
.calendar-filter p { float: left; margin: 0 20px 0 0; width: auto; }
.calendar-filter ul { float: left; margin: 0; padding: 0 0 0 0; width: auto; }
.calendar-filter ul li { background: url(/images/interface/jtcc/cal-dots-rebrand.png) left no-repeat; float: left; width: auto; padding: 0 10px 0 33px; }
	.calendar-filter ul li.academic-events { background-position: 10px 1px;  }
	.calendar-filter ul li.general-events { background-position: 10px -25px;  }
	.calendar-filter ul li.holiday { background-position: 10px -48px;  padding-right: 0; }
.calendar-filter li.active { background-color: #E6E3D6; border: solid 3px #E6E3D6; border-radius: 3px; font-weight: bold;}

#main-content table.calendar { border: solid 1px #e2e2e2; margin: 20px 0; width: 100%;  }
table tbody tr:nth-child(even){ background: none; }
#main-content table.calendar thead th { color: #fff; background: #8F993E; border: solid 1px #6b722e; padding: 5px;}
table.calendar th { color: #fff; padding: 5px; text-align: center; font-size: .8em; } 
table.calendar td { 
		border-left : 1px solid #e2e2e2;
		border-top: 1px solid #e2e2e2;
		color: #666;
		font-size: .7em;
		height: 130px;
		padding: 0 ;
		width: 14%;
		}
	.cal-day { background: #E6E3D6; border-right: solid 1px #ccc; float:left; margin: 0 0 5px 0; width: 100%; }
	.cal-day span { font-weight: bold; margin: 2px 0 2px 10px;}
	
.calendar-content .calendar-column { float: right; width: 20%; }

.calendar-main-column { float: left; width: 65%; }
.calendar-main-column { margin: 30px 0 0 0; }
.calendar-main-column table { border: solid 1px #e2e2e2; float: left; margin: 10px 20px 20px 0; width: 100%; }
.calendar-main-column table thead { border-bottom: solid 1px #e2e2e2; text-align: left; padding: 2px 5px; }
.calendar-main-column table thead tr th { color: #666; font-size: .8em; padding: 10px }
.calendar-main-column table td { border-bottom: solid 1px #e2e2e2; font-size: .9em; padding: 10px }
.calendar-main-column table td.day-time { border-right: solid 1px #e2e2e2; font-size: .6em; width: 150px;}

table.week-table { }
table.week-table td.no-border { border: none; }


.calendar-month-links .pagination li { font-size: .9em; }
.calendar-month-links .pagination li a:hover, .calendar-month-links .pagination li.current { }
.calendar-month-links .pagination li a:hover { text-decoration: none; }
.calendar-month-links ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus { border-bottom: solid 3px #8F993E; }

.day-event { border-bottom: solid 1px #ccc;}
.calendar-month {  margin: 0 0 10px 40px; }
.calendar-month h3 {  color: #AE5622; float: left; font-size: 2.2em; margin: 0px 20px 0 30px;}
.calendar-day h2 {  float: right; margin: 0 30px 20px 0;}

/* Events */
.event {  display: block; float: left ;  margin: 0 0 8px 0; width: 100%; }
.event p { margin: 0 ; padding: 5px 2px 5px 18px; font-size: .95em; width: 86%;  }
.primary . { border-bottom: #e2e2e2 solid 1px; float: left; margin: 20px 0; padding: 0 0 20px 0; width: 100%; }
	.day-calendar-header span.number { float: left; font-size: 6em; font-weight: bold; width: auto;}
	.day-calendar-header span.date { clear: both; float: left; width: auto; }
.event p span { float: left; margin: 1px 0 0 -16px; height: 11px; width: 11px; }

p.multi { text-indent: -9999em; }
p.general.multi { background: #f1fbf0; border-top: solid #e5eee4 1px; border-bottom: solid #e5eee4 1px}
p.academic-events.multi ,  p.academic-calendar  { background: #f0f8fa; border-top: solid #dfe9ed 1px; border-bottom: solid #dfe9ed 1px }
p.multi.first { text-indent: 0; }
p.holiday.multi { background: #fcede8; border-top: solid #f0ded8 1px; border-bottom: solid #f0ded8 1px}
p.academic-events span { background: url(/images/interface/jtcc/cal-dots-rebrand.png) -3px -87px no-repeat; }
p.academic-calendar span { background: url(/images/interface/jtcc/cal-dots-rebrand.png) -3px -87px no-repeat; }

p.general span { background: url(/images/interface/jtcc/cal-dots-rebrand.png) -3px -112px no-repeat;}
p.holiday span { background: url(/images/interface/jtcc/cal-dots-rebrand.png) -3px -135px no-repeat;}

p.general span { background: url(/images/interface/jtcc/cal-dots-rebrand.png) -3px -112px no-repeat;}
p.holiday span { background: url(/images/interface/jtcc/cal-dots-rebrand.png) -3px -135px no-repeat;}

.day-calendar .day-event { clear: both; float: right;  font-size: .8em; margin: 10px 0 15px 0; width: 55%;}

ul.dropdown li.last { border-right: none; } 
ul.dropdown li:last-child a { border-right: none; } 
ul.dropdown li.hover,
ul.dropdown li:hover {  position: relative; text-decoration: none; }
ul.dropdown li.hover a { color: #666; }
ul.dropdown li.hover a:hover {  color:#222; }


.screen-reader {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
}

/* 
	LEVEL TWO
*/

ul.dropdown ul { width: 250px; visibility: hidden; position: absolute; top: 100%; left: -4px; font-size: .7em; z-index: 10;}
ul.dropdown li.last ul { left:-135px;}
ul.dropdown ul li { 
		border-right: none;
		border-bottom: solid 1px #f2f2f2; 
		font-weight: normal; 
		color: #000; 
		float: none; 
		}
ul.dropdown ul li:hover,
ul.dropdown ul li.hover {  }
ul.dropdown li.search.hover ul li:hover { background:none;  }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { 
		color: #666;
		width: 100%; 
		display: inline-block; 
		} 
/* 
		LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }


/* DEAL WITH THIS */

.size,
.department-select { position:relative }
.department-select { float: left; width: auto; }
.size .field,
.department-select .field2 {
        color:#fff; padding:5px;  cursor:pointer;
        /* background: url(../images/toolkit.png) bottom no-repeat; */
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
}
.department-select .field2 {
        border: #e7e2d7 solid 1px; background: none; color:#7a6e54; padding:8px;  cursor:pointer;
        /* background: url(../images/toolkit.png) bottom no-repeat; */
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
		width: 400px;
}
.size .field:hover {
		background: rgba(0,0,0, .2);
		color: #fff;      
		}
.department-select .field2:hover {
		border: solid 1px #ccc5b6;
		background: #e7e2d7;
		color: #362a11;      
		}
#link-header .link-nav .size>ul.list,
.department-select>ul.list2 { 
		display:none;
        position:absolute; left: -30px; top:57px; z-index:999;
        width:250px;
        margin:0; padding: 0 0 0 0; list-style:none;
        background:#fff; color:#333;
			border-bottom: 2px solid #D9D9CB;
			border-right: 2px solid #D9D9CB; 
			border-left: 2px solid #D9D9CB;
		}
#link-header .link-nav .size>ul.list li a { 
		float: none;
		}

#link-header .link-nav .size>ul.list li,
.department-select>ul.list2 li {
        padding:5px 10px;
		margin: 0;
        border-bottom: solid 1px #e2e2e2; width: 92%;
		}
#link-header .link-nav .size ul li a,
.depatment-select ul li a { color: #888; padding: 5px 0; text-shadow: none; }
.size>ul.list li:hover,
#link-header .link-nav .size ul li a:hover,
.depatment-select ul li a:hover { text-decoration: none; background: #f1f1f1; color: #666; padding: 5px 0; text-shadow: none;}

#link-header .link-nav .size > ul.list li.last,
 .department-select > ul.list2 li.last { border-bottom: none }

.size>ul.list li:last-child,
.department-select>ul.list2 li:last-child, { border:none }

/*
=========================================================
This is another attempt at multi-columns out of one ul */

.peers-image { float: left; width: 100%; }
.peers-image img {  width: auto; }
.peer-logos { float: left; width: 100%; padding-bottom: 20px; }
.peer-logos li { float: left; width: auto; }
.peer-logos li img { border: none; }

/* END
=======================================================*/


/*=========== DIRECTORY ===========================*/
div.directory-search { margin: 0 0 20px 0;}
div.directory-search p.div-label { /*border-bottom: dotted 1px #E2E2E2;*/ color: #444; font-size: 16px; font-weight: bold; margin: 10px 0 0 0; padding: 0 0 4px 0}
div.directory-search p.dept-label { color: #444; font-size: 14px; font-weight:bold; margin: 5px 0 0 0; padding: 0 0 0 0}
div.directory-search p.dis-label{ margin: 0 0 0 0; padding: 2px 0}
div.directory-search p.div-label strong, p.dept-label strong, p.dis-label strong{ color: #666;}
div.directory-search p.dept-label, p.div-label, p.dis-label { color: #777; /*float:left; width: 70%;*/ }
div.directory-search p.work-title strong { margin: 3 0 10px 0; }
div.directory-search p.email {
	background: url(/images/directory-icons.gif) -6px -48px no-repeat; 
	color: #6a6a6a;
	margin: 0 0 10px 0; 
	padding: 0 0 0 30px;
	/* height: 18px; */
	}
div.directory-search p.email a {color: #6a6a6a;}
div.directory-search div.location{ color: #6a6a6a; /*float: left; clear:both; width: 70%;*/ margin: 15px 0 25px 0;}
div.directory-search h5 { color:#444; }

div.directory-search .location h6 {border: none; color:#444; font-size: 14px; padding: 0; margin: 0;}
div.directory-search p.building {color: #6a6a6a;padding: 0 0 0 0; margin: 2px 0 0 0;}
div.directory-search p.office{color: #6a6a6a;padding: 0 0 0 0;}
div.directory-search p.phone {background: url(/images/directory-icons.gif) -6px 0 no-repeat;color: #6a6a6a;padding: 4px 0 0 35px; margin: 0 0 0 0; height: 20px;}
div.directory-search p.fax {background: url(/images/directory-icons.gif) 1px -25px no-repeat; color: #6a6a6a;padding: 2px 0 0 35px; margin: 0 0 0 0;height: 18px;}
div.directory-search p.cell {background: url(/images/directory-icons.gif) -7px -68px no-repeat; color: #6a6a6a;padding: 2px 0 0 35px; margin: 0 0 0 0;height: 18px;}


@media only screen and (max-width: 767px) {
		.container { padding: 0 ;}
	}
@media only screen and (min-width: 767px) {		
	#main-content .three.columns.secondary, .three.columns.secondary { float: left;}
	#main-content .secondary { margin: 0 0 0 2%;} 
}
@media only screen and (min-width: 1024px) {

		#main-content .content-body {  margin-right: 0%;}
		#featured-news .news-images{ background: #fff; padding:0 0 10px 0;}
		#featured-news .news-images .row{max-width: 372px;}
		#featured-news .featured-secondary { float: left; }
		#featured-news .featured-secondary img{max-width: 100%;}
		#main-content #news, #main-content .three.columns.secondary, .three.columns.secondary{margin-top: 0;}
		.quote{
			width: 40%;
		}
}	
/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
#gallery {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 100%; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 425px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	/* background-image: url('loader.gif'); */
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 425px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow img {
	/* max-width: 550px; */
	max-height: 425px;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	/* max-width: 550px; */
	height: 425px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 425px;   /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	max-width: 550px;
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
#thumbs { float: left; position: relative; height: 82px; overflow: hidden; margin: 0 0 10px 0; width: 100%;}
ul.thumbs {
	/*clear: both;*/
	margin: 0;
	padding: 0;
	width: auto	;
}
ul.thumbs li {
	float: left;
	clear: none;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	font-size: 1.5em;
	vertical-align:middle;
	height: 75px;
	margin: 5px 5px 0 0;
	width: 16px;
	background: #EAEADD;
	padding: 0 2px 0 5px;
	left: 1px;
	}
div.navigation a.pageLink span {
	display: block;
	position: relative;
	float: left;
	vertical-align:middle;
	line-height: 70px;
	}

/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
  z-index: 1010;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none;
}
.chzn-container-single .chzn-default {
  color: #999;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('/images/interface/jtcc/chosen-sprite.png') right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: right top;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat 0 0;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff url('/images/interface/jtcc/chosen-sprite.png') no-repeat 100% -22px;
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius   : 0 0 4px 4px;
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  -o-box-shadow     : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); 
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('/images/interface/jtcc/chosen-sprite.png') right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );  
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  -o-box-shadow     : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: #fff url('/images/interface/jtcc/chosen-sprite.png') no-repeat -38px -22px;
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);  
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('/images/interface/jtcc/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
/* @end */


/*Datedropdown*/

/* the input field */
.date {
    border:1px solid #ccc;
    font-size:18px;
    padding:4px;
    text-align:center;
    width:194px;
    -moz-box-shadow:0 0 10px #eee inset;
    -webkit-box-shadow:0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
    /* place on top of other elements. set a higher value if nessessary */
    z-index:10000;
    margin-top:-1px;
    width:198px;
    padding:2px;
    background-color:#fff;
    font-size:11px;
    border:1px solid #ccc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {padding:2px 0; height:22px;}
#caltitle {
    font-size:14px;
    color:#0150D1;
    float:left;
    text-align:center;
    width:155px;
    line-height:20px;
    text-shadow:0 1px 0 #ddd;
}
#calnext, #calprev {
    display:block;
    width:20px;
    height:20px;
    background:transparent url('/images/interface/jtcc/prev.gif') no-repeat scroll center center;
    float:left;
    cursor:pointer;
}
#calnext {background-image:url('/images/interface/jtcc/next.gif');float:right;}
#calprev.caldisabled, #calnext.caldisabled { visibility:hidden;}
/* year/month selector */
#caltitle select {font-size:10px;}
/* names of the days */
#caldays { height:14px; border-bottom:1px solid #ddd; }
#caldays span { display:block; float:left; width:28px; text-align:center;}
/* container for weeks */
#calweeks { background-color:#fff; margin-top:4px;}
/* single week */
.calweek { clear:left;height:22px;}
/* single day */
.calweek a {
    display:block;
    float:left;
    width:27px;
    height:20px;
    text-decoration:none;
    font-size:11px;
    margin-left:1px;
    text-align:center;
    line-height:20px;
    color:#666;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
/* different states */
.calweek a:hover, .calfocus {background-color:#ddd;}
/* sunday */
a.calsun {color:red;}
/* offmonth day */
a.caloff {color:#ccc;}
a.caloff:hover {background-color:rgb(245, 245, 250);}
/* unselecteble day */
a.caldisabled { background-color:#efefef !important;color:#ccc	!important;cursor:default;}
/* current day */
#calcurrent { background-color:#498CE2;color:#fff; }
/* today */
#caltoday { background-color:#333;color:#fff; }

/* This is to hide a input for spam bots */
#other_email_label, #other_email { display: none; }

a.teacher-ed { float: left; text-indent: -9999em; background: url(/images/uploads/pages/teacher_edu_200x113.jpg) top no-repeat; height: 113px; width: 200px; }

.eva-logo { display:block; float: right; margin-top: 20px; width: auto; clear: both; }


@media (max-width: 600px) {
  /* Basic Styles */
.economic-impact #jtcc-header { background: #003D4C; position: relative; z-index: 4; }
.economic-impact #jtcc-header .row.structure, .economic-impact #jtcc-content .row.structure { background: #FFF; border: none; }
.economic-impact #jtcc-content .row.structure { border-bottom: none;}
.economic-impact #jtcc-content {  background: #003D4C; }
}
@media (max-width: 870px) {
	.button-group.radius.majors{
		box-sizing:border-box;
		margin-left: 0;
		padding-left: 0;
		width:100%;
	}
	.button-group.radius.majors li{
		box-sizing:border-box;
		width: 100%;
	}
	.button-group.radius.majors .button{
		border-radius:3px;
		box-sizing:border-box;
		margin-bottom: 3px;
		width:100%;
	}
}
/* Programs of Study buttons */
.button.program {
	background-color: #009CA6;
	color: white;
}
.button.program:hover {
	color: white;
}
.button.program.active {
	background-color: #003D4C;
}
.program {background: #eaeae4 none repeat scroll 0 0; border-radius: 100%; font-weight: bold;}
.button.program{line-height:1.3; padding:9px 34px 11px;}
.program.no-fa {background: #660033; color: #FFF;}
/*.program.stem {color: #009CA6;}*/
.program.stem {display: none;}
.program.pending {background: #C8102E; color: #FFF}
.program.transfer {background: #003D4C; color: #FFF}
.program.cte {background: #009CA6; color: #FFF}
.program.online {background: #AF1685; color: #FFF}


.item-list ul li a{
	margin-right: 5px;
}
p.azlist{font-size: 1.45rem; margin-bottom: 2.75rem;}
span.program{
	font-size: 1.2rem;
	padding: 2px 7px;
}
.spacing p{
	line-height: 1.7;
}
.legend.majors{
	background: white;
	border: 1px solid #f1f1f1;
	margin-bottom: 10px;
	padding:10px 5px 0;
	position: relative;
}
.legend.stay{
	display: inline;
	height:150px;
	position: fixed;
	top:0;
	width: 650px;
	z-index: 9999;
}

/**
 	 * Print styles.
	 *
	 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
	 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
	 */
	.print-only { display: none !important; }
	@media print {
		* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
		-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
		p a, p a:visited { color: #555 !important; text-decoration: underline; }
		/*p a[href]:after { content: " (" attr(href) ")"; }*/
		/*abbr[title]:after { content: " (" attr(title) ")"; }*/
		.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
		pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
		thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
		tr, img { page-break-inside: avoid; }
		ul { padding: 3px 0;}
		p, li, td, th { margin: 0 0 0 0;}
		table tbody tr td { line-height: 110%;}
		p, h2, h3 { orphans: 3; widows: 3; }
		h2, h3 { page-break-after: avoid; }
		.hide-on-print { display: none !important; }
		.print-only { display: block !important; }
	}
/* Goodnight Now */