@import url('editor.css');
@charset "utf-8";
/* RESET */
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0px; padding:0px}
	a img{border:0}
/* */



/* UTILITY */
	.floatleft{float:left}
	.floatright{float:right}
	.clear{clear:both}

	a:hover, #content-wrapper a:hover{text-decoration:underline; color:#fa8e1b; cursor:pointer}
	a{color:#482881; cursor:pointer}
	
	img, div { behavior: url(iepngfix.htc) }
	
	div.hr{
		position:relative; margin:18px 0px 11px; height:1px;
		background:url(/subsites/pics/mtsmart/hr_bg.gif) repeat-x;
	}
	.greyborder{
		/* border:1px solid #a8a8a8;*/
	}
/* END: UTILITY */

/* GENERAL */
	body{
	background:url(/subsites/pics/mtsmart/page_bg.jpg) repeat-x #070016 0px 27px; font-family: Arial, Helvetica, sans-serif; height:100%; font-size:85%;
	}
	
	.smallfont{
		font-size:0.7em;
	}
	#pagewrapper{
	/*position:relative; left:50%; margin-left:-390px; width:780px;*/
	position:relative; left:50%; margin-left:-475px; width:950px;
	color:#FFF;
	}
	#header{
	position:relative; height:98px; width:950px;
	background:url(/subsites/pics/mtsmart/headerbanner.jpg) no-repeat;
	}
	#title a.arc{
	
	}
	#header h1{
	text-indent:-9999px;
	}
	#header h1 a{
	display:block; height:60px; width:270px; margin-right:-270px;
	outline:none;
	}
	#header ul{
	position:absolute; bottom:0px; width:950px; height:auto; overflow:hidden;
	font-size:0.8em; list-style:none;
	background-color:#dedede;
	}
	#header ul a{
	text-decoration:none;
	}
	#header li{
	display:inline-block; float:left; min-height:30px;
	background:url(/subsites/pics/mtsmart/nav_bg_left.jpg) repeat #dedede; text-align:center;
	}
	#header li a{
	font-size:1.1em; font-weight:normal; display:block; height:23px; width:100%; padding-top:7px;
	color:#666666;
	font-weight:bold;
	}
	#header li a:hover{
	color:#44267b;
	font-weight:bold;
	}
	#header li.selected, #header li.selected:hover{
	background:url(/subsites/pics/mtsmart/nav_bg_selected.jpg) no-repeat #5d5d5d;
	color:#44267b;
	text-decoration:none;
	}
	.innerImgLeft{
	float:left;
	padding-right:20px;
	padding-bottom: 20px;
	}
	
	#header li:hover{
	background:url(/subsites/pics/mtsmart/nav_bg_hover.jpg) no-repeat #a95410;
	}
	#header li.seperator{
	display:inline-block; float:left; height:30px; width:2px; margin:0; padding:0;
	background:url(/subsites/pics/mtsmart/nav_bg_right.jpg) no-repeat;
	}
	li#nav-shadowleft, li#nav-shadowleft:hover{background:url(/subsites/pics/mtsmart/nav_leftshadow.jpg) no-repeat; width:0px}
	li#nav-home{width:57px}
	li#nav-directions{width:143px}
	li#nav-hire{width:98px}
	li#nav-function{width:135px}
	li#nav-about{width:80px}
	li#nav-contact{width:85px}
	li#nav-events{width:123px}
	li#nav-gallery{width:70px}
	li#nav-facebook{width:142px; margin-top:-8px;}

	#footer{
	padding:5px 5px;
	font-size:0.75em; color:#666666;
	text-align:center;
	}
	#footer a{
	color:#666666; font-weight:normal;
	text-decoration:none;
	}
/* END: GENERAL */


/* HOMEPAGE */
	#midrow{
	height:auto; width:926px; overflow:hidden; padding:12px; margin:0px;
	background:#ffffff;
	}
	#midrow div.top{
	height:auto; overflow:hidden; margin-top:0px;
	top:0px;
	padding-top:0px;
	}
	#midrow #promopanel{
	position:relative;
	padding-left:2px;
	}
	#midrow #promopanel a {
	text-decoration:none;
	font-weight:lighter;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	#midrow #promopanel strong {
	
	}
	#midrow #promopanel div.caption{
	position:absolute; top:240px; left:0px; right:0px; 
	padding:5px 10px 10px 10px;
	margin-left:2px;
	background:url(/subsites/pics/mtsmart/transparent_black_80.png) repeat;
	line-height:1.25em; font-size:0.9em;
	z-index:100;
	width:434px;
	height:41px;
	}
	
	html>body #midrow #promopanel div.caption{
	position:absolute; top:240px; left:0px;
	padding:5px 10px 10px 10px;
	margin-left:2px;
	background:url(/subsites/pics/mtsmart/transparent_black_80.png) repeat; line-height:1.25em; font-size:0.9em;
	z-index:100;
	width:434px;
	height:41px;
	}
	 
	#midrow #promopanel div.caption h2{
	font-size:1.8em; line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#FF6600;
	}
	#midrow #promoinfo{
	width:455px; height:auto; overflow:hidden; margin-right:2px;
	top:0px;
	}
	html>body #midrow #promoinfo{
	width:455px; height:auto; overflow:hidden; margin-right:4px;
	margin-top:0px;
	}
	#promoinfo div p, #promoinfo div ul{
		padding:0px 5px; font-size:0.9em;
		}
	#promoinfo div a:hover{
	color:#FA8E1B;
	}
	#promoinfo ul{
	list-style:inside;
	}
	#promoinfo h2{
	width:160px; padding:8px 10px; margin-bottom:7px;
	font-size:1.2em; line-height:0.8em; font-family:Lucida Sans, Lucida, Helvetica, Arial, sans-serif; font-weight:bold;
	}
	#comingto h2{
	margin:0px 0px 25px 0px;
	padding:0px;
	}
	#comingto{
	width:198px; min-height:288px;
	margin-left:5px;
	padding: 7px 10px 0px 10px;	
	border:#CCCCCC thin solid;
	background:url(/subsites/pics/mtsmart/upcoming_events_header.gif) no-repeat top;
	}
	#promoinfo div#comingto p, #promoinfo div#comingto ul{
	font-size:12px;
	color:#333333;
	background:url(/subsites/pics/mtsmart/dottedline.gif) repeat-x bottom center;
	margin:10px 0px 10px 0px;
	}

	#comingto ul{
	list-style:url(mtsmart/icon_arrow.gif) inside;
	}
	#comingto li{
	margin:2px 0px 2px 5px; 
	}
	#comingto li a{
	font-size: 1.0em; font-weight:normal;
	}
	#comingto a{
	text-decoration:none; 
	}
	#comingto small{
	color:#d4d4d4; padding-left:20px;
	}
			
#upcoming{
	width:207px; min-height:288px;
	padding: 7px 10px 0px 5px;	
	border:#CCCCCC thin solid;
	background:url(/subsites/pics/mtsmart/upcoming_events_header.gif) no-repeat top;
	}
	#upcoming h2{
	margin:0px 0px 25px 0px;
	padding:0px;
	}
	#upcoming ul{
	list-style:none outside;
	}
	#upcoming li{
	height:auto; overflow:hidden; margin-bottom:10px; font-size:1.25em;
	}
	#upcoming h3{
	width:150px; padding-bottom:5px; margin-bottom:3px; 
	background:url(/subsites/pics/mtsmart/dottedline.gif) repeat-x bottom center; font-size:1.0em;
	}
	#upcoming li a{
	font-size:0.75em; font-weight:normal; text-decoration:none; color:#333333; 
	}
	#upcoming li a:hover{
	color:#FA8E1B;
	}
	
	#upcoming .datepanel {
	font-size:1.2em; line-height:1.0em; text-align:center;
	background:url(/subsites/pics/mtsmart/dateicon.gif) no-repeat; 
	width:31px;height:38px;
	margin-right:5px;padding-top:5px;
	}
	#upcoming .datepanel span {
	font-size:.6em;line-height:.8em;
	}
			
	#midrow div.mid{
	padding:10px 0px 10px 0px; min-height:102px; width:950px;
	}
	#midrow div.mid img{
	margin-right:4px;
	margin-left:2px;
	}
	.mainimgHolder{
		width:950px;
		height:303px;
		display:block;
		background:url(/subsites/pics/mtsmart/mt-smart-stadium_img.jpg) no-repeat top;
		
	}
		
	body#index #midrow div.bot{
	width:938px; height:40px; padding:8px 0px 0px 12px; margin-top:1px;
	margin-left:-12px;
	margin-bottom:12px;
	background:url(/subsites/pics/mtsmart/logobanner_bg.jpg) repeat-x; color:#666666;
	font-size:11px;
	}
	body#index #midrow div.bot img{
	padding-right:5px; padding-left:5px;
	}
/* END: HOMEPAGE */


/* CONTENT PAGES */
	#content-wrapper{
	height:auto; overflow:hidden;
	background:#FFF; color:#000;
	}
	#content-wrapper a{
		color:#492282; font-weight:normal;
	}
	#content-left{
	float:left; width:206px;
	background:#FFF; font-size:1.2em;
	}
	#content-left img{
	margin-bottom:-3px;
	border-bottom:2px solid #E77401;
	}
	#content-left div.bot{
	min-height:265px; _height:265px; padding:12px;
	background:url(/subsites/pics/mtsmart/leftbar_bg.jpg) no-repeat;
	}
	#content-left  div.bot h2{
	margin-left:-2px;
	font-size:1.2em; font-weight:lighter; letter-spacing:-1px; color:#444444; font-family:Lucida Sans, Lucida, Arial, sans-serif;
	}
	#content-left div.bot li{
	margin:10px 10px 10px 0px;
	list-style:url(/subsites/pics/mtsmart/icon_arrows_grey.gif) inside; font-size:0.7em; text-indent:0px;
	}
	#content-left div.bot a{
	font-weight:bold; color:#8e8e8e; text-decoration:none;
	}
	#content-left div.bot a:hover{
	text-decoration:underline;color:#FA8E1B;
	}
	#content-left div.bot li.selected, #content-left div.bot li.selected a{
	list-style:url(/subsites/pics/mtsmart/icon_arrows_black.gif) inside; color:#000;
	}
	#content-left div.bot li.selected a:hover {
	color:#FA8E1B;
	}
	#content-left p {
	margin:0px 0px 10px 0px;
	}
	
	#content-right{
	float:right; width:710px;
	background:#FFF; padding-bottom:40px;
	}
	
	#content-right div.left ul, div.left_fullwidth ul, div.left ol, div.left_fullwidth ol{
	margin-bottom:15px; 
	}
	
	#content-right div.left ol, div.left_fullwidth ol{
	margin-left:15px; 
	}
	
	#content-right div.left ol li, div.left_fullwidth ol li{
	list-style:decimal outside;
	}
			
	#content-right div.left li, div.left_fullwidth li{
		margin-left:15px;
		margin-bottom: 5px;
		list-style:disc; text-indent:0px;
	}
	
	#content-right div.bot a{
	text-decoration:underline;
	}
	#content-right div.bot a:hover{
	color:#FA8E1B;
	}
	
	#content-right p {
	margin:0px 0px 10px 0px;
	}	
	#content-topbar{
	padding:10px;
	background:#ffffff; font-size:12px;
	}
	#content-topbar img{
	float:left; margin:-2px 10px 0px 0px;
	}
	#content-topbar a{
	font-weight:normal; color:#492282;
	}
		
	#content-rightpanel{
	float:right; width:162px; margin:-25px -10px 10px 15px;
	font-size:0.85em;
	}
	#content-rightpanel li{
	margin-left:5px;
	}
	#content-rightpanel div.holder{
	padding-bottom:8px;
	background:#ebe7d9; border-top:1px solid #a8a8a8;
	}
	#content-rightpanel h3{
	padding:20px 0px 4px; margin-top:10px;
	font-size:1.1em; background:#FFF; 
	}
	#content-rightpanel img{
	margin:5px;
	}
	#content-rightpanel p{
	padding:5px;
	}
	#content-rightpanel a{
	color:#000; font-weight:bold; text-decoration:none;
	}
	#content-rightpanel img{
	position:relative; top:4px;
	}
	#content-rightpanel a:hover{
	text-decoration:underline;
	}
	#content-rightpanel ul{
	padding-top:5px; padding-left:20px;
	list-style:url(/subsites/pics/mtsmart/icon_smallarrow_black.gif) outside; text-indent:-5px;
	}
	#content-rightpanel ul a{
		font-weight:normal;
	}
		
	#content-right div.bot{
		padding:16px; font-size:0.95em; line-height:1.2em;
	}
	#content-right div.bot div.left{
	float:left; width:470px;
	}
	#content-right div.bot div.left_fullwidth{
	float:left; width:640px;
	}
	#content-right div.bot h1{
	margin-left:0px; margin-bottom:5px;
	font-size:2.2em; line-height:1.5em; font-weight:lighter; letter-spacing:-1px; color:#492282; font-family:Lucida Sans, Lucida, Arial, sans-serif;
	}
	#content-right div.bot h2{
	margin:12px 0px 4px;
	font-size:1.1em; line-height:2em; color:#444444;
	}
	#content-right div.bot h3{
	margin:12px 0px 4px;
	font-size:1.0em; line-height:2em; color:#444444;
	}
	
	body#directions #midrow div.logos{
	width:938px; height:40px; padding:8px 0px 0px 12px; margin-top:1px;
	margin-left:-12px;
	margin-bottom:12px;
	background:url(/subsites/pics/mtsmart/logobanner_bg.jpg) repeat-x; color:#666666;
	font-size:11px;
	}
/* END: CONTENT PAGES */


/* 360 FLASH VIEW */
	#fade{
		display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; z-index:21;
		background:#000; -moz-opacity:0.6; opacity:.60; filter:alpha(opacity=60);
	}
	
	#lightbox360{
		display:none; position:absolute; top:126px; left:50%; width:784px; height:415px; padding:6px; z-index:22;
		border-top: 3px solid #f89828; background-color: #383838; overflow:hidden; color:#000; margin-left:-401px;
	}
	#lightbox360 div.top{
		height:75px;
	}
	#lightbox360 div.top img.logo{
	float:left; margin:4px 134px 0px 10px;
	}
	#lightbox360 div.top img.close{
	float:right; cursor:pointer;
	}
	#lightbox360 div.top h1 a{
	float:left; margin:15px 10px 10px;
	font-size:1.2em; font-family:Lucida sans, Lucida, Arial, sans-serif; font-weight:lighter; color:#606060; text-decoration:none;
	}
	#lightbox360 div.top h1.selected a{
	color:#cccccc;
	}
	
	#lightbox360_small{
		display:none; position:absolute; top:126px; left:50%; width:500px; height:415px; padding:6px; z-index:22;
		border-top: 3px solid #f89828; background-color: #383838; overflow:hidden; color:#000; margin-left:-251px;
	}
	#lightbox360_small div.top{
		height:75px;
	}
	#lightbox360_small div.top img.logo{
	float:left; margin:4px 134px 0px 10px;
	}
	#lightbox360_small div.top img.close{
	float:right; cursor:pointer;
	}
/* END: 360 FLASH */


table.contentTable {
	background:#ffffff;
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	margin-top:0px;
	margin-left:0px;
	border-collapse: collapse;
	color:#666666;
}
table.contentTable td {
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	padding:3px;
	text-align:left;
	vertical-align:text-top;
}
/*the following two styles are the same - I needed to do it like this to trick the Shado editor into displaying contentTableHeaderRow in the dropdown*/
table.contentTable tr.contentTableHeaderRow td {
	background:#cccccc;
	color:#000000;
	vertical-align:text-top;
	font-weight:bold;
}
.contentTableHeaderRow {
	background:#cccccc;
	color:#000000;
	vertical-align:text-top;
	font-weight:bold;
}

.intro {line-height:24px; color:#565656; font-size:1.2em;}

/* file lists and image panel - used by behaviours */
dl.filelist-large {
	background-color:#e7e7e7;
	padding-top:5px;
}
dl.filelist-large dt.pdf {
 	background:transparent url(/subsites/app_templates/gfx/pdf-sm.gif) 4px 0 no-repeat;
 	margin:0 0 .5em 0; padding:0 0 .4em 23px;
	font-weight:normal;
 }
dl.filelist-large dt.doc {
 	background:transparent url(/subsites/app_templates/gfx/doc-sm.gif) 4px 0 no-repeat;
 	margin:0 0 .5em 0; padding:0 0 .4em 23px;
	font-weight:normal;
 }  
dl.filelist-large dt.xls {
 	background:transparent url(/subsites/app_templates/gfx/xls-sm.gif) 4px 0 no-repeat;
 	margin:0 0 .5em 0; padding:0 0 .4em 23px;
	font-weight:normal;
 } 
dl.filelist-large dt.blank {
 	background:transparent url(/subsites/app_templates/gfx/blank-sm.gif) 4px 0 no-repeat;
 	margin:0 0 .5em 0; padding:0 0 .4em 23px;
	font-weight:normal;
 }
dl.filelist-large dd {
	line-height:1.2em;
	margin:0 0 .5em 0;
	padding:0 0 .4em 23px;
}	
div.filelist-small-pdf {
	margin:1em 0 0 0;
	margin-left:0;
	padding:0;
	background:transparent url(/subsites/app_templates/gfx/pdf-sm.gif) 4px .4em no-repeat;
	list-style-type:none;
 	margin:0 0 .5em 0;
	padding:.4em 0 .4em 23px;
	background-color:#e7e7e7;
}
div.filelist-small-doc {
	margin:1em 0 0 0;
	margin-left:0;
	padding:0;
	background:transparent url(/subsites/app_templates/gfx/doc-sm.gif) 4px .4em no-repeat;
	list-style-type:none;
 	margin:0 0 .5em 0;
	padding:.4em 0 .4em 23px;
	background-color:#e7e7e7;
}
div.filelist-small-xls {
	margin:1em 0 0 0;
	margin-left:0;
	padding:0;
	background:transparent url(/subsites/app_templates/gfx/xls-sm.gif) 4px .4em no-repeat;
	list-style-type:none;
 	margin:0 0 .5em 0;
	padding:.4em 0 .4em 23px;
	background-color:#e7e7e7;
}
div.filelist-small-blank {
	margin:1em 0 0 0;
	margin-left:0;
	padding:0;
	background:transparent url(/subsites/app_templates/gfx/blank-sm.gif) 4px .4em no-repeat;
	list-style-type:none;
 	margin:0 0 .5em 0;
	padding:.4em 0 .4em 23px;
	background-color:#e7e7e7;
}
div.panel-alignleft {  float:left; margin-top:0.9em; margin-right:10px; margin-bottom:0.5em; }
div.panel-alignright { float:right; margin-top:0.9em; margin-left:10px; margin-bottom:0.5em; }
div.panel-image, div.panel-sciimage { background-color:#f2f2f2; float:left; }
div.panel-image p, div.panel-sciimage p { font-family:Arial, sans-serif; font-size:9px; margin-left:0.5em; margin-right:0.4em; line-height:1.3em; }
div.panel-image img, div.panel-sciimage img {  padding:.5em .5em 0 .5em; float:left; }
div.panel-image h4, div.panel-sciimage h4 {
	font-family:Arial, sans-serif; font-size:9px; font-weight:bold; border-bottom:1px solid #b8c6da;
	margin:.4em .4em 0 .5em; padding-bottom:.4em;
	}
div.panel-image h4 em, div.panel-sciimage h4 em { font-style:italic; font-weight:normal; }
div.panel-image p.more { padding-top:0; }
div.panel-image p.more a { font-weight:bold; text-decoration:none; }
div.panel-sciimage p.viewlarge { background:transparent url(/subsites/app_templates/gfx/viewlarge-icon.gif) 0px 1px no-repeat; padding-top:0; padding-left:14px; }
div.panel-sciimage p.viewlarge a { font-weight:bold; text-decoration:none; }


/* IE FIXES 
	div.hr{
	_margin-bottom:8px;
	}

	#midrow{
	_clear:both;
	}

	#midrow div.mid{
	_margin-bottom:3px;
	}

	#midrow #promopanel div.caption{
	.width:348px; .bottom:3px; _bottom:2px;
	}

	#upcoming li{
	.margin-bottom:8px; _float:left;
	}

	#upcoming{
	_width:172px;
	}

	#content-rightpanel ul{
	.text-indent:0px;
	}

	#content-left div.bot li{
	.list-style:url(/subsites/pics/mtsmart/icon_arrows_grey_gap.gif) inside;
	}

	#content-left div.bot li.selected, #content-left div.bot li.selected a{
	.list-style:url(/subsites/pics/mtsmart/icon_arrows_black_gap.gif) inside;
	}

	#content-rightpanel{
	_margin-right:-5px;
	}

	#lightbox div.top h1 a{
	.font-size:0.9em;
	}
	
	#header li a:hover{
	_background:url(/subsites/pics/mtsmart/nav_bg_hover.jpg) repeat-x;
	}
	#header li.selected a:hover{
	_background:none;
	}

	#comingto, #upcoming{
	_height:214px; _overflow:visible;
	}

	#header li{
	_height:30px;
	}

	#midrow div.mid{
	_height:161px;
	}
	
	#midrow div.top{
	_height:214px; _overflow:visible;
	}

	#header li{
	_overflow:hidden;
	}

	#content-left{
	_overflow:hidden;
	}
*/
	
/* END IE FIXES */