html, body {height: 100%; margin: 0; padding: 0; }
*body {border-left: 1px solid transparent;} /* IE 1px resize fix for shadow */

	body.theatre {background-color: #030f08;}
	body.jones {background-color: #051624;}

#shadow { margin: 0 auto; padding: 0; z-index: 1; 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	overflow: visible;

}

#page_bg {position: relative; top: 0px; width: 940px; margin: 0px auto; min-height: 700px;}
#main_img, #main_img img {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	*margin-left: 0px;
	
}


/* Header
------------------------------------------------------------------*/

#hdr_wrapper, #top_nav {z-index: 1; clear:both;}

#hdr_wrapper {position: relative; }

#top_nav {min-height: 35px; *height: 35px; background: url("https://production.tnew-assets.com/orgs/HCTY/images/hdr_nav_bg.jpg") repeat-x top center;}
	#top_nav ul, #hdr_nav ul {list-style: none; list-style-type: none; margin-bottom: 0px; padding-bottom: 0px;}
	#top_nav ul li {display: inline; float: left;  margin-bottom: 0px; padding-bottom: 0px; overflow: hidden;}
	#top_nav li {text-align: center;  padding:0px 25px; padding-top: 8px;}
	#top_nav li.seperator {width: 3px; background:url("https://production.tnew-assets.com/orgs/HCTY/images/hdr_nav_seperator.jpg") no-repeat top center; padding: 0px; height: 35px;}

#hdr_logo {float: left; margin-top: 30px; margin-left: 67px;}

#hdr_nav {float: right; margin-top: 10px;}
	#hdr_nav ul { *margin-left: 66px;} /* IE7 hack to force right alignment on the navs */
	#hdr_nav ul li {display: inline; float: left; margin-bottom: 10px; }
	#hdr_nav li.seperator {background-color: #fff; width: 1px; margin: 4px 10px; height: 10px;}

#hdr_nav #sm { text-align: right; float: right; /*width: 205px;*/ padding-bottom:5px;}
#hdr_nav #sm img {float: left; margin-right: 5px;}
	#hdr_nav #sm img.nomargin {margin-right: 0px;}
#hdr_nav label {float: left; display: none; visibility: hidden;}
#hdr_nav .search {
	height:21px; width:130px; margin: 0px; padding: 0px; border: 0px; float: left; padding-left: 3px;
	background: transparent	url("https://production.tnew-assets.com/orgs/HCTY/images/hdr_form_input_bg.gif") no-repeat; }
#hdr_nav .search_btn {margin-top: 0px; float: left;}	

#main_nav {position: absolute; top: 170px; width: 260px; min-height: 120px; *height: 120px; z-index: 9999;}
	#main_nav ul, #main_nav ul li {list-style: none; list-style-type: none; margin-bottom: 0px; padding-bottom: 0px;}
	#main_nav ul {padding-top: 5px; }
	#main_nav ul li {margin-bottom: 0px; background: url("https://production.tnew-assets.com/orgs/HCTY/images/nav_main_bg.png") repeat-y top center;}
	#main_nav ul li a {  padding-left: 35px; background: none;}
	#main_nav .active {color: #c0e0e5; margin-left: -6px; padding-left: 41px; *position: relative; *left: -3px; *padding-left: 44px;} /* see #main_nav a:hover in text.css for rollovers. lots of ie only fixes to get the arrows to display on top of the shadow.  */
	
	#main_nav .active.wortham { background:url("https://production.tnew-assets.com/orgs/HCTY/images/wc/li_bullet_triangle_red.png") no-repeat top left;}
	#main_nav .active.theatre {background:url("https://production.tnew-assets.com/orgs/HCTY/images/tdp/li_bullet_triangle_green.png") no-repeat top left;}
	#main_nav .active.jones { background:url("https://production.tnew-assets.com/orgs/HCTY/images/jh/li_bullet_triangle_blue.png") no-repeat top left;}

#main_hdr {position:relative;padding-top: 220px; margin-left:60px; margin-top:0px; margin-bottom:60px; z-index:1;}

UL.NorthSkyMenu a {padding-top:5px; padding-bottom:5px; margin-bottom:5px; margin-left: -6px; margin-top:0px;}

/* level 2 */
#main_nav ul li ul {display:block; list-style:none; width:250px; padding:0px; margin:0px;}
#main_nav ul li ul li {margin-left: 0px; width: 250px; float:left; background: url("https://production.tnew-assets.com/orgs/HCTY/images/nav_main_bg.png") repeat-y top center;}
#main_nav ul li ul li a {margin-left: 0px;  width:235px; padding-left:15px;}

UL.lvl1 {height:100%;}

/* Home Page content area
------------------------------------------------------------------*/
#middleblock{padding-bottom:10px; min-height:280px;padding:20px; }
#breadcrumbs {padding:20px;}
#content_home {margin-left: 0px; clear:both; position:relative;}
	#content_home #left_col_home, #content_home #right_col_home {float: left;}

#left_col_home {width: 350px; margin: 0px 10px 0px 30px;} /* 340 is three 108 pixel wide imgs with 8 pixel right margins except on last img - (108x3)+8+8+0 */
#right_col_home {width: 510px; padding-left: 20px; } /* widen but dont go over 500px + 20px padding */
	#right_col_home.jones {border-left: 1px solid #859197; }
	#right_col_home.wortham {border-left: 1px solid #7b7270;}
	#right_col_home.theatre {border-left: 1px solid #6a7e72;}

.featured {float: left; margin-right: 8px; margin-bottom: 8px; position: relative; width: 108px; min-height: 100px; *height: 100px;}
	.featured p {margin-top: -95px; margin-left: 5px; line-height: 100%; *margin-top: -100px;}
	.featured.last {margin-right: 0px;} /* removes extra margin on last column */

.event_wrapper {margin-bottom: 25px;}
.event_img, .eventdesc, .event_btns, .startdate, .enddate, .event_copy, .ticketinfo {float: left;}
.startdate, .enddate, .event_copy, .ticketinfo{clear:right; width:100%;}
.startdate {margin-top:10px;}
.ticketinfo a{color:#84A8AD;}	
.eventdesc {width: 420px;}
.event_copy {width:280px;}
.event_img, .eventdesc  {margin-right: 20px;}
.event_btns img {display: block; margin-bottom: 5px;}
.event_link {line-height: 110%; padding-top: 20px; *padding-top: 0px;}

/* Subpage
------------------------------------------------------------------*/
#content_sub {position: relative; margin-left: -10px; padding-top:0px;}
	#content_sub #left_col_sub, #content_sub #right_col_sub {float: left; margin-top: 20px;}
	#content_sub #right_col_sub_calendar {margin-top: 20px; width: 900px; margin-right: 30px; margin-left: 30px;}
	
	#content_sub #left_col_sub {padding-left: 30px;}

.sub_featured_wrapper {padding-left: 10px; margin-right: 10px;}
	
.sub_featured {min-height: 100px; *height: 100px; margin-right: 0px; width: 210px; float: left; padding-left: 20px;}
	.sub_featured p {margin-top: -95px; margin-left: 5px; line-height: 100%; *margin-top: -100px;}
	.sub_featured.last {margin-right: 0px; } /* removes extra margin on last column */	
	
.sub_seperator { border-bottom: 1px dotted #67727a; height: 1px; margin: 0px 30px 0px 30px; padding: 0px; overflow: hidden; line-height: 1px; width: 900px;}	




/* Footer
------------------------------------------------------------------*/

#ftr {z-index: 1000; position: relative; margin: 20px; width: 920px; padding: 10px;}
	#ftr ul, #ftr ul li {list-style: none; list-style-type: none;}
	#ftr ul {} 
	#ftr ul li {float: left; display: inline; }
	#ftr li.seperator {background-color: #fff; width: 1px; margin: 0px 10px; height: 10px;}
	
#copyright {float: left;  position: relative;}
#ftr_nav {float: right; margin-right: 20px;}

/* Misc
------------------------------------------------------------------*/
.right {float: right;}
.left {text-align: left; float: left;}
.right_ta {text-align: right;}
.right_ta ul {padding-right:8px}


.clearer, .clear {
	float:none;	
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px;	
	overflow: hidden;
	visibility: hidden;
}


/*
#dnn_dnnSEARCH_ClassicSearch{
margin-right:-5px;
float:left;
height:21px !important;

}
*/
#dnn_dnnSEARCH_cmdSearch img{
position:relative;
padding-top:0px;
vertical-align:top !important;

}


#dnn_dnnSEARCH_ClassicSearch input{
height:17px;
float:left;
width:115px;
margin-top:0px;
padding:0px;
}


/*
.NormalTextBox{
float:left;
width:115px;
margin-top:0px;
font-size:9px;

}

*/