/* ==========================================================================
   01. Theme Base Settings
   ========================================================================== */

a, p, span{ 
	text-decoration: none; padding: none; font: 15px/21px Georgia, 
	"Times New Roman", Times, serif; color: #242931; text-align: justify;
}
a {
color: #D16124; 
}
a:hover{
color: #20A8DA; font: 15px/21px Georgia, "Times New Roman", Times, serif; 
}
ol, ul{ 
	margin: 0; margin-top: 6px; padding: 0;
}
body {
	-webkit-font-smoothing: antialiased; font-smooth: always; 
	font: 15px/21px Georgia, "Times New Roman", Times, serif; color: #242931;
}

/* ==========================================================================
   02. Colors
   ========================================================================== */  
/* Text Colors*/

/* Dark Blue Text*/
h1, h2, h3, h4, h5, h6, ul.social-link-small-menu a, ul.social-link-large-menu a , #footer-top ul li a, 
 #footer-top p, #footer-top p a, #footer-top h3,ul.sidenav li.header_sel a {
	color: #3A414E;
}
/* Dark GREY/BLACK Text*/
a.ProfileTitle, .telerik_main_menu .rmGroup a, .telerik_main_menu .rmGroup a span,
.telerik_main_menu .rmGroup a:hover, .telerik_main_menu .rmGroup a.rmFocused,
.telerik_main_menu .rmGroup a:hover span, .telerik_main_menu .rmGroup a.rmFocused span,
 a em.icon-angle-right, p.more.caption, .business.accordion a, .caption.heading a, a.brdclass_navbar,
.grid_header a, a.datagrid_header_table, .grid_row a, .grid_row_alt a, h4 a, .ContextBar img, #ctl00_ContentItemsNavBar1_tblItems a {
	color: #242931;
}
/* White Text */
.titlelink a, wordlogo a, wordlogo, h3.title a, #footer-bottom a, 
#publinks a, #userlink a, .site-title, #userlink a, #footer-bottom, .nav-pills > li > a, 
label.mobile_menu span, #top-menubar .nav-tabs > li > a, #side-menubar .nav-stacked > li > a:hover, 
#side-menubar .nav-stacked > li > a:active, #side-menubar .nav-stacked > li > a:focus,
#unit-footer-nav .nav-pills > li > a, .telerik_main_menu .rmRootGroup a, 
.telerik_main_menu .rmRootGroup a span, ul.social-link-large-menu a:hover em, 
ul.social-link-large-menu a:hover, #footer-top ul li a:hover, #footer-top ul li a:hover,
ul.social-link-small-menu a:hover em, ul.social-link-small-menu a:hover, #footer-top a:hover,
.fullwidthbanner .caption.blockquote a:hover span, .caption.heading a:hover, 
#faculty_nav ul.nav li a.header_sel, #faculty_nav ul.nav li a.sub, #faculty_nav ul.nav li a.header,
#faculty_nav ul.nav li a.sub1, #faculty_nav ul.nav li a.sub_sel, #spotlight h2 em, #spotlight h2{
	color: #ffffff;
}

.grid_row td div:hover > .ProfileTitle, .grid_row_alt td div:hover > .ProfileTitle,
.grid_row td div:hover > .viewWebsite, .grid_row_alt td div:hover > .viewWebsite, ul.sidenav li.sub.active a {
color: #20A8DA;
}
/* Orange Text */
.lead a:hover, 
A.mini_upcomingevent_event:link, A.mini_upcomingevent_event:visited, .telerik_main_menu a:hover,
 .telerik_main_menu .rmRootGroup a:hover, .telerik_main_menu .rmRootGroup a.rmFocused, 
.telerik_main_menu .rmRootGroup a:hover span, .telerik_main_menu .rmRootGroup a.rmFocused span, 
 a.bright-links:hover, #scrollUp:hover, .accordion li a.active:hover, .accordion li a.active:hover,
a.active:hover em.icon-angle-right, a:hover em.icon-angle-right, .feature_link a:hover, .directory-info a:hover,
.directory-title a:hover, h5 a:hover, .grid_row a:hover, .grid_row_alt a:hover,  
ul.accordion li a:hover, ul.accordion.business li a:hover, .business.accordion a:hover,  a:hover.brdclass_navbar, h4 a:hover, #ctl00_ContentItemsNavBar1_tblItems a:hover,
ul.more li a:hover, ul.homepage-links li a:hover, #faculty_nav ul.nav li a.header.active, #faculty_nav ul.nav li a.header_sel.active, 
#faculty_nav ul.nav li a.sub.active, #faculty_nav ul.nav li a.sub1.active, 
#faculty_nav ul.nav li a.sub_sel.active, #faculty_nav ul.nav li a:hover.header, #faculty_nav ul.nav li a:hover.header_sel, 
#faculty_nav ul.nav li a:hover.sub, #faculty_nav ul.nav li a:hover.sub1, 
#faculty_nav ul.nav li a:hover.sub_sel{
color: #D16124;
}
/* Dark Blue Text */
.RadMenu ul.rmRootGroup > li.rmItem > a:before, .page-title, #userlink, .nav-pills > li > a, 
#unit-nav .nav-pills > li a, #unit-nav .ul .nav-pills > li > a, #unit-nav .nav-pills > li > a:hover, 
#unit-nav .nav-pills > li > a:active, #unit-nav .nav-pills > li > a:focus, #top-menubar .nav-tabs > li > a:hover,
#top-menubar .nav-tabs > li > a:active, #top-menubar .nav-tabs > li > a:focus, #side-menubar .nav-stacked > li > a,
.sitename a, .sitename a:visited, .sitename a:active, .sitename a:hover, ul.more li:before {
color: #3A414E;
}
/* Orange Text */
.titlelink a:hover, .titlelink .college a:hover, a.bright-links, #scrollUp, 
.accordion li a.active, .accordion li a.active, a.active em.icon-angle-right, .lead a, 
.feature_link a, ul.more li a, #directory_page_entry ul li a, h2 a{
color: #D16124;
}
/* Green Text #6A8B4B */ 
ul.homepage-links li a, ul.homepage-links li:before{
color: #333333;
}

/* Background Colors*/
.atmosheader, .atmosfacultyheader, #faculty_nav, #circle.circ-header, #footer-bottom, .nav-pills > li > a:hover, #top-menubar .nav-tabs > li > a, 
#side-menubar .nav-stacked > li > a:hover, #side-menubar .nav-stacked > li > a:active, 
#side-menubar .nav-stacked > li > a:focus, .siteheader, #circle.circ-footer {
	background-color: #3A414E; 
}
#footer-top, #header, #unit-nav .ul .nav-pills > li > a, .fullwidthbanner-container {
	background-color: #73C1DE;
}
#circle{
	background-color: #ffffff;
}
/* Elements - Light Grey 8CCBE1 6A8B4B*/
.caption.btn, ul.sidenav, .grid_links li{
	background: #eeeeee;
}
/* Border/Rules - Light Grey */
ul.accordion li{
	border-color: #333333;
}
/* Border/Rules - #20A8DA */

.grid_links li.g1, #spotlight h2{
	background: #D16124;
}
.grid_links li.g2 {
	background:	#E9824B
}
.grid_links li.g3 {
	background:	#F0BB65
}
.grid_links li.g4 {
	background:	#52A0BC
}
.grid_links li.g5 {
	background:	#8CCBE1 
}
.grid_links li.g6 {
	background:	#C1E4F1
}
.grid_links li.g7 {
	background:	#82B254
}
.grid_links li.g8 {
	background:	#ABD285
}
.grid_links li.g9 {
	background:	#D4EBBE
}
.grid_links li.g10 {
	background:	#787156
}
.grid_links li.g11 {
	background:	#8E876F
}
.grid_links li.g12 {
	background:	#B8B3A0
}


/* ==========================================================================
   03. Logos
   ========================================================================== */  
.atmosheader {
	padding: 2.0em 0 1em 0px;
	max-height: 200px;
	font-weight: normal;
}
.uilogo{
	margin:18px 20px 0 0em;
	padding:0;
	float:right;
	max-width:80px;
}
.uilogo a.logo{
float:right;
}
.map_image{
float:right;
padding:0;margin:0;
max-width:150px;
}

#circle {
    width: 3px;
    height: 3px;
    margin:0.3em 0.35em 0.35em 0.4em;
    border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}

/* ==========================================================================
   04. Main Navigation Styles
   ========================================================================== */
.titlelink a, .titlelink{	
	font: 16px/21px Georgia, "Times New Roman", Times, serif;
}
.atmosfacultyheader {
	padding: 1.0em 0 0.8em 0;
	max-height: 200px;
	font-weight: normal;
}
.wordlogo{	
	padding: 0px;
	margin: 5px 0 0 0em;
}

/* ==========================================================================
   05. Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6, p{
	word-wrap: break-word;
} 
p{
	margin-bottom: 1.0em;
}
 
h1, h2, h3, h4, h5, h6{ 
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 0px;
	margin: 0em 0 0.2em;
}
h1{
	font-size: 32px;
	margin-top: 15px;
	font-weight: light;
	text-decoration: none;
}
h2{
	font-size: 24px;
	font-stretch: condensed;
	text-transform: uppercase;
	margin-top: 0.5em;
	margin-bottom: -0.05em;
	font-weight: light;
}
h2 a, h2 a:hover{
	font-size: 24px;
	font-stretch: condensed;
	text-transform: uppercase;
	margin-top: 0.5em;
	margin-bottom: -0.05em;
	font-weight: light;
	text-decoration: underline;
}
h3{
	font-size: 28px;
	font-weight: light;
	margin-top:0px;
}
h3.title, h3.title a{
	font: 32px 'league_gothicregular', 'RobotoCondensed', 'Arial Narrow', sans-serif;
	font-stretch: condensed;
	text-transform: uppercase;
	margin-top: 0.6em;
	margin-bottom: -0.3em;
	font-weight: light;
}
h3.footer{ margin-top: 0.8em;
}
h4.menuitem{
	font-family: 'league_gothicregular','RobotoCondensed', 'Arial Narrow', sans-serif;
	font-size: 21px;
	font-stretch: condensed;
	text-transform: uppercase;
	margin-top: 0.5em;
	margin-bottom: -0.05em;
}
h4.menuitem a, h4.menuitem a:hover{
	font-family: 'league_gothicregular','RobotoCondensed', 'Arial Narrow', sans-serif;
	font-size: 21px;
	font-stretch: condensed;
	text-transform: uppercase;
	margin-top: 0.5em;
	margin-bottom: -0.05em;
}
#footer-top p, #footer-top p a, #footer-top ul li, #footer-top ul li a, #footer-top a,
#footer-bottom p, #footer-bottom p a, #footer-bottom a, #footer-bottom ul li, #footer-bottom ul li a{
font: 14px/18px 'Trebuchet MS', sans-serif;
}
#footer-top p a, #footer-top ul li a{
font-weight: bold;
}
h1, h2, h3, h4, h5, h6, h2 a, h2 a:hover{
	font-family: 'league_gothicregular','RobotoCondensed', 'Arial Narrow', sans-serif;
	font-stretch: condensed;
	text-transform: uppercase;
	font-weight:light;
}
strong, b{
	font-weight: strong;
}
em{ 
	font-style: italic;
}
blockquote{
	font: 20px/26px 'RobotoCondensed','Arial Narrow', arial, san-serif;
	font-stretch: condensed;
}
blockquote, caption{
	font-style: italic;
}
caption{
	font: 28px/32px 'RobotoCondensed','Arial Narrow', arial, san-serif;
	font-stretch: condensed;
	padding-left: .5em;
	border-left-style: solid;
	border-left-width: 2px;
	margin-top: -.5em;
	display: inline-block;	
}
.lead, .lead a, .lead a:hover{
	margin: 0.2em 0 0.5em 0;
	font: 15px/21px Georgia;
}




/* ==========================================================================
   06. Social Block Styles
   ========================================================================== */
.social-block{
	padding-top: 1em;
	padding-bottom: 1em;
} 
.social-thumbs{
	overflow: hidden;
	height: 172px;
	margin: 0;
}

.social-thumbs li:before{
	display: none;
}
.social-thumbs li{
	display:  inline-block;
	padding: .3em;
	opacity: 1;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.social-thumbs li:hover{
	-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
#spotlight{
padding:15px 0 0 0;
}
#spotlight h2{
max-width:300px;
margin:10px 0 10px 0;
padding:5px;
}
#spotlight h2 em{
padding: 0 5px;
}

/* ==========================================================================
  07. Lists
   ========================================================================== */   
ul.bullet, ul.more {
	margin-bottom: 5px;
	margin-left: 20px;
}
#footer-top ul, ul.homepage-links, ul.more{
margin-bottom: 15px;
}

ul.bullet li > ul, ol li > ol {
	margin: 5px 0 0 20px;
}
#footer-top ul li > ul, #footer-top ol li > ol{
	margin: 2px 0 0 0;
}

ul.bullet li.parent, ul.more li.parent, #footer-top ul li.parent{
	padding-bottom: 0;
}  
.bullet li, .bullet li a, .bullet li span{	
font-family: georgia;
font-size:15px;
}
 
.bullet li, .more li, ul li div{
	list-style: none outside;
	line-height: 20px;
	padding: 0 0 3px 0;
	position: relative;
	left: 2px; 

}
ul.nonbullet li, #footer-top ul li{
	list-style: none outside;
}
.homepage-links li {
	list-style: none outside;
	line-height: 18px;
	padding: 0 0 3px 0;
	position: relative;
	left: 10px; 
}

#footer-top ul li{
	padding: 0;
}
ul.more li{
	padding: 0 25px 5px 0;
}

ul.bullet li:before {
	content: "\f105";
	font-family: 'FontAwesome';
	font-size: 15px;
	position: absolute;
	left: -8px;	
}

ul.more li:before{
	content: "\f0c2";
	font-family: 'FontAwesome';
	font-size: 16px;
	position: absolute;
	left: -22px;
	top: 0px;
}

.featured_link{
position:relative;
padding-left: 15px;
}
.featured_link a, .feature_link a:hover {
font: 28px/32px 'league_gothicregular','Arial Narrow', arial, san-serif;
font-stretch: condensed;
text-transform: uppercase;
}

.featured_link a:before {
	content: "\f18e";
	font-family: 'FontAwesome';
	font-size: 21px;
	position: absolute;
	left: -10px;
	bottom:0px;	
}

.photo{
    white-space: nowrap;
}
.photo img, .photo image{
	display: inline;
	padding: 0 1em 0em 0px;
	vertical-align: bottom;
	height: 250px;
}
ul.social-link-large-menu li, ul.social-link-small-menu li{
	display: inline-block;
	padding: 2px 0em 0em 0px;
	vertical-align: middle;
	float:right;
}
ul.social-link-large-menu a em, ul.social-link-large-menu a em:before, ul.social-link-small-menu a em, 
ul.social-link-small-menu a em:before{
	 font-size: 21px;
	 text-transform: uppercase;
	 padding: 1px 2px 0 0;

}
ul.social-link-large-menu li:first-child, ul.social-link-small-menu li:first-child{
	padding-right: 0px;
}
ul.social-link-large-menu a:hover em, ul.social-link-large-menu a:hover em:before, 
ul.social-link-small-menu a:hover em, ul.social-link-small-menu a:hover em:before{
text-decoration: none;
}
ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    list-style:none;
	margin: 0 0 0 1em;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 1em;
}
ol > li:before {
    content:counter(li) "."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    position:absolute;
    top:-2px;
    left:-1em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:1.5em;
    margin-right:8px;
    padding:4px;
    text-align:center;
}
li ol,li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}
.caption.blockquote.fade a .break {
    display:block;
    clear:both;
    margin:0;
    padding:0;
}
/* ==========================================================================
   07a. Slideshow
   ========================================================================== */			

.fullwidthbanner-container{
width:100% !important;
position:relative;
margin-top:0px;
max-height:585px !important;
overflow:hidden!important;
border: none!important;
}
.fullwidthbanner img{
padding:0;
margin-top: 85px;
}
.fullwidthbanner .caption{
visibility: hidden;
position: absolute;
}

.fullwidthbanner .caption.heading>a, .fullwidthbanner .caption.heading>span{
	position: absolute;
	z-index:99;
	font-family: 'league_gothicregular', Georgia;
    font-size: 32px;
    font-stretch: condensed;
    text-transform:uppercase;
}
.fullwidthbanner .caption.heading>a{
text-decoration:underline;
}
.caption.blockquote > a {
    position: absolute;
    z-index:99;}
.caption.blockquote a, .caption.blockquote a>span, .caption.blockquote >span, .caption.blockquote{
    font-family: Georgia;
    font-size: 32px;
    font-stretch: condensed;
    line-height:102%;
}
.caption.blockquote a:hover{
text-decoration:none;
}
.fullwidthbanner > ul > li{
position: absolute;
}

/* ==========================================================================
   08. Tables
   ========================================================================== */			
table.rows{
  border-collapse: collapse;
  padding: 0px; 
  margin: 0pt 0pt 1.5em; 
  background-color: #ffffff;
}
.rows tr{ 
  border-style: solid;
  border-color: #3A414E;
  border-width: 1px 0px;
  padding: 0px;
}
.rows tr td {
padding: 0.25em 0.5em 0.25em 0pt; 
vertical-align: top;
text-align: left;
}
.rows tr h5{
padding: 0px; 
margin-top: 1em; 
}
.rows tr:first-child {
  border-top: none;
}

/* ==========================================================================
   09. Footer Styles
   ========================================================================== */			
#scrollUp {
  bottom: 60px;
  right: 20px;
  padding: 40px 5px 0px 5px;
  background: #3A414E;
  background-position: center top;
  background-repeat:no-repeat;
  scrollImg: true;
  background-image: url(/UserFiles/Servers/Server_127374/Image/Theme/imark.svg);
  background-color: rgba(36, 41, 49, .8);
  font-family: 'Arial Narrow', sans-serif;
  font-weight: bold;
  font-stretch: condensed;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 14px;
}

/* ==========================================================================
   10. Telerik Menu Styles
   ========================================================================== */			

/*** Telerik Main Menu Top Level ***/

.telerik_main_menu *,
.telerik_main_menu *:before,
.telerik_main_menu *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-ms-box-sizing: content-box;
}
.telerik_main_menu a,
{
    text-decoration: none;
    font-family: 'RobotoCondensed', 'Arial Narrow', arial, san-serif;
    font-size: 16px;
    font-stretch: condensed;
    font-weight:normal;
}
.telerik_main_menu a:hover
{
    text-decoration: underline;
}
.telerik_main_menu .rmText {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.RadMenu .rmSlide{
 margin-top:5px;
}
.RadMenu .rmItem {
 float: left;
 height: auto;
 list-style: none outside none;
 position: relative;
}
.rmSlide .rmItem {
 border-right: none;
 float: left;
 height: auto;
 list-style: none outside none;
 position: relative;
}
.RadMenu .rmLink {
 float: left;
 outline: 0 none;
 padding: 3px 0 0 3px !important;
}
.rmSlide .rmLink {
 float: left;
 outline: 0 none;
 padding: 5px 3px 5px 3px !important;
}
.RadMenu .rmHorizontal .rmText {
 padding-right: 10px !important;
 padding-left: 0px !important;
}
/*** Normal State ***/
.telerik_main_menu .rmRootGroup a
{
 text-decoration: none;
 font-weight: normal;
}
.telerik_main_menu .rmRootGroup a span
{
 text-decoration: none;
 font-weight: normal;
 text-decoration: none;
 font-family: 'RobotoCondensed', 'Arial Narrow', arial, san-serif;
 font-size: 18px;
 font-stretch: condensed;
 text-transform: uppercase;
}
/*** Over and Focused State ***/
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
 text-decoration: underline;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmFocused span
{
 text-decoration: none;
}

/*** END of Telerik Main Menu Top Level ***/

/*** Telerik Main Menu Dropdown Level ***/

li.rmItem .rmLast {
 background: url(/UserFiles/Servers/Server_6293/Image/template/new-design/submenu-bottom.png) no-repeat center bottom; 
 width: auto;
}
.rmItem .rmLast a.rmLink{
 margin-bottom:0px;
 padding-top: 7px
}

/*** Normal State ***/
.telerik_main_menu .rmGroup a
{
 text-decoration: none;
}
.telerik_main_menu .rmGroup a span
{
 text-decoration: none;
}
/*** Over and Focused State ***/
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused 
{
 text-decoration: none;
}
.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span
{
 text-decoration: none;
}


/*** END Telerik Main Menu Dropdown Level ***/

@media only screen and (max-width: 800px) {
.RadMenu ul.rmRootGroup { display: none !important;}

/* Arrows for dropdowns 
.RadMenu ul.rmRootGroup > li.rmItem > a:before {
content: " \f107";
font-family: FontAwesome;
} 
*/

#mobile_menu:checked + .RadMenu ul.rmRootGroup {
  display: inline !important;
  width: 100%;
  background-color: #fff;
  margin-bottom: 10px;
}

.RadMenu ul.rmRootGroup {
  background-color: #73C1DE;
  font: 15px 'RobotoCondensed','Arial Narrow', arial, san-serif;
  font-stretch: condensed;
  margin: 0;
  padding: 0;
  position: relative;
  color: #3A414E;
}
.RadMenu ul.rmRootGroup a span {
  color: #3A414E;
}
.RadMenu .rmRootGroup a.rmFocused span {
  color: #3A414E;
}
.RadMenu ul.rmRootGroup > li {
  padding: 0px;
  margin: 0;
  position: relative;
}
.RadMenu ul.rmRootGroup li {
  margin-left: 45%;
  width:50%;
  padding: 0 0 0 3%;
  background-color: #73C1DE;
}
.RadMenu .rmItem {
  height: 33px;
}
.RadMenu ul.rmRootGroup > li.rmItem > ul {
  width: 100%;
}
.RadMenu ul.rmRootGroup li:hover{
 background-color: #73C1DE;
}
.RadMenu ul.rmRootGroup a:hover span {
 text-decoration: underline;
 color:#fff;
}
.RadMenu ul.rmRootGroup > li.rmItem > ul li {
padding: 0px 0 4px 6%;
width: 94%;
}
.RadMenu .rmVertical .rmText, .RadMenu .rmHorizontal .rmVertical .rmText {
  margin-left: 20px;
}
.RadMenu .rmSlide {
  margin-top: 0px;
/*  min-width: 300px;*/
}
.RadMenu .rmRootGroup .rmItem .rmGroup {
/*  min-width: 300px;*/
  padding-bottom: 0px;
}
.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink {
  float: none;
/*  min-width: 300px;*/
}
.RadMenu ul.rmRootGroup > li.rmItem > a {
  display: inline;
}
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
/* ==========================================================================
   11. Features
   ========================================================================== */

.homepage-links{
    position: relative;
    z-index:89;    
}
.homepage-links li{
 list-style: none outside;
 text-align:left;  
}
.homepage-links>a{
	position: absolute;
	z-index: 100;
}
.homepage-links li a{
	font: 15px 'Trebuchet MS';
	font-weight: bold;
	text-align:left;
}
.homepage-links li a:hover{
	font: 15px 'Trebuchet MS';
	font-weight: bold;
}
.homepage-links li a em{
  margin-right: 5px;
 }
.image-caption{
position:relative;
min-width:100px;
}
 .image-caption>a {
     position: absolute;
     z-index: 99;
     top:0px;
     left:0px;
     width: 100%;
     height:100%;
}
   
.corner-date{
    text-align:left;
	position: absolute;
	bottom: 0px;
	left: 0px;
    word-wrap: break-word;
	color: #fff;
	background-color: #3A414E;
	background-color: rgba(0, 0, 0, .5);
	text-transform: uppercase;
	font: 18px/21px 'RobotoCondensed', 'Arial Narrow', arial, san-serif;
	padding: .3em .5em;

}
/* ======= SIDE NAV =========== */
ul.sidenav{
	margin: 1.2em 0;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #eee;
}			
ul.sidenav li {
    list-style: none outside;
    margin:1px 0 0 0;
    padding:0;
	position: relative;
	z-index:100;
}
ul.sidenav li>a{
	font: 14px 'Trebuchet MS', sans-serif;
	text-align:left;
}
ul.sidenav li>span{
	font: 14px 'Trebuchet MS', sans-serif;
	text-align:left;
	font-weight:bold;
}
ul.sidenav li.header_sel a{
  	font-weight: bold;
  	text-decoration: underline;
}
ul.sidenav li.header_sel{
  	padding-top: 5px;
}

ul.sidenav li.active a:hover{
text-decoration: none;
}
ul.sidenav li.header_sel a:hover{
text-decoration: none;
}
ul.sidenav li.sub {
    list-style: none outside;
    padding-left:20px;
}	
ul.sidenav li.sub a:before {
	content: "\f105";
	font-family: 'FontAwesome';
	font-size: 15px;
	position: absolute;
	left: 10px;
	top: 0.2em;
}

/* ======= GRID LINKS =========== */

ul.grid_links {
	margin: 0;
	padding: 0;	
}
ul.grid_links.specials{
	margin: 0;
	padding: 0;
}				
ul.grid_links li {
    display: inline-block;
	margin:0 15px 25px 15px;
	padding: 15px;
	vertical-align: middle;
	float:left;
	list-style: none outside;
	position: relative;
	z-index:100;
	border-radius: 10px;
	border: 1px solid #eee;
	height:250px;
	width:190px;
	text-align:center;
}

ul.grid_links li p, ul.grid_links li span, ul.grid_links li a{
	font: 16px 'Trebuchet MS', sans-serif;
	text-align:center;
	color:#3A414E;
}
ul.grid_links li a{
font: 16px 'Trebuchet MS', sans-serif;
color: #3A414E;
text-align: center;
text-decoration:none;
}

ul.grid_links li a:hover {
color:#fff;
text-decoration:underline;
}


/* ======= FACULTY NAV =========== */
#faculty_nav{
	border-top: 2px solid #fff;	
}
#faculty_nav ul.nav{
	margin: 0;
	padding: 10px;
    float: right;
    height:35px;
}			
#faculty_nav ul.nav li {
    display: inline-block;
	padding: 0 0 0 10px;
	vertical-align: middle;
	float:left;
	list-style: none outside;
	position: relative;
	z-index:100;
}

#faculty_nav ul.nav li a.header, #faculty_nav ul.nav li a.header_sel, 
#faculty_nav ul.nav li a.sub, #faculty_nav ul.nav li a.sub1, 
#faculty_nav ul.nav li a.sub_sel {
    display: inline-block;
	padding: 0;
	margin:0;
	vertical-align: middle;
	font-family: 'RobotoCondensed', 'Arial Narrow', arial, san-serif;
    font-size: 18px;
    text-transform:uppercase;    
}
#faculty_nav ul.nav li a:hover.header, #faculty_nav ul.nav li a:hover.header_sel, 
#faculty_nav ul.nav li a:hover.sub, #faculty_nav ul.nav li a:hover.sub1, 
#faculty_nav ul.nav li a:hover.sub_sel {
text-decoration:none;
}

/* ======= CLOUD BUTTONS =========== */
.cloud-text { margin-top: 8px; }
.cloudbtn em.fa-cloud{color:#eee}
.cloudbtn a:hover em.fa-cloud{color:#D16124}
.cloudbtn{margin:10px;display:inline-block;}

/* ======= GRID ICONS =========== */
.grid_links em.grid_icon {color:#3A414E; font-size:96px; margin-top:10px;}
.grid_links a:hover em.grid_icon {color:#fff;}
.grid_links a:hover h2{text-decoration:underline;}

#fb-root {
    display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* ======= DIRECTORY ELEMENTS =========== */

#titles, #titles a, #titles a:hover{
font-size:18px;
font-family: Georgia, "Times New Roman", Times, serif;
}
#pencil{
padding-left:5px;
}
#photograph
{
padding-top:15px;
}
#education ul.bullet { 
margin-left: 14px;
}
#courses_taught{
list-style:none;
}
#education ul.bullet li{
font-size:15px;
font-family: Georgia, "Times New Roman", Times, serif;
}
#office_number{
padding-right:0.3em;
}
#contact_info ul{
padding:0;
margin:0;
}
#news_content_title{
	font-weight: bold;
	font-size: 16px;
    padding-left: 20px;
}
#edit_page{        
padding-top: 5px;
}
#news_content_body{
padding-top:15px;
}
#news_content_body #featured_image{
	width: 200px;
	float: left;
	padding: 0px 20px 20px 0px;
}

/* ==========================================================================
   13. Fonts
   ========================================================================== */

@font-face {
    font-family: 'league_gothicregular';
    src: url('/UserFiles/Servers/Server_127374/File/font/leaguegothic-regular-webfont.eot');
    src: url('/UserFiles/Servers/Server_127374/File/font/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/UserFiles/Servers/Server_127374/File/font/leaguegothic-regular-webfont.woff') format('woff'),
         url('/UserFiles/Servers/Server_127374/File/font/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('/UserFiles/Servers/Server_127374/File/font/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('/UserFiles/Servers/Server_127374/File/font/Roboto-Condensed-webfont.eot');
    src: url('/UserFiles/Servers/Server_127374/File/font/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/UserFiles/Servers/Server_127374/File/font/Roboto-Condensed-webfont.woff') format('woff'),
         url('/UserFiles/Servers/Server_127374/File/font/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('/UserFiles/Servers/Server_127374/File/font/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'FontAwesome';
    src: url('/UserFiles/Servers/Server_127374/File/font/fontawesome-webfont.eot');
    src: url('/UserFiles/Servers/Server_127374/File/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('/UserFiles/Servers/Server_127374/File/font/fontawesome-webfont.woff') format('woff'),
         url('/UserFiles/Servers/Server_127374/File/font/fontawesome-webfont.ttf') format('truetype'),
         url('/UserFiles/Servers/Server_127374/File/font/fontawesome-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}