/* All styles that the user can add via Xstandard should appear in xstandard.css */
body {margin: 10px 0; background:url(/cms/outertemplates/images/bg-body.gif) 0 0 repeat;}

/* Page building styles */
div#wrap { width:945px; position:relative; margin: auto; background: #fff; padding: 10px; }
div#header { width:100%; z-index:2; background:#FFF; position:relative; }
	div#logo { float:left; }
		div#logo img { display: block; margin-bottom: 10px; }
	div#fixedLinks {float:right; font-size: 10px; padding-right:10px;}
	div#fixedLinks ul {margin:0;}
		div#fixedLinks li { display:inline; list-style:none; }
	
	/* Text resizing styles */
	#widgets {float:right;margin:0; font-size: 10px;}
	#widgets li {display:inline;}
		.smallText { font-size:0.8em; } /* This should match the font size of the body tag */
		.mediumText { font-size: 1.2em; }
		.largeText { font-size:1.6em; }
		
	#strapLine {margin:10px 0 0 0; float:right; clear: right; text-align:right; color:#890058; font-size: 24px;}
		#strapLine span {font-size: 0.8em;}
	
	div.search { position:absolute; top:85px; right:0px;}
	    div.search input.textbox {border:none; padding:0; height:29px; line-height:29px; width:144px; padding-left:10px; background: url(/cms/outertemplates/images/bg-search.gif) no-repeat 0; float:left; }
	    div.search input.button {border:none; margin-top:1px; cursor:pointer; height:29px; line-height:29px; width:22px; background: url(/cms/outertemplates/images/btn-search.gif) no-repeat 0; text-indent:-999em; float:left;}
	
div#middleWrap { width:945px; margin:0 auto; overflow:hidden;}
div#content { width:668px; background:#fff; float:left; margin-right: 10px;}
div#flash {height: 284px;}
	div#flash div.whiteBox {height: 264px;}
div#rightCol { width: 267px; float:left;}
    div#download a { display:block; width:264px; height:73px; background:url(/cms/outertemplates/images/btnBrochure.gif) no-repeat 0; text-indent:-999em; margin-bottom:10px;}
div#content.norightcol { width: 945px; margin-right:0; }


div#footer {background:#fff url(/cms/outertemplates/images/bg-hNav.gif) 0 0 repeat-x; padding: 5px 0 0 0; font-size: 0.8em;}
	div#footer p {margin:0; padding: 10px 0;}
	div#footer a {color:#535353; text-decoration: none;}

div#news p.right {margin:0; background: url(/cms/outertemplates/images/bg-news-arrow.gif) 100% 50% no-repeat; padding-right: 10px;}
div#news ul { margin: 0; list-style-type: none; }
	div#news li { margin: 0 0 0.5em 0; }
	div#news p.title span {background: url(/cms/outertemplates/images/rss-icon.gif) 100% 50% no-repeat; padding: 5px 25px 5px 49px;}

.outerBox {background: #eee; position:relative; width: 100%; margin-bottom:10px;}
	.outerBox .corner { background: url(/cms/outertemplates/images/box1.gif) top left no-repeat;}
.innerBox {background: #e5e5e5; width: 100%; position: relative;}
	.innerBox .corner { background: url(/cms/outertemplates/images/box2.gif) top left no-repeat;}
.whiteBox {background: #fff; width: 100%; position: relative;}
	.whiteBox .corner { background: url(/cms/outertemplates/images/box3.gif) top left no-repeat;}

div#skipLinks {position:absolute; left:-9999px;}

div.left, input.left { float:left; }
div.right, input.right { float:right; }

div.clear { clear:both; }

div.left2Col { float:left; width:50%; }
div.right2Col { float:right; width:50%; }

div.padding { padding: 10px;}

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */


.tabContainer {margin-left:8px;}
.tabLinks {
	float:left;
	list-style-type:none;
	margin:0 0 -1px;
	padding:0;
	position:relative;
	z-index:5;
}
	.tabLinks ul {margin:0;}
		.tabLinks li {
			color:#A2A2A2;
			display:inline;
			float:left;
			font-size:11px;
			margin:0;
			padding:0;
			text-align:center;
		}

		.tabLinks li a {
			background:#e3e3e3;
			color:#900054;
			display:block;
			margin:0 1px 0 0;
			padding:0 10px;
			text-decoration:none;
			line-height:28px;
			height:28px;
			width: 80px;
		}

		.tabLinks li a.selected { 
			border-bottom:1px solid #fff;
			background-color:#fff;
			color:#3f3f3f;
			font-weight: bold;
		}

.tabcontent {background:#fff; clear:both;margin:0;height:1%;overflow:hidden;}
.tabcontent img {padding: 5px; border: 1px solid #900054;}

div#slider {width:648px; overflow:hidden; position:relative;}
	div#slider table {position:relative; z-index: 10; height: 264px;}
		div#slider table td {height: 264px;}
	div#slider img {display:block;float:left;position: relative; top:0; left:0;}
	div#slider span#buttons {width:38px; position: absolute; top: 10px; right: 10px; z-index: 1001;}
	div#slider div.strapLine { clear: both; position: relative; bottom:35px; left:0; width:638px; height: 20px; padding:10px 5px 5px 5px; background: black; color: #fff; z-index: 1000;  opacity: 0.7; filter:alpha(opacity=70); -moz-opacity:0.7;}
	div#slider div.strapLine p {margin:0;}
	#leftBtn {background: url(/cms/outertemplates/images/btn-left.gif) 0 0 no-repeat; width:19px; height:19px; display:block; float: left;}
	#rightBtn {background: url(/cms/outertemplates/images/btn-right.gif) 0 0 no-repeat; width:19px; height:19px; display:block; float: left;}
		#leftBtn:hover {background: url(/cms/outertemplates/images/btn-left-hover.gif) 0 0 no-repeat;}
		#rightBtn:hover {background: url(/cms/outertemplates/images/btn-right-hover.gif) 0 0 no-repeat;}	