/* ====================== Page Formatting  ========================*/
body, table, p, a, td, th, li, ol, input, select, textarea, 
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, h7, h7 a {
	margin: 0px;
	padding: 0px;
	color:#000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
body {background-color: #000; }
td { vertical-align: top; }
h1, h1 a {
	font-size: 21px;
	margin-bottom: 18px;
}
h2, h2 a { font-size: 16px; }
h3, h3 a, h6, h6 a { font-size: 14px; }
h4, h4 a { font-weight: bold; }
h4, h4 a, h5, h5 a { font-size: 11px; }
h7, h7 a { font-size: 9px; }
ul {
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 5px 10px;}
	
li{ list-style-type:square; }

p { padding-bottom: 10px; }
img, a img { border:none; }
.smallText { font-size: 9px; }

.clearBoth{clear:both; height:0px;}
.floatLeft{float:left; margin-right:10px;}
.floatRight{float:right; margin-left:10px;} 

input, textarea, select {margin:5px; border:1px solid black;}
input.searchField{border:1px solid black;}
input:focus, textarea:focus, select:focus {border:1px solid black;}

.alignLeft {float: left;}

hr {
	width: 100%;
	clear: both;
	height: 1px;
	padding: 0px;
	color: #FFFFFF;
	margin: 5px 0px;
	overflow: hidden;
	background-color: #FFFFFF;
	border-top: 1px dashed #7969a7;}


/* ====================== layout & columns ========================*/
#main, #header, #footer {
	width: 924px;
	text-align: left;
	position:relative;
}
#main { 
	background:#fdfcf7 url(/common/img/bg_circles.gif) repeat-y right top;
	margin: 20px auto 0px auto;
}
#footer{
	margin:0px auto 20px auto;
}
#fade{
	background:url(/common/img/footer_bg_r.png) no-repeat left bottom;
}
#content { 
	background:url(/common/img/leftnav_bg.gif) repeat-y 16px 18px;
}
.leftMaster {
	float: left;
	width: 240px;
}
.rightMaster {
	float: right;
	width: 670px;
}
.col1, .col2, .col3 /*etc..*/ { 
	float:left; 
	padding-right: 10px;
}
.rightMaster .col0 { margin-bottom:20px;} /*designed to go entire width of container */
.rightMaster .col1 { width: 420px; overflow:hidden;}
.rightMaster .col2 { width: 222px; float:right; padding-right:1px; }

.inside5{ padding:5px; }
.inside10{ padding:10px; }
.inside20{ padding:20px; }
.inside40{ padding:40px; }

/* ====================== Header & Footer ====================== */
#header {
	position:relative;
	background:url(/common/img/header_bg_r.gif) no-repeat;
}

#logoContainer{
	width:415px;
	float:left;
	padding:7px 0px 0px 20px;
}

#logoContainer #printLogo{
	display:none;
}

#screenLogo{display:block;}

#printLogo{display:none;}

#searchContainer {
	float:right;
	width:450px;
	margin-top:16px;
}

#searchContainer input {
	vertical-align:middle;
	border:1px outset grey;
	height:16px;
}
#searchContainer input.searchField{
	border:1px solid black;
}
#searchContainer .search{
	float:right;
	width:220px;

}
#searchContainer .nav{
	float:left;
	width:230px;
	margin-top:6px;
	overflow:hidden;
}
#header #searchContainer .nav li{
	border-right:1px solid #7969a7;
	margin: 0px -1px 0px 1px;
}
#searchContainer .nav li a{
	color:#7969a7;
}	

#navContainer .leftMaster{

	width:672px;
}
#navContainer .rightMaster{
	width:247px;
	background:url(/common/img/header_nav2.gif) no-repeat left top;

}
#footer {
	padding-top:6px;
	background:#000000;
	clear: both;
	text-align:center;
}

#footer ul{
	margin: 0px;
	padding:0px;
	list-style: none;
}


#footer li, #footer li a { color: red; }



#footer li {
	float:left;
	display:block;
	padding: 0px 8px 0px 8px;
	margin:0px 1px 0px -1px;
	white-space:nowrap;
}

#footer li { border-left: 1px solid #ffffff; }
#footer li a{
	color:#ffffff;
	text-decoration:none;
	font-size:10px;
}
#footer li a:hover{
	text-decoration:underline;
}
#footer .nav{
	margin:0px auto 1em;
	overflow:hidden;
	width:350px;
}


/* ====================== topNav ====================== */
#header .nav{
}
#header .nav li{
	display:inline;
	 }
#header .nav li a{
	display:block; }

#header .leftMaster .nav{
	margin:13px 0px 0px 5px;
	background:url(/common/img/nav_bg.gif) repeat-x left top;
	height:35px;
	overflow:hidden;
}
#header .leftMaster .nav ul{
	height: 35px;
	background:url(/common/img/nav_side.gif) no-repeat left top;
}
#header .nav li{
	margin:0px 1px 0px -1px;
	padding:0px 8px;
	float:left;
	background:url(/common/img/nav_border_fff.gif) no-repeat left 10px;
	white-space: nowrap;
}
#header .leftMaster .nav li a, #header .rightMaster .nav li a{
	color:#ffffff;
	margin:0px;
	padding:9px 0px 5px;
	text-decoration:none;
}

#header .leftMaster .nav li.currentCategory a, #header .leftMaster .nav li.currentPage a, #header .leftMaster .nav li.currentCategory2 a, #header .leftMaster .nav li a:hover {
	border-bottom:8px solid #7969a7;
}

#header .rightMaster .nav{
	margin-top:12px;
	margin-left:20px;
	height:50px;
	overflow:hidden;
}
#header .nav ul{
	margin:0px;
	padding:0px;
}

/* ====================== leftNav ====================== */
#content .leftMaster .nav{
	padding:0px 1px;
	border-top:20px solid black;
	margin-left:16px;
	overflow:hidden;
}

#content .leftMaster .nav ul{
	margin:0px;
	padding:0px;
}
#content .leftMaster .nav ul li{
	display:none;
	list-style-type:none;
}
#content .leftMaster .nav ul li.currentCategory, #content .leftMaster .nav ul li.currentCategory2{
	display:block;
	border-bottom:1px solid #ece9ed;
	list-style-type:none;
	color:#999999;
	
}
#content .leftMaster .nav ul li.currentCategory a , #content .leftMaster .nav ul li.currentCategory2 a{
	display:none;
}
#content .leftMaster .nav ul li.currentCategory li, #content .leftMaster .nav ul li.currentCategory2 li{
	display:block;
	
}

#content .leftMaster .nav ul li.currentCategory2 li.currentCategory{background-color:#E5E4E4;}

#content .leftMaster .nav ul li.currentCategory2 li.currentCategory li.currentPage a{background:#ccc8d6 url(/common/img/blue_bullet.gif) no-repeat 20px 7px;}


#content .leftMaster .nav ul li.currentCategory li a, #content .leftMaster .nav ul li.currentCategory2 li a{
	text-decoration:none;
	padding:4px 12px;
	font-size:14px;
	color:#999999;
	font-weight:bold;
	display:block;
	
}
#content .leftMaster .nav ul li.currentCategory li a:hover, #content .leftMaster .nav ul li.currentCategory2 li a:hover{
	text-decoration:underline;
}
#content .leftMaster .nav ul li.currentCategory li ul, #content .leftMaster .nav ul li.currentCategory2 li ul{
	padding-bottom:8px;
}
#content .leftMaster .nav li.currentCategory  ul li ul li, #content .leftMaster .nav li.currentCategory2  ul li ul li{
	background:url(/common/img/grey_bullet.gif) no-repeat 20px 7px;
	border:none;
}

#content .leftMaster .nav li.currentCategory ul li ul li a, #content .leftMaster .nav li.currentCategory2 ul li ul li a{
	font-size:11px;
	padding:2px 28px;
	font-weight:normal;
}
#content .leftMaster .nav li.currentCategory2  ul li.currentCategory.currentPage a{
	background-color:#e5e4e4;
}

#content .leftMaster .nav li.currentCategory2 ul li.currentCategory a, #content .leftMaster .nav li.currentCategory ul li.currentPage a{
	color:#7969a7;
}
#content .leftMaster .nav li.currentCategory2 ul li.currentCategory ul li, #content .leftMaster .nav li.currentCategory ul li.currentPage ul li{
	background-image:url(/common/img/blue_bullet.gif);
}

/*======================= category page =================== */
#content .rightMaster {
	padding-right:7px;
	width:663px;
}
#content .rightMaster #rightHeader{
	position:relative;
	width:662px;
}
#content .rightMaster #rightHeader p {
	margin:0px;
	padding:0px;
}
#content .rightMaster #bannerControls{
	position:absolute;
	right:0px;
	top:0px;
	width:239px;
	height:38px;
	background:url(/common/img/category_banner_ctr.png) no-repeat left top;
}

#content .rightMaster #bannerControls a{
	color:#ffffff;
	display:block;
	padding:5px 0px;
	text-decoration:none;
	width:97px;
	height:16px;
	float:left;
	background:url(/common/img/category_banner_btn.png) no-repeat;
	margin:5px 0px 0px 15px;
	text-align:center;
}

#content .rightMaster #bannerInfo{
	background:url(/common/img/category_banner_bar.png) no-repeat;
	padding:6px 0px 0px 10px;
	height:40px;	
}
#content .rightMaster #bannerInfo h1{
	font-size:14px;
	color:#fdfcf8;
	margin:0px;
	padding:0px;
}

#content .rightMaster #bannerInfo p {
	font-size:11px;
	color:#fdfcf8;
	margin:0px;
	padding:0px;
}
#content .rightMaster #bannerInfo p span.playType{
	font-weight:bold;
	font-style:italic;
}
#content #breadcrumbs, #wideContent #breadcrumbs{
	color:#7969a7;
	font-size:11px;
	padding:4px 0px 4px 12px;
}
#content #breadcrumbs ul, #wideContent #breadcrumbs ul{
	margin:0px;
	padding:0px;
}
#content #breadcrumbs li, #wideContent #breadcrumbs li{
	display:inline;
}
#content #breadcrumbs li a, #wideContent #breadcrumbs li a{
	color:#7969a7;
	font-size:11px;
}

/* ====================== user page ======================= */
#userContent{
	padding:0px 5px;
	padding-bottom:24px;
}
#userContent #media{
	margin-bottom:20px;
}

#userContent .leftMaster{
	width:420px;
}
#userContent .leftMaster #contentArea{
	text-align:right;
	padding-left:28px;
}
#userContent .rightMaster{
	width:450px;
}
#userContent .rightMaster .col1{
	padding-top:30px;
	width:210px;
}

#userContent .rightMaster .col1 .callout h1{
	color:#3b2772;
	font-size:11px;
	margin-bottom:10px;
}
#userContent .rightMaster .col1 .callout p{
	color:#322b17;
	font-style:italic;
}

/* ====================== wide page ========================= */
#wideContent{
	padding:0px 5px;
	padding-bottom:24px;
}

#wideContent .leftMaster{
	width:670px;
}
#wideContent .rightMaster{
	width:222px;
	padding-top:40px;
}

/*====================== alumni view ================ */
.nonOP
{
    border-color:#A9A9A9;
}

#wideContent #alumniLinks{
	background:#aca3bf;
	overflow:hidden;
}

#wideContent #alumniLinks a{
	display:block;
	float:left;
	padding:0px 12px;
	margin:6px 1px 8px -1px;
	border-left:1px solid white;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}
#wideContent #alumniLinks a:hover{
	text-decoration:underline;
}
#wideContent #contentArea .cssAlumniContainer{
	margin-top:20px;
}
.cssAlumniContainer .alumni{
	margin-bottom:40px;
	width:520px;
}
.cssAlumniContainer .alumni .image{
	width:120px;
	float:left;
}
.cssAlumniContainer .alumni .image img{
	
	width:160px;
	height:200px;
    
}
.cssAlumniContainer .alumni .info{
	width:350px;
	float:right;
}
#contentArea h1.cssAlumniName{
	margin-bottom:8px;
}
#contentArea h1.cssAlumniName, #contentArea h1.cssAlumniName a{
	color:#3b2772;
	font-size:16px;
	font-weight:bold;
}
/* ====================== home page ========================= */

/* ====================== content area ====================== */
#contentArea{ 
	padding-left:12px;
	padding-bottom:24px;}

#contentArea h1{
	font-size:16px;
	color:#3b2772;
}
#contentArea h2{
	font-size:14px;
	color:#3b2772;
	margin:0px;
}
#contentArea h3, #contentArea p{
	font-size:11px;
	color:#322b17;
	padding-bottom:10px;
}


/* = ===================== seating chart ================== */
table.theater{
	width:639px;
	border:1px solid #3b2772;
	background-color:#e5e4e4;
	padding:16px;
	padding-left:0px;
}

table.theater td{
	height:29px;
	width:23px;
	
	padding-bottom:4px;
	font-size:8px;
	background:url(/common/img/seat.gif) no-repeat center top;
	vertical-align:middle;
	text-align:center;

}
table.theater td.noBG{
	background:none;
	color:#a187bd;
	font-size:18px;
}
 /* ====================== callouts  ====================== */
.callout {margin-bottom: 20px;}

/*
.callout .header{
	background:url(/common/img/callout_top.png) no-repeat left top;
	height:33px;
	overflow:hidden;
}

.callout .body{
	padding:12px 20px;
	color:#ffffff;
	background:url(/common/img/callout_bottom.png) no-repeat left bottom;
}
*/
.callout .body{
	background:url(/common/img/callout_top.png) no-repeat top left;
}
.callout .footer{
	background:url(/common/img/callout_bottom.png) no-repeat top left;
	height:17px;
}
.callout img{
	margin-bottom:8px;
}
.callout h1, .callout p{
	padding:4px 12px 4px 12px;
	margin:0px;
}
.callout p, .callout p a, .callout li, .callout li a{
	color:#ffffff;
	font-size:10px;
}
.callout h1{
	color:#ffffff;
	font-size:14px;
}
/* ====================== search results ======================== */
.searchResultsFooter {
	font-size:9px;
	color: grey;
	margin-bottom:10px;}
#umbSearchResult1_PanelArrows{
	margin-top:20px;
	padding-top:15px;
	border-top:1px solid grey;}
.searchResultsHeader{
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px solid grey;
	font-size:10px;
	font-style:italic;}
.searchResultsHeader h1{
	font-style:normal;}

/* ======================== Form Style ========================== */
.formInput{}

.formResponse{}

.formLabel{}

.error {color:red;}
.error, .notice, .success {}