/* CSS Document */
html {
	scrollbar-light-color:#ececec;
	scrollbar-arrow-color:#333;
	scrollbar-base-color:#ececec;
	scrollbar-dark-shadow-color:#ffffff;
	scrollbar-highlight-color:#666;
	scrollbar-shadow-color:#FFF; /* arrow */
	scrollbar-face-color:#CCC;
	scrollbar-track-color:#ececec; } 

body { margin: 0; font: 100%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif; color: #444; background: #a8a8a8;}

a#site_follow_button, a#ctl00_ctl47_site_share_button, a#ctl00_ctl47_SyncPromotedAction { display:none !important; } /* hiding FOLLOW and SHARE links on the ribbon */

/* === containers  ===================================================== */

.s4-ca  { margin-left:0; }
div#s4-bodyContainer { width: 100%; margin: 0 auto; padding: 20px 0; }
div.customWidth { width: 960px; margin: 0 auto; font-size:0.825em; background: #fff; }

#pagebackground { width: 960px; position:relative; min-height:640px;	 background: #fff url(../Images/comm-bg_main.png) no-repeat top left; z-index:1; }

.centerimage { width: 935px; height:200px; margin: 0 0 0 25px; padding:0; position:relative; } 
.centerimage img { position:absolute; top:0; left:0; margin:0; } 
div.adRotator { margin:0; padding:0; }

div#columnwrapper { clear:both; }

.col1 { float: left; width: 250px; min-height:400px; padding-left: 25px; margin-right:20px; }
.col2 { float: right; width: 645px; padding:15px 20px 15px 0; width: }
	
/* === top nav  ======================================================= */

div#topnav { height:23px; text-align:right; padding-top:15px; font:0.85em Verdana, Geneva, sans-serif; padding-right: 20px; }
div#topnav ul { padding:0; margin:0; float:right;}
div#topnav li { display:inline; padding: 0 0 0 20px; color:#fff;}
div#topnav a, div#topnav a:visited { color:#efefef; text-decoration:none;}
div#topnav a:hover { color: #f84a08;}

/* === footer ========================================================== */

#footer{ clear: both; height: 28px; padding-top: 10px; font-size: 0.75em; letter-spacing: 1px; color: #fff; text-align: center; background: url(../Images/comm-bg_footer.png) no-repeat bottom; }
#footer a, #footer a:visited { color:#fff; }
#footer a:hover { color:#f00; }
	
/* === headings ======================================================= */

h1, h1.ms-rteElement-H1 { font-size:22px; font-weight:bold; color: #d22a03; margin:5px 0; padding:0; }
h2, h2.ms-rteElement-H2 { font-size:18px; font-weight:bold; color:#6a6a9c; margin:5px 0; padding:0; }
h3, h3.ms-rteElement-H3 { font-size:16px; font-weight:bold; color:#357bc2;font-weight:bold; margin:5px 0; padding:0; }	
h4, h4.ms-rteElement-H4 { font-size:14px; font-weight:bold; color:#111; margin:5px 0; padding:0; font-style:normal; }		
		
/* === links ========================================================== */
A:link    { color: #165ca2; text-decoration: none; }
A:visited { color: #06C; text-decoration: none }
A:hover   { color: #900; text-decoration: none; }

/* === common ========================================================= */

img  { border:none; }
p    { margin:10px 0; padding:0; }

div.article { padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; }
.article-content { margin-top:0; color: #333; font: 1em/1.35 "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0.025em}
.homelink { display:block; } /* center image link back to home page */

/* skipnav */
.skipnav { text-align: left; }
.skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.skipnav a:focus, .skipnav a:active { left: 10px; background-color: #666; border: 1px solid #000; color: #fff; width: auto; height: auto; font-size: 13px; font-weight: bold; overflow: visible; text-decoration: underline; padding: 5px; z-index: 1000; }

/* style dropdown */

.bold15px  { font-size:15px; font-weight:bold; }

/* =faculty page 2column layout === */

div.facultycol1 { float:left; width:200px; margin-right:15px; margin-top:10px; }	
div.facultycol2 { float:left; width:425px; margin-top:10px; }

/* =List of Faculty =========================== */

div.fac1 { float:left; width:40%; margin-right:10%; margin-left:5%; padding-top:10px; }
div.fac2 { float:left; width:40%; padding-top:10px; }
div.fac1 ul, div.fac2 ul { margin:0; padding:0 ; font-weight:600;}
div.fac1 ul li, div.fac2 ul li { list-style-type:none; padding:5px 0 5px 15px; border-bottom:1px dotted #e49671; }
div.faculty { padding: 0 20px 0 30px; } 

h2.bg { background:url(../Images/comm-bg_h2.png) no-repeat right bottom; color:white; padding-left:15px; }

/* ======================================================================= 
	LEFT NAV 
 ======================================================================= */
.ms-core-listMenu-item:link, .ms-core-listMenu-item:visited { color: #000; } 	/* left nav: black text; */

.nav-menu  { position:absolute; top: 238px; left:35px; padding: 10px  0; width: 230px; }
.nav-menu  ul { list-style-type:none; margin:0; padding:0;}
.nav-menu  ul li { display:block; }
.nav-menu  ul li a, .nav-menu  ul li a:visited { display: block; color:#000; border-bottom:1px dotted #dc5c0c; padding: 5px 0 2px 0; }
.nav-menu  ul li a:hover    { color: #d22a03; border-bottom:1px solid #dc5c0c; font-weight:bold;  background:#efefef;}
.nav-menu  ul li a.selected { color: #d22a03; border-bottom:1px solid #dc5c0c; font-weight:bold; background:#efefef; }
.nav-menu ul li a.selected:hover { background:#efefef; }

.CurrentNav div.nav-menu { display: none; } 
.CurrentNav div.nav-menu.toggled-on, .menu-toggle { display: inline-block; clear:both; }
.CurrentNav h3.menu-toggle { padding:0; margin-top:15px; }

/* Buttons */
.menu-toggle {
	/* padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem; */
	width:40px;
	height:32px;
	font-size: 11px; font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	margin-bottom: 15px;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	background: url("../Images/toggle-menu.png") no-repeat center;
	border: 1px solid #d2d2d2;
	/*box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);*/
	box-shadow: inset 0 0 6px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	text-indent: -9999px; }
.menu-toggle { cursor: pointer; }
.menu-toggle:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
	background: url("../Images/toggle-menu-hover.png") no-repeat center; }
.menu-toggle:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	background: url("../Images/toggle-menu-hover.png") no-repeat center;
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none; }