body {

	background-color: #d3e2f5;

}



#Wrap {

	background: url(../images/backgrounds/topbackground_home_white.png) center top no-repeat;

}



#Content_Home {

	margin: 0px;

}



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



.HomepagePromo {

	width: 940px;

	height: 219px;

	padding: 35px 10px 100px 10px;

}



#PromoContentBg {

	width: 940px;

	height: 219px;	

	position: absolute;







/* For WebKit (Safari, Google Chrome etc) */

background: -webkit-gradient(linear, left top, right top, from(#8AB8E3), to(#307DC1));

/* For Mozilla/Gecko (Firefox etc) */

background: -moz-linear-gradient(left, #8AB8E3, #307DC1);

/* For Internet Explorer 5.5 - 7 */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8AB8E3, endColorstr=#307DC1, GradientType=1);

/* For Internet Explorer 8 */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8AB8E3, endColorstr=#307DC1, GradientType=1)";



background-color: #8AB8E3;



}



#PromoContent {

	background: url(../images/promo/promoborder.png) no-repeat;

	width: 940px;

	height: 219px;	

	position: absolute;

	overflow: hidden;



}



.PromoButtons {

	padding: 5px 7px 6px 0px;

	margin: 232px 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.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: 219px;

}



.PromoText {

	display: table-cell;

	vertical-align: middle;

	height: 219px;

}



#HomepagePromo h1 {

	font: normal 30px 'Nevis', 'Trebuchet MS';

	text-transform: uppercase;

	margin: 0px;

	padding: 0px;

	float: left;

	display: inline;

	width: 400px;

	text-shadow: 1px 1px 2px rgba(0,0,0,0.75);

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=2);



}



#HomepagePromo h1, #HomepagePromo h1 a {

	color: #FFFFFF;

	text-decoration: none;

}



#HomepagePromo h2 {

	font: 17px/22px 'Museo', 'Trebuchet MS';

	width: 400px;

	margin: 14px 0px 0px 0px;

	clear: left;

	float: left;

	color: #FFFFFF;

	text-shadow: 1px 1px 2px rgba(0,0,0,0.75);

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=2);

}



/* 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;

}





.LargeThumbnail {

	width: 515px;

	height: 327px;

	background: url(../images/thumbnails/promo_large_th.png) no-repeat;	

	padding: 11px 11px 7px 15px;

	position: absolute;

}



.LargeThumbnail .Content {

	width: 369px;

	height: 246px;

	display: block;

	position: absolute;

}



.LargeThumbnail .Content a {

	width: 369px;

	height: 246px;

	display: block;

}





.FullPicture {

	display: block;

	width: 940px;

	height: 219px;

	position: absolute;

}



.FullPicture .Content {

	display: block;

	width: 940px;

	height: 219px;

	position: absolute;

}



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



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



.HomepageArticles {

	margin: 0px auto;

	width: 970px;

}



.HomepageBox {

	width: 219px;

	margin: 0px 18px 0px 0px;

	display: block;

	float: left;

	padding-bottom: 25px;		

}



.HomepageBox h3 {

	margin: 15px 0px 0px 15px;

	text-transform: uppercase;

        text-align: center;

	font: normal 14px/22px 'Museo', 'Trebuchet MS';

}



.HomepageBox h3 a {

	margin-bottom: 0px;

	color: #000000;

	text-decoration: none;

	

}



.HomepageBox h3 a:hover {

	text-decoration: underline;

}



.HomepageBox p {

	margin: 8px 0px 8px 17px;

        text-align: justify;

	font: 12px/20px 'Arial', 'Arial';

	color: #000000;

}

.HomepageBox .Button {

	margin-left: 15px;

}





.HomepageBoxThumbnail {

	margin: 5px 0px 0px 8px;

	padding: 0px 0px 0px 11px;

	display: block;

	background: url(../images/thumbnails/homepagebox_thumbnail_l.png) no-repeat;

}



.HomepageBoxThumbnailContainer {

	padding: 11px 11px 0px 0px;

	display: block;

	height: 100px;

	width: 199px;	

	background: url(../images/thumbnails/homepagebox_thumbnail_r.png) right top no-repeat;

}



.HomepageBoxThumbnailBottom {

	background: url(../images/thumbnails/homepagebox_thumbnail_l.png) left bottom no-repeat;

	display: block;

	padding: 0px 0px 0px 11px;

	

	margin: 0px 0px 5px 8px;

}



.HomepageBoxThumbnailBottomContainer {

	background: url(../images/thumbnails/homepagebox_thumbnail_r.png) right bottom no-repeat;

	display: block;

	padding: 0px 11px 11px 0px;

	width: 199px;

}



.HomepageBoxThumbnail span{

	display: block;

	height: 100px;

	width: 199px;

}



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



.StyleSelector {

	display: none;

}