/* $Id */
/* Layout & Positioning */
#main div.wrapper {width:940px;}

#main div.wrapper #breadcrumbs {clear:both; width:940px;}

#main div.wrapper #content {width:940px; padding-top:20px;}
#sec-nav-horizontal {clear:both; width:940px;}

#main #content div.wrapper {display:inline; float:right; width:700px; height: 100%;}
#main #content #horizon-feature {clear:both; padding:8px 0; width:702px;}
#main #content #left {display:inline; float:left; width:220px; padding:0 20px 0 0;margin:-32px 0 0 0;}
#main #content #outer-left {display:inline; float:left; width:460px; padding:5px 20px 0 0; vertical-align:top;}
#main #content #outer-right {display:inline; float:right; width:220px; vertical-align:top;}

#main div.wrapper #btmnav { width:940px; position: absolute; }
/* ------------------- */
/* Colour, Typography */
#main div.wrapper #breadcrumbs {border-top:dotted 1px #ccc; border-bottom:solid 5px #6a6e71;padding: 4px 0 2px 0;}

#main #content div.wrapper h2 {color:#c00; font-size:30px; line-height:36px; padding:10px 0 0 0; text-transform:none; letter-spacing:.02em;}

#main #content div.wrapper h3.pgtitle, #main #content div.wrapper #outer-left h3 {color:#c00; font-size:2.0em; line-height:1.2em; margin:0; padding:5px 0 0 0; text-transform:none;}

#main #content div.wrapper #outer-left em, #main #content div.wrapper #outer-right em {font-style:italic;}
#main #content div.wrapper #outer-left a, #main #content div.wrapper #outer-right a {text-transform:none;}
#main #content #outer-left h4.subtitle {color:#585858; font-size:1.3em; line-height:1.5em; margin:0; padding:6px 0 0 0; text-transform:none;}
#loopedSlider
{
	background-color: #BCBCBC;	
}
.container { width:400px; text-align:center; height: 270px; overflow:hidden; position:relative; cursor:pointer; float: right;   }
.container2 { width:280px; height: 270px; overflow:hidden; position:relative; cursor:pointer; float: left;  }
.slides { position:absolute; }
.slides div { position:absolute; top:0; width:400px; display:none; margin: auto 0 auto 0;border: solid 1px #FFFFF !important;}

.slides img
{
	padding: 21px 0 0 0; margin: 0 -20px 0 0;
	
}

#loopedSlider
{
	height: 270px;	
}


.pagination
{
	position: absolute;
	bottom: 3px;
	left: 10px;	
}

.pagination li a {
	border: 1px solid #595959;
	padding: 4px 7px;
	color: #fff;
	font-weight: bold;
}

.pagination li.active a {
	border: 1px solid #fff;
}

.left_side {
	position: absolute;
	top: 0;
	left: 20px;
}

.container2 p.desss_txt
{
	color: white !important;
		width: 300px;
} 

.container2 p.title_txt
{
	font-size: 2.1em;
	color: #000000;
	font-weight:normal;
	width: 300px;
	line-height: 1.2em;
	z-index:100;margin-top:17px;
}


#main div.wrapper #tester{
	width: 940px;
	height: 10px;
	background-image:url('/sites/all/themes/custom/brock/top_grey_bar.png');
	background-repeat: no-repeat;
}

#featured{ 
	width:690px;  
	position:relative; 
	border:5px solid #CC0000; 
	height:250px; 
	background: #CC0000;
}
#featured ul.ui-tabs-nav{ 
	position: relative; 
	top:215px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	display: inline;
	float: left;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; 
	padding-left:9px;  
	font-size:.8em; 
	color:#FFF; 
	width: 25px;
	display: inline;
}
#featured ul.ui-tabs-nav li img{ 
	float: right; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
		font-size:1em; 
	font-family: "Trebuchet MS", verdana, sans-serif; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display: inline;
	width: 25px;
	font-size: 1.2em;
	font-family: "Trebuchet MS", verdana, sans-serif;  
	height:60px; 
	color:#000;   
	line-height:20px;padding: 3px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:url('images/selected-item.gif') top left no-repeat; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	padding: 3px;
	border: 1px solid white; color:#fff;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a:hover { color:#FFF;border: 1px solid white;background:#cc0000;}
#featured .ui-tabs-panel{ 
	height:250px; 
	position:relative;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; 
	right:0; 
	height:70px; 
	width: 200px; 
}

#featured .ui-tabs-panel img
{margin-top:1.5px; border:1px solid #FFF; }

#featured .info
{
	width: 300px;
	position: absolute;
	float: left;
	*left: 5px;	
}

#featured .info h2{ 
	font-size:1.5em; 
	font-family: "Trebuchet MS", verdana, sans-serif;  
	color: white; 
	padding: 0 0 3px 10px; 
	margin: 0 0 3px 10px;
	overflow:hidden; 
	font-weight: normal; 
	text-decoration: none;width:300px;
}

#featured .info h2 a:hover {  
	text-decoration: none;
}
#featured .info p{ 
	margin:0 0 0 10px; 
	font-family: "Trebuchet MS", verdana, sans-serif;  
	font-size:24px;
	line-height:27px;
	color: #000;
}
#featured .info a{ 
	text-decoration:none;
	color: #fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

#main #content #featured h2 { display: block; }

/* CTLET's own special events page */

#content .wrapper #outer-left .view-news tr.even, tr.odd
{
	background-color: #fff;
	border-bottom: 0px solid #fff;
}

#ctlet_event_item
{
	border-bottom: 1px dotted #585858;
	padding-bottom: 10px;
	margin-bottom: 10px;	
}

#block-views-news-block_3
{
	margin-top: -40px;	
}