

#Wrap {
	background: url(../images/backgrounds/topbackground_home.png) center top no-repeat;
}

#Content {
	margin: 0px;
}

/* --- Start of Homepage Promo Styles --- */

.HomepagePromo {
	width: 940px;
	height: 319px;
	padding: 35px 10px 100px 10px;
}

#PromoContentBg {
	width: 940px;
	height: 319px;	
	position: absolute;



/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, right top, from(#E3E3E3), to(#FCFCFC));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(left, #E3E3E3, #FCFCFC);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3E3E3, endColorstr=#FCFCFC, GradientType=1);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3E3E3, endColorstr=#FCFCFC, GradientType=1)";

background-color: #E3E3E3;

}

#PromoContent {
	background: url(../images/promo/promoborder.png) no-repeat;
	width: 940px;
	height: 319px;	
	position: absolute;
	overflow: hidden;

}

.PromoButtons {
	padding: 5px 7px 6px 0px;
	margin: 332px 0px 0px 0px;
	height: 20px;
	width: 921px;
	text-align: center;
	position: absolute;
}

.PromoButtons .PromoButton {
	background: url(../images/promo/promobutton.png) no-repeat;
	padding: 7px;
	margin-right: 5px;
	display: block;
	float: left;
	width: 58px;
}

.PromoButtons .PromoButton span, .PromoButtons .PromoButton_on span {
	display: block;
	width: 58px;
	height: 40px;
	float: left;
	margin-right: 10px;
}

.PromoButtons .PromoButton_on {
	background: url(../images/promo/promobutton_on.png) no-repeat;
	padding: 7px;
	margin-right: 5px;
	display: block;
	width: 58px;
	float: left;
}

.PromoButtons .PromoButton:hover {
	background: url(../images/promo/promobutton_hover.png) no-repeat;
}

.PromoInfo {
	padding: 0px 0px 0px 40px;
	position: absolute;
	height: 319px;
}

.PromoText {
	display: table-cell;
	vertical-align: middle;
	height: 319px;
}

#HomepagePromo h1 {
	font: normal 30px 'Nevis', 'Trebuchet MS';
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	width: 400px;
	

}

#HomepagePromo h1, #HomepagePromo h1 a {
	color: #666;
	text-decoration: none;
}

h2 {
	font: 17px/22px 'Museo', 'Trebuchet MS';
	width: 400px;
	margin: 14px 0px 0px 0px;
	clear: left;
	float: left;
	color: #999;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.75);
	
}

/* Promo thumbnails */

.MediumThumbnail {
	width: 219px;
	height: 159px;
	background: url(../images/thumbnails/promo_small_th.png) no-repeat;	
	padding: 7px 8px 7px 8px;
	position: absolute;
	z-index: 2;

}

.MediumThumbnail .Content {
	width: 168px;
	height: 112px;
	display: block;
	position: absolute;
}

.MediumThumbnail .Content a {
	width: 168px;
	height: 112px;
	display: block;
	cursor: pointer;	
}

.BigThumbnail {
	width: 317px;
	height: 204px;
	background: url(../images/thumbnails/promo_big_th.png) no-repeat;	
	padding: 7px 8px 7px 9px;
	position: absolute;
}

.BigThumbnail .Content {
	width: 229px;
	height: 153px;
	display: block;
	position: absolute;
}

.BigThumbnail .Content a {
	width: 229px;
	height: 153px;
	display: block;
}

/* --- End of Homepage Promo Styles --- */

/* --- Start of Homepage Articles Styles --- */

.HomepageBox {
	width: 220px;
	margin: 0px 18px 0px 0px;
	display: block;
	float: left;
	padding-bottom: 10px;		
}

.HomepageBox h3 {
	margin: 15px 0px 0px 15px;
	text-transform: uppercase;
	font: normal 17px/22px 'Museo', 'Trebuchet MS';
}

.HomepageBox h3 a {
	margin-bottom: 0px;
	color: #808080;
	text-decoration: none;
	
}

.HomepageBox h3 a:hover {
	text-decoration: underline;
}

.HomepageBox p {
	margin: 8px 0px 8px 17px;
	font: 12px/20px 'Arial', 'Arial';
	color: #000000;
}

.HomepageBox .Button {
	margin-left: 15px;
}

.HomepageBoxThumbnail {
	height: 140px;
	margin: 5px 0px 5px 8px;
	padding: 12px 0px 0px 12px;
	background: url(../images/thumbnails/homepagebox_thumbnail.png) no-repeat;
}

.HomepageBoxThumbnail span{
	display: block;
	height: 125px;
	width: 189px;
}

/* --- End of Homepage Articles Styles --- */




#homenews{
	margin-top:15px;
	overflow:hidden;
}
#homenews .HomepageBoxThumbnail{
	width:220px;
	float:left;
	margin-left:0!important;
}
#homenews h3, #homenews h3 a{
	color:#666;
	text-transform:uppercase;
	font:30px "Nevis","Trebuchet MS";
	text-decoration:none;
}

#homenews .newssummary{
	padding:0 10px 0 240px;
	font:12px/20px "Arial";
}
#homenews .newssummary p{
	margin-bottom:7px!important;
}
.newsnavtitle{
	color:#333;
	text-transform:uppercase;
	font:20px "Nevis","Trebuchet MS";
	border-bottom:1px solid #ccc;
}

#featured{ 
	width:700px; 
	padding-right:260px; 
	position:relative; 
	height:270px; 
	
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:710px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666;
}

#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	border-bottom:1px dotted #666;
	display:block; 
	height:40px; 
	color:#333; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url("../images/news/selected-item.gif") top left no-repeat;  
}

#featured .ui-tabs-panel{ 
	width:710px; height:310px; 
	position:relative;
	overflow:hidden;
}

#featured .ui-tabs-hide{ 
	display:none; 
}


