/* 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 { color: #444; font: 100%/1.35 "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; }
body.ms-backgroundImage { background: #372f66 url('../Images/theatre-background.jpg') no-repeat center top; }

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: 960px; margin: 20px auto; min-height:640px; margin-bottom:15px; }
div.customWidth { width: 960px; margin: 0 auto; font-size:0.825em; }

#pagebackground { width: 960px; position:relative;	 min-height: 720px; background: #fefefe url(../Images/theatre-bg_main.jpg) no-repeat top left; z-index:1; overflow:hidden; }

.centerimage { width:935px; height:200px; float:right; position:relative; }
.centerimage img { margin:0 0 0 0; position:absolute; top:0; left:0; } 

div#columnwrapper { clear:both; }

.col1 { float: left; width: 210px; min-height:400px; padding-left: 40px; }
.col2 { float: right; padding:15px 20px; width: 670px; } 
.columnfull { clear:both; width:90%; min-height:520px; padding-left:10px; margin:0 0 10px 5%; background:#fff; overflow:hidden; } 	
	
/* = top nav  === */
div#topnav { height:23px; text-align:right; padding-top:15px; font: 0.8em 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; font-size: 0.8em; letter-spacing: 1px; color: #fff; height: 28px; text-align: center; padding-top: 10px; background: url(../Images/theatre-bg_footer.png) no-repeat bottom; }
#footer a, #footer a:visited { color:white; }
#footer a:hover { color:#f00; }
	
/* = headings ====================================================== */

h1, h1.ms-rteElement-H1 { font-size:1.75em; font-weight:bold; color: #8a80b3; margin:5px 0; padding:0; }
h2, h2.ms-rteElement-H2 { font-size:1.35em; font-weight:bold; color:#cf5d61; margin:5px 0; padding:0; }
h3, h3.ms-rteElement-H3 { font-size:1.15em; color:#5081b2; font-weight:bold; margin:5px 0; padding:0; }	
h4, h4.ms-rteElement-H4 { font-size:1em; color:#111; font-weight:bold; margin:5px 0; padding:0; font-style:normal; }		

/* = links ======================================================= */
A:link    { color: #2a6ebb; text-decoration: none; }
A:visited { color: #2a6ebb; text-decoration: none }
A:hover   { color: #cf5d61; text-decoration: none; }

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

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

/* = faculty === */

div.facbiocol1 { float:left; width:32%; margin-right:3%; padding-top: 30px; }
div.facbiocol2 { float:left; width:60%; padding: 20px 0px; }

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

/* style dropdown */

.bold15px  { font-size:15px; font-weight:bold; }
.bred { color: #cf5d61; font-weight:bold; }
a.bred { color: #cf5d61; font-weight:bold; }

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

/* == photo gallery === */

div.photoalbum { float:left;  width:160px; margin: 0px 10px 25px 15px; text-align:center; background:#111; padding:1px 1px 3px 1px; color: #fff; }
div.photoalbum  img { margin-bottom:3px; }
div.photoalbum a:link, div.photoalbum a:visited { color:white; text-decoration:none; }
div.photoalbum a:hover  { color:red; }

.photogal { margin-top:30px; text-align:center; }

/* == li arrow bullet === */

ul.arrow { list-style-type:none; margin:15px 0 0 0; padding:0;  }
ul.arrow li { display: block; padding: 3px 0 3px 20px; background:url(../Images/theatre-arrow_bullet.gif) no-repeat 0 6px;}
ul.arrow li:hover{ background:url(../Images/theatre-arrow_bullet_red.gif) no-repeat 0 6px; }

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

.nav-menu { position:absolute; top: 238px; left:40px;  padding: 10px 0; width:200px; font-size:1.05em; }
.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:#372f66; border-bottom:1px dotted #999; padding: 7px 0 4px 5px; }
.nav-menu ul li a:hover    { color: #c00; border-bottom:1px dotted #c00; background:#efefef; }
.nav-menu ul li a.selected { color: #c00; border-bottom:1px dotted #c00; }
.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 {
	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; }