/* CSS Document */

html {
	scrollbar-light-color:#ececec;
	scrollbar-arrow-color:#972424;
	scrollbar-base-color:#ececec;
	scrollbar-dark-shadow-color:#ffffff;
	scrollbar-highlight-color:#989898;
	scrollbar-shadow-color:#FFF;
	scrollbar-face-color:#CCC;
	scrollbar-track-color:#ececec; }

body { margin:0; font: 100%/1.35 "Trebuchet MS", Arial, Helvetica, sans-serif; color: #444; background: #fff; }
	
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-bodyContainer { width:100%; margin-top:0; padding:0; }
.customWidth {
	width: 960px;
	margin: 10px auto;
	background:url(../Images/cmsd-bg_main.png) repeat-y;
	border-left:1px solid #222;
	border-top:2px solid #222;
	border-right:1px solid #222;
	border-bottom:2px solid #222;
	font-size:0.875em; }

.logo { width: 100%; }
.logo h1 a,
.logo h1 a:link,
.logo h1 a:visited {
	background: url("/cmsd/Style%20Library/cmsd-SP2013/Images/cmsd-Logo.gif") no-repeat center;
	background-size:100%;
	display: block;
	width: 100%;
	height: 348px;
	text-indent: -9999px; }
	
.s4-ca {  margin-left:0px; }
#columnwrapper { clear:both; }

.col1      { float: left; width: 200px; padding:0; margin:0 15px 25px 25px; border-top:3px solid #cacaca; border-bottom: 3px solid #cacaca; }
.col2full  { float: left; width: 692px; padding:10px 0; margin-bottom:15px; border-top: 3px solid #cacaca;} 
.col2      { float: left; width: 335px; padding:10px 0; margin-right: 15px; border-top: 3px solid #cacaca; } 
.col3      { float: left; width: 342px; padding:10px 0; border-top: 3px solid #cacaca; } 
.col2-home { float: left; width: 427px; padding:10px 15px 10px 0; border-top: 3px solid #cacaca; } 
.col3-home { float: left; width: 250px; padding:10px 0; border-top: 3px solid #cacaca; } 	
	
/* = top nav  === */
#topnav { margin: 0px auto; height:20px; text-align:right; padding-top:7px; padding-bottom: 5px; padding-right: 20px; border-bottom:1px solid #121212; background:url(../Images/cmsd-bg_globalnav.png) repeat-x; }	
#topnav ul { padding:0; margin:0; float:right;}
#topnav li { display:inline; padding: 0 0 0 20px; color:#fff;}
#topnav a, #topnav a:visited { color:#efefef; text-decoration:none;}
#topnav a:hover { color: #f84a08;}

/* = footer === */
#footer{ clear: both; font-size: 0.8em; letter-spacing: 2px; color: #fff; height: 26px; text-align: center; padding-top: 12px; background: #656565; }
	
/* = headings ====================================================== */
h1, h1.ms-rteElement-H1 { font-size:1.5em; font-weight:bold; color: #962121; margin:5px 0; padding:0; }
h2, h2.ms-rteElement-H2 { font-size:1.25em; font-weight:bold; color:#555; margin:5px 0; padding:0; }
h3, h3.ms-rteElement-H3 { font-size:1.15em; color:#357bc2; font-weight:bold; margin:5px 0; padding:0; }	
h4, h4.ms-rteElement-H4 { font-size:1em; color:#222; font-weight:bold; margin:5px 0; padding:0; font-style:normal; }	

.ms-rtestate-field h1, h1.ms-rteElement-H1 { color:#962121; }
.ms-rtestate-field h2, h2.ms-rteElement-H2 { color:#555; }	
	
/* = 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.welcome { padding: 0; }

ul.bulletUl { }
ul.bulletUl li { list-style-type:none; padding-left: 15px; margin-bottom:10px; background:url(../Images/cmsd-bullet.png) no-repeat 0 8px; }
ul.bulletUl li:hover{ background:url(../Images/cmsd-bullet_hver.png) no-repeat 0 8px; }

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

/* 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: 0.825em; font-weight: bold; overflow: visible; text-decoration: underline; padding: 5px; z-index: 1000; }

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

.nav-menu { font-size: 1.1em; }
.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; background:#efefef; color:#232323; border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 5px 0 5px 10px; }
.nav-menu ul li a:hover    { background:#d4232b; color: #fff; }
.nav-menu ul li a.selected { background:#848484; color: #fff; }
.nav-menu ul li a.selected:hover { background:#d4232b; color: #fff; }

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

/* Buttons */
.menu-toggle {
	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: 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; }