/* All styles that appear in the main content area must be declared without
containers (e.g. p instead of #content p).  This is so dub3 can pick up the
styles in the editor (the editor can't see the master page, and thus the
parent div.  All conflicting styles (such as in the left column) should be
declared explicitly where their styles might conflict with the default. */

/* body.site is used to set a background/style where it will appear different
to the one in the content area.  Dub3 won't see the class on the body tag so
will pick up the default body style.  For this reason the body tag's background
should match the content area */

body.site { } 

#skipLinks {display:none; }
#printTitle {display:none; }

/* Page building styles */
#wrap { width:903px; padding:0; background:#FFF url(/cms/outertemplates/images/bg.gif) repeat-y; position:relative; margin:0 auto; }
#header { width:863px; margin:0 auto; position:relative; z-index:10; }
	#header a {text-decoration:none;}
	#header a:hover {text-decoration:underline;}
	
	div.email {position:absolute; top:64px; right:14px; z-index:10; float:right; float:right;clear:both;}
	div.email a.lnkEmail {line-height:22px; color:#396; font-family:Times New Roman; font-size:1.3em; float:left; background:url(/cms/outertemplates/images/email-header.gif) left 4px no-repeat; padding:0 0 0 30px;}
	div.email div.loginLinks {background:#e8e8e8; float:left; padding:6px; margin:0 0 0 15px; font-size:0.9em; line-height:12px;}
	div.email div.loginLinks a {color:#666;}
	div.email div.loginLinks a.first {border-right:1px solid #666; padding-right:4px;}
	
	div#miniSearch {position:absolute; right:12px; bottom:21px; padding:6px;border:1px solid #cfcfcf; background:#e8e8e8;}
	div#miniSearch label {position:absolute; left:-9999px;}
	div#miniSearch input.textbox {border:1px solid #cfcfcf; color:#a1a1a1; font-size:0.9em;padding:2px 0 3px 0;width:170px;}
	div#miniSearch div.ucKeywordSearchAdvanced {display:none;}
	div#miniSearch div.buttons {display:inline; padding:0 0 0 10px;}
	div#miniSearch div.form-row {padding:0; margin:0; clear:none; float:left; display:inline;}
	div#miniSearch div.form-row label {position:absolute; left:-9999px;}
	
	div#faderWrap {position:relative; height:139px; width:100%;background:url(/cms/outertemplates/images/homequotebg.gif) repeat-x;}
		div.quote {height:119px; padding:10px 10px 10px 120px; position:absolute; top:0; left:0; width:725px;}
		div.quote img {margin-left:-110px;float:left;}
		div.quote blockquote {background:url(/cms/outertemplates/images/quote1.gif) top left no-repeat; font-size:1em; font-family:Times New Roman; padding:10px 0 0 30px;}
		div.quote blockquote p {background:url(/cms/outertemplates/images/quote2.gif) bottom right no-repeat; color:#424242; margin:0; display:inline; padding-right:30px; padding-bottom:5px; zoom:1; /* IE haslayout hack */}
		div.quote a.lnkReadMore {position:absolute; right:10px; bottom:32px; background:url(/cms/outertemplates/images/orange-arrow-right.gif) right 4px no-repeat; padding-right:14px; color:#FF7800; font-size:14px;}
#middleWrap { margin:0 auto; width:855px; overflow:hidden;}
#content { width:552px; float:left;  padding: 0 5px;}
#rightCol { width: 274px; float:right; border-left: 1px solid #e9e7e7; padding:0 0 0 12px; margin-bottom:-9999px; padding-bottom:9999px; font-size:0.9em;}
	#rightCol h3 {background:#ebebeb; color:#666; font-size:1.1em; font-weight:bold; border:1px solid #c9c9c9; border-width:1px 0;}
	#rightCol h3 span {display:block; padding:5px; border:1px solid #FFF; border-width:1px 0;}
	
	#news, #latestOpp {position:relative; border-bottom:5px solid #e8e8e8; margin:0 0 10px;}
		ul.news {margin:0;}
		ul.news li {display:block; padding:0 0 10px 70px; list-style:none; width:200px; overflow:hidden;}
		ul.news li img.newsThumb {margin-left:-70px; float:left; width:66px;}
		ul.news li a.newsHeader {color:#666; display:block; margin:0 0 3px; text-decoration:none;}
		ul.news li a.newsHeader:hover {text-decoration:underline;}
	
	#latestOpp img {padding:3px;border:1px solid #d6d6d6;}
	#latestOpp a {color:#FF7800;}
	#latestOpp a.headerLink {color:#666;}
	
	a.headerLink {position:absolute; right:7px; top:7px; color:#666;}

#fixedLinks li { display:inline; list-style:none; }

#divbreadcrumb p { float:left; margin:5px; }
#divbreadcrumb ul { float:left; margin: 5px; }
#divbreadcrumb li { display:inline; padding-left:14px; background:url(/cms/outertemplates/images/breadCrumb.gif) left no-repeat; }
#divbreadcrumb li.first {background: none; padding:0;}

#footer { background:url(/cms/outertemplates/images/bg-btm.gif) bottom no-repeat; width:843px; padding:30px; margin:0 auto 20px; font-size:0.9em;}
	div.footer-inner {
		color:#FFF; 
		background:#396 url(/cms/outertemplates/images/footer-inner-bg.gif) top repeat-x; 
		border:7px solid #e4e4e4;
		padding:15px 0 0;
		overflow:hidden;
		width:829px;
		margin:0 auto 5px;
	}
	div.footer-inner img {float:left;}
	div.footer-inner a {color:#fff;}
	div.footer-inner ul {margin:10px; float:right;}
	div.footer-inner ul li {text-align:right; list-style:none;}
	
	#footer a {text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
	#footer p {}
	#footer p span.left {float:left;}
	#footer p span.right {float:right;}
	#footer p span.right a {color:#000;}

div.clear { clear:both; }

/* 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; }
	html[xmlns] .clearfix.hidden {display: none;}
/* End of Clearfix */

/* Login box */

div#loginBoxWrap{overflow:hidden;width:0; height:0;position:absolute;right:-3px; top:20px;}
	div.loginBoxBG {position:absolute;z-index:2;right:0;top:3px;background:#396;padding:0 3px 3px 0;}
		div#loginBox {height:116px;width:264px;background:#e8e8e8;color:#666; padding:5px;border:1px solid #cfcfcf; margin:-3px 0 0 -3px;}
			div#loginBox div.form-row {padding-left:0; clear:both; overflow:hidden;}
			div#loginBox label {margin-left:0;}
			div#loginBox label, div#loginBox h3 {color:#666;}
			div#loginBox h3 {margin-top:0;}
			div#loginBox a {color:#396;}
			div#loginBox input.textbox {border:1px solid #396;float:right;}
			div#loginBox input.button {position:absolute; bottom:8px; right:8px; background-color:#396; background-image:url(/cms/outertemplates/images/btnLogin.gif);}
			div#loginBox div#register {font-size:0.9em; clear:both; padding:4px 0;}
				div#loginBox div#register a.passwordReminder {float:left;}
				div#loginBox div#register a.registerLink {float:right;}
				div#loginBox div#register br {display:none;}
			a#loginClose {position:absolute; left:-12px; bottom:-12px; background:url(/cms/outertemplates/images/btnLoginClose.png) no-repeat; width:24px; height:24px; text-indent:-9999px; overflow:hidden;}
		span.loginError {display:block; padding:5px 0 0;}
	
/* News Fader */
ul#newsFader {position:relative; margin:0 0 24px; height:150px;}
ul#newsFader li {position:absolute; top:0; left:0; list-style:none; height:150px; overflow:hidden;}
ul#newsFader h3 {border:0; background:none; margin-top:0;}

ul#newsFadePager {margin:0; position:absolute; bottom:16px; right:12px;}
ul#newsFadePager li {display:inline;}
ul#newsFadePager li a {padding:2px; text-decoration:none;}
ul#newsFadePager li a.active {background:#FF7800; color:#FFF;}

.mapBox
{
	width: 350px;
	background: #ffffff;
	border: 4px solid #339966;
	text-align: left;
	padding: 10px;
	color: #000;
	position: fixed;
	display:none;
	position:fixed;
	bottom:10px;
	left:10px;
	font-size:12px;
}

.mapBox a
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.mapClose
{
	position:absolute;
	top:-12px;
	right:-12px;
	cursor:pointer;
}