/* art.css - Art main CSS */

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; /* arrow */
	scrollbar-face-color:#CCC;
	scrollbar-track-color:#ececec; } 

body { margin: 0; font: 100%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif; color: #111; background: #f3f3f3;	}
	
body.ms-backgroundImage { background:#f3f3f3 url(../Images/background-Art.png) no-repeat center top; }

a#site_follow_button, a#ctl00_site_share_button, a#ctl00_SyncPromotedAction, 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%; padding: 0; }
div.customWidth { width: 960px; margin: 20px auto 0 auto; font-size:0.875em; background: #fff; }

.centerimage     { width:960px; height:240px; margin:0 0 0 0; position:relative;  }
.centerimage img { position:absolute; top:0; left:0; margin:0 0 0 0; }

div#columnwrapper { clear:both; }

.col1 { float: left; width: 240px; min-height:400px; margin: 0 16px 0 20px; }
.col2 { float: left; width: 668px; padding:0 0 25px 15px; border-left:1px dashed #999; min-height:400px; } 

.main-content  { position:relative; }

.columnfull    { clear:both; min-height:320px; padding:0; margin:0 0 15px 0; }
.columnfull div.article { padding: 0 20px; }
 
div.middleCol-3dHome { float:left; width:65%; }
div.rightCol-3dHome  { float:right; width:30%; margin: 0 0 0 5%; text-align:center; }

/* = top banner  === */

#s4-titlerow { height:56px; text-align:right; overflow:hidden; margin:0; padding:0; background:url(../Images/background-topnav.png) no-repeat; border-bottom:3px solid #cc0000; }

.saclogolink   { float:left; margin-top:10px; }
.saclogolink a { display:block; width:225px; height:40px; visibility: hidden; }
.fpalink       { float:left; margin-top:25px; }
.fpalink a     { display:block; width:225px; height:25px; visibility: hidden; }

.topnav    { float:right; width:35%; font-size:90%; text-align:right; padding-top:34px; padding-right: 25px; }
.topnav ul { padding:0; margin:0;}
.topnav li { display:inline; padding: 0 0 0 20px; color:#fff;}
.topnav li a, .topnav li a:visited { color:#efefef; text-decoration:none;}
.topnav li a:hover { color: #ff0000;}

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

#footer{ clear: both; height: 26px; padding-top: 12px; font-size:0.7em; color: #fff; text-align: center; letter-spacing: 2px; background: #656565; border-bottom:3px solid #cc0000; }
#footer a, #footer a:visited { color:white; }
#footer a:hover { color:#f00; }
	
/* === headings ====================================================== */

h1, h1.ms-rteElement-H1 { font: bold 1.75em/1.35 "Trebuchet MS",Helvetica,  Arial, sans-serif; color: #962121; margin:5px 0; padding:0; }
h2, h2.ms-rteElement-H2 { font: bold 1.5em/1.35 "Trebuchet MS",Helvetica,  Arial, sans-serif; color:#e57741; margin:5px 0; padding:0; }
h3, h1.ms-rteElement-H3 { font: bold 1.25em/1.35 "Trebuchet MS",Helvetica,  Arial, sans-serif; color:#357bc2; margin:5px 0; padding:0; }	
h4, h4.ms-rteElement-H4 { font: 1em/1.35 "Trebuchet MS",Helvetica,  Arial, sans-serif; margin:5px 0; padding:0; font-style:normal; }	
		
/* === links ======================================================= */

A:link    { color: #165ca2; text-decoration: none; }
A:visited { color: #165ca2; text-decoration: none }
A:hover   { color: #900; text-decoration: none; }

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

img  { border:none !important; }
p    { margin:10px 0; padding:0; }
.bred    { color:#c00; font-weight:bold; font-size:1.2em; }
.bblue   { color:#165ca2; font-weight:bold; font-size:1.2em; }
.bblack  { color:#000; font-weight:bold; font-size:1.2em; }
.pl25     { padding-left:25px; }

div.article { padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; }
.article-content { margin-top:0; color: #333; }

/* 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; }

table.curriculum td { padding:3px; border-bottom:1px dotted #39C; }
table.curriculum th { padding:3px 3px 5px 3px; border-bottom:1px dotted #39C; text-align:left; font-size:105%; color:#369; background:#efefef;}
table.curriculum b  { color:#333; }

.current-event     { position:relative; }
.current-event-txt { position:absolute; top:20px; left:30px; }

/* List of Faculty */

div.fac1 { float:left; width:200px; margin-right:20px;}
div.fac1-right { float:left; width:200px; margin-left:20px;}
div.fac2 { float:left; width:448px; }
div.fac1 ul, div.fac1-right ul, div.fac2 ul { margin:0; padding:0; clear:both; }
div.fac1 ul li, div.fac1-right 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; } 

/* =FORM STYLES ========================================================= */

input    { border: 1px solid #888; background-color:#f8f0f0; font: 11px Arial, Helvetica, sans-serif; }
textarea { border: 1px solid #888; background-color:#f8f0f0; overflow:hidden; font: 0.85em/1.4 Arial, Helvetica, sans-serif; } 
.button  { background:#333; border:1px solid #fff; color:#fff; font-weight:bold; padding: 2px 8px; letter-spacing:0.05em; margin: 10px 5px; }
.button:hover { color:#FC0; }

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

div.facultycol1 { float:left; width:200px; margin-right:15px; margin-top:10px; }
div.facultycol2 { float:left; width:455px; margin-top:10px; }
	
/* =Contact page ======================= */

.contactcol1 { float:left; padding:0; width:30%; margin-right:3%; }
.contactcol2 { float:left; width:65%; }	
div.contactcol2 input { font-size:.85em; }
table#contact {/*border-top: 1px dotted #666;*/}
table#contact td { padding: 3px 5px}

/* ==EVENTS PAGE === */

div.events h2  { margin-left:20px; margin-top:20px; font-size:1.1em; color:#357bc2; border-bottom:1px dotted #357bc2; }
div.events p   { margin-left:50px; }
div.events img { float:right; margin-right:25px; }

/* Left Navigation ======================*/

.ms-core-listMenu-item:link, .ms-core-listMenu-item:visited { color: #fff; } 	/* left nav: white text; */

.nav-menu { font-size: 0.95em; padding: 0; text-align: right; margin-bottom:25px; }
.nav-menu ul { list-style-type:none; margin:0; padding:0; width: 240px; font-size:1.1em; }
.nav-menu ul li { display:block;  margin:0; padding:0; }
.nav-menu ul li a, .nav-menu ul li a:visited { display: block; color:#fff; border-bottom:2px solid #fff; padding: 5px 20px 5px 12px; background:url(../Images/background-leftlink.png); }
.nav-menu ul li a:hover    { color: #fff; background:url(../Images/background-leftlink_hover.png); }
.nav-menu ul li a.selected { color: #fff; background:url(../Images/background-leftlink_hover.png); }

/* ======================================================================================== */

.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/Art-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/Art-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/Art-toggle-menu-hover.png") no-repeat center;
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none; }