/*=======================================================
CSS
Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
=======================================================*/

/*START override default styles*/
body {
 font:0.75em Arial, Helvetica, Sans-Serif;
 background:#fff;
 color:#7e7e7e;
 padding:0px;
 margin:0px;
 text-align:center;
}
h1, h2, h3, h4, h5, h6 {
 color: #A01983;
	font:bold 2.5em avantgarde, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
h2 { font:bold 2.3em avantgarde, Arial, Helvetica, sans-serif; }
h3, h4, h5, h6 { font:bold 1.0em avantgarde, Arial, Helvetica, sans-serif; }
strong { color: #A01983}
textarea, input, select { font:0.96em Arial, Helvetica, Sans-Serif!important }
a { color: #A01983;
}
a:hover, a:active, a:focus { text-decoration:none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 { text-decoration:none; }
h1 a:hover, h1 a:focus, h1 a:active, h2 a:hover, h2 a:focus, h2 a:active, h3 a:hover, h3 a:focus, h3 a:active, h4 a:hover, h4 a:focus, h4 a:active, h5 a:hover, h5 a:focus, h5 a:active, h6 a:hover, h6 a:focus, h6 a:active { text-decoration:underline; }
p { margin-top:0px }
form { margin:0px }
hr {
	clear:both;
	border:none;
	background:none;
	border-top:1px solid #f0f0f0;
	margin:15px 0 15px 0;
	height:1px;
	line-height:1px
}
/*END override default styles*/

/*START miscellaneous styles used throughout*/
.hide, .print { display:none }
.floatLeft { float:left }
.floatRight { float:right }
.noborder, .noborder img { border:none!important }
.nomargin { margin:0px!important }
.clearall { clear:both!important }
/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html
might cause some problems? Keep an eye on it, seems to work well though */
.floatfix:after, .tile:after, .dev:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden
}
.floatfix, .tile, .dev { display:inline-block }
/* Hides from IE-mac \*/
* html .floatfix, * html .tile, * html .dev { height:1% }
.floatfix, .tile, .dev { display:block }
/* End hide from IE-mac */


.cssOriginal { display:none }
/*END miscellaneous styles used throughout*/


/* START position elements */
/**/
#wrapper {
	position:relative;
	margin:0;
	text-align:left;
	width:100%;
}
.inner-wrapper {
	width:950px;
	margin:0px auto!important;
	position:relative;
	padding:0px!important;
}
/**/
#accessibility { display:none }
/**/
#microsite-header {
	height:86px;
	background:#f8f8f8 url(../images/microsites/header-bg.png) no-repeat 0px 2px;
	background: none !important;
	width:100%;
	position:absolute;
	z-index:100;
}
#microsite-logo {
	position:absolute;
	top:-3px;
	right:0px;
	height:85px;
	text-align:right;
	overflow: hidden;
}
/**/
#main-nav {
	
	 }


#main-nav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	float:left;
}
#main-nav ul li {
	/*float:left;
	margin:0px!important;
	padding:0px!important;*/
}
#main-nav ul li a {
/*	display:block;
	background:none;
	color:#969696!important;
	padding:55px 10px 15px 10px;
	float:left;
	text-decoration:none;*/
	color:#fff!important;
	background: #A01983 !important;
	opacity:0.65;
}

#main-nav ul li a.topLevel:hover, #main-nav ul li a.topLevel:focus, #main-nav ul li a.topLevel:active{
	background: #A01983 !important;
	color:#fff !important;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}

#main-nav ul li ul li.subLink a:hover, #main-nav li a.home {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;

}

#main-nav ul li ul li.subLink {
	background: #FFF !important;
	font-size: 0.9em;
}

#main-nav ul li.active a {
	opacity:1;
	color: #FFF !important;
}

/**/
#content
{
	padding-top:86px;
}

#content-top {
background:#f1f1f1 url(../images/microsites/content-top-bg-home.png) repeat-x bottom;
	height:291px;
	border:1px solid #fff;
	border-bottom:1px solid #fff;
	border-top:1px solid #EFEFEF;
	border-left:none;
	border-right:none;
}
#content-top h1 {
	color:#5a5a5a;
	margin:30px 0 20px 0;
}
#content-top p.intro {
	font:normal 1.5em avantgarde, Arial, Helvetica, sans-serif;
	line-height:25px;
	width:380px
}
#content-top #carousel {
	padding:0px!important;
	margin:0px!important;
	position:absolute;
	top:20px;
	left:422px;
	border: 0;
}
#content-top p.image {
	padding:0px!important;
	margin:0px!important;
	position:absolute;
	top:20px;
	left:422px;
	border: 0;
}
#content-top .inner-wrapper { border-top:1px solid #eee; }
#content-top.pagetitle {
	background:#f1f1f1 url(../images/microsites/content-top-bg-title.png) repeat-x bottom;
	height:90px!important;
}
/**/
.content-row { background:#fff; }
.colSmall, .colWide {
	width:285px;
 	border-top:5px solid #A01983;
	float:left;
	margin:0 45px 0 0;
	padding:35px 0 0 0;
}
.colWide { width:600px; }
.colSmall h2 {
	margin:0 0 10px 0;
	padding:0;
}
.colSmall.R, .colWide.R { margin:0!important; }
#latest-news {
	padding:0!important;
	margin:0!important;
}
#latest-news h2 {
 background: #A01983;
	color:#fff;
	padding:35px 0 12px 12px;
}
a.more {
 background: #A01983;
	padding:3px 20px 3px 3px;
	margin:20px 0 10px 0!important;
	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
}
a.more:hover, a.more:focus, a.more:active {
	opacity:0.75;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	_text-decoration:underline!important;
}
/**/
#bignewsimage {
	padding:0 0 0 12px;
	margin:0 0 10px 0
}
#bignewsimage img { margin:0 }
#imageActions { width:100%; }
#imageActions span { display:none }
#buttons {
	float:left;
	width:40px
}
#buttons a {
	display:block;
	float:left;
	width:17px;
	height:16px;
	text-decoration:none
}
#buttons a:hover, #buttons a:focus, #buttons a:active {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	_text-decoration:underline!important;
}
#iconminus {
	background:url(../images/microsites/iconMinus.png) no-repeat;
	margin:0 2px 0 0;
}
#iconplus { background:url(../images/microsites/iconPlus.png) no-repeat; }
#caption {
	float:right;
	width:235px;
	text-align:right;
	color:#999;
}
#caption strong { color:#999!important; }
/**/
#thumbs { float:left; }
#thumbs a {
	display:block;
	float:left;
	margin:0 7px 7px 0!important;
}
#thumbs a img { border-width:1px; }
#thumbs a:hover img, #thumbs a:focus img, #thumbs a:active img {
	border-style:dashed;
	opacity:0.90;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
}
#biggalleryimage { margin:0 0 20px 0; }
#biggalleryimage img, #biggallerycaption { margin:0 0 0 9px }
/**/
#footer {
	height:50px;
	position:relative;
	border-top:1px solid #eee;
	margin:20px 0 30px 0;
	padding:20px 0 0 0;
}
#footer #footer-logos {
	margin:0;
	padding:0;
	font:normal 0.8em Arial, Helvetica, sans-serif;
}
#footer #footer-logos a {
	border:none;
	margin:0 30px 0 0;
}
#footer #footer-logos a img { border:none; }
#footer #footer-links {
	position:absolute;
	right:0px;
	top:40px;
	text-align:right;
	color:#aaa;
}
#footer #footer-links a { color:#aaa; }

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

#footerlogolinks img{
border:none;
}

#footerlogolinks a{
float:left;
height:63px;
margin:0 20px 0 0;
width:71px;
display:block;
}

.muse{
background:url(../images/microsites/footer-logo-muse.gif) no-repeat;
}

#footerlogolinks a span{
display:none;
}

div.micro-intro #content{
	overflow:hidden;
	height:275px;
	padding:0px;
	margin:0px;
	float:left;
	width:380px;
}

div.micro-intro div#carousel{
	margin: 50px 0px auto 0px;
	padding-top: 25px;
	overflow:hidden;
	height:275px;
	float:right;
}

div.micro-intro p {
	clear: left;
	font:normal 1.5em avantgarde, Arial, Helvetica, sans-serif;
	line-height:25px;
	width:380px
}

div .colR{
	width:450px;
 	border-top:5px solid #A01983;
	float:right;
	margin:0px;
	padding:35px 0 0 0;
}
div .colL{
	width:450px;
 	border-top:5px solid #A01983;
	float:left;
	margin:0px;
	padding:35px 0 0 0;
}