/* -

	WebSweet

	Default template
	- CHDS 2009

--------------------- */

/* 0 - colours


--- */

@import url("text.css");		/* text styles */
@import url("forms.css");  		/* form styles */

/* 1 - universal
--------------------- */
body {
	font-size: 100%;
	background: #f6f7f9;
	background: #f6f7f9 url("../images/background-content.png") repeat-x center top;
	}
	body.home { background: #f6f7f9 url("../images/background.png") repeat-x center top; }

#container {
	font-size: 62.5%;
	}
body, h1, h2, h3, ul, li, a, hr, div, img, table, form, fieldset {
	margin: 0; padding: 0;
	}
hr {
	visibility: hidden;
	clear: both;
	}
.hide { display: none; }


/* 2 - structure/layout
--------------------- */

#container {
	margin: 0 auto;
	width: 100%;
	background: transparent;
	border: none;
	}

#header {
	margin: 0 auto; padding: 0;
	width: 900px; height: 87px;
	position: relative;
	}
	#header h1 {
		margin: 0; padding: 0;
		position: absolute;
		top: 23px; left: 22px;
		}
		#container #header h1 a {
			margin: 0; padding: 0;
			display: block;
			border: none; text-decoration: none;
			}
			#container #header h1 a span {
				display: block;
				}
				
	#header img#keywords { 
		margin: 0; padding: 0;
		position: absolute;
		top: 38px; right: 33px;
		}

/* masthead */
#masthead {
	margin: 0 auto; padding: 0;
	width: 900px; height: 205px;
	background: transparent;
	text-align: left;
	}	
	#masthead div a 	{ margin: 0; padding: 0; line-height: 100%; }
	#masthead div img 	{ margin: 0; padding: 0; }
	
.home #masthead {
	margin: 0 auto; padding: 0;
	width: 900px; height: 243px;
	background: transparent;
	text-align: left;
	z-index: 1;
	}
	.home #masthead #masthead_rotation { width: 900px; height: 243px; overflow: hidden; position: static; }
	.home #masthead #masthead_rotation img { display: none; z-index: 0 !important; /* left: 50% !important; margin-left: -450px; top: 300px !important;*/ }
	.home #masthead #masthead_rotation img:first-child { display: block; }

/* content */
#content {
	margin: 0 auto; padding: 0;
	width: 900px;
	clear: both;
	background: transparent;
	}

/* sub container */
#sub_container {
	margin: 0 auto; padding: 0 0 15px 0;
	width: 900px;
	clear: both;
	background: #fff;
	}
.home #sub_container {
	margin: 30px auto 15px auto; padding: 25px 25px 15px 25px;
	width: 850px;
	clear: both;
	background: #fff;
	}

/* main content */
#main_content {
	margin: 0; padding: 0 0 0 25px; 
	width: 530px;
	float: left;
	text-align: left;
	position: relative;
	}
	#main_content div.article {
		clear: both;
		margin-bottom: 10px;
		}
.home #main_content {
	margin: 0; padding: 0 25px 0 0;
	width: 350px;
	float: left;
	text-align: left;
	position: relative;
	}
	.home #main_content div.article {
		padding-bottom: 10px;
		}

#secondary_content {
	margin: 0; padding: 0;
	float: right;
	width: 295px;
	}

	/* team profiles */
	.team_members #team_members {
		margin: 0; padding: 0 0 0 25px;
		width: 530px;
		float: left;
		text-align: left;
		position: relative;
		}
		.team_members #team_members .article {
			margin: 0 20px 20px 0; padding: 5px;
			width: 230px; height: 135px;
			clear: none;
			float: left;
			border: 1px solid #eaeef1;
			background: transparent url("../images/box-shadow.png") no-repeat center top;
			}
			.team_members #team_members .article:hover {
				background: #eff3f6;
				}
			.team_members #team_members .article img {
				margin: -10px 0 0 10px;
				}
		


/* sidebar */
#sidebar {
	margin: 0; padding: 0 35px 0 0;
	width: 260px; height: auto;
	float: right;
	text-align: left;
	position: relative;
	}
	#sidebar img.border {
		margin: 0; padding: 0;
		}
.home #sidebar {
		margin: 0; padding: 0;
		width: 230px; height: 290px;
		float: left;
		text-align: left;
		background: transparent url("../images/corner-bg.png") no-repeat right bottom;
		}
	.home #sidebar div.article {
		margin: 0; padding: 0 0 0 15px;
		width: auto;
		float: left;
		background: transparent url("../images/arrow.png") no-repeat left top;
		}
		
		.home #sidebar p.article_feed { margin: 0 0 15px 0; }

		.home #sidebar div.readmore { margin: 5px 10px 5px 0; float: right; }
		.home #sidebar div.readmore img { margin-bottom: -2px; }

/* features column */
#features {
	margin: 0; padding: 0 0 0 20px;
	float: left;
	display: block;
	width: 217px;
	}
	#market_watch {
		margin: 0; padding: 0;
		width: 217px; height: auto;
		}
		#market_watch_container { margin-bottom: 10px; width: 217px; height: 135px; overflow: hidden; }
	#special_rates {
		margin: 0; padding: 5px 0 0 35px;
		width: 182px; height: 121px;
		position: relative;
		background: transparent url("../images/specialrates-bg.jpg") no-repeat left top;
		}
		#special_rates p a { visibility: hidden; }
		#special_rates div.article {
			margin: 0 10px 0 0; padding: 10px 0 0 0;
			width: 70px; height: 50px;
			background: transparent;
			float: left;
			}

#content_head {
	margin: 0 0 15px 0; padding: 0;
	width: 900px; height: 40px;
	display: block;
	background: #fff;
	}
	#breadcrumbs {
			margin: 0; padding: 14px 0 0 25px; 
			width: auto;
			float: left;
			background: transparent;
			text-align: left;
			}

#footer {
	margin: 0 auto 20px auto; padding: 0;
	width: 900px; height: 105px;
	background: transparent url("../images/footer-bg.png") no-repeat left top;
	clear: both;
	text-align: left;
	position: relative;
	}
	#footer img.logo-mark 	{ margin: 15px 10px 20px 15px; padding: 0; float: left; }
	#footer p.contact 		{ margin: 20px 0 0 0; padding: 0 0 0 10px; text-align: left; float: left; border-left: 1px solid #555353; line-height: 140%; }
	#footer p.privacy 		{ margin: 20px 60px 0 0; padding: 0 0 15px 10px; text-align: left; float: right; border-left: 1px solid #696767; }
	#footer p.sitemap 		{ margin: 20px 60px 0 0; padding: 0 0 15px 10px; text-align: left; float: right; border-left: 1px solid #696767; }
		
	#footer a.powered-by {
		margin: 0; padding: 0;
		width: 900px; display: block;
		border: none;
		position: absolute; left: 0; bottom: 0;
		background: transparent url("../images/box-shadow.png") no-repeat center top;
		}
		#footer a.powered-by img { margin: 10px 0 0 15px; border: none; }


/* search box */
#search_box {
	margin: 5px 0 30px 0; padding: 20px 25px 0 20px;
	float: right;
	height: 65px; width: 250px;
	background: transparent url("../images/searchbox-bg-sb.png") no-repeat left top;
	}
.home #search_box {
	margin: 10px 0 0 0; padding: 20px 0 0 20px;
	float: none;
	height: 68px; width: 323px;
	background: transparent url("../images/searchbox-bg.png") no-repeat left top;
	}

/* read more */

#content p.readmore img { margin-bottom: -1px; margin-left: 3px; }


/* 3C - main navigation
--------------------- */

#nav {
	margin: 0 auto; padding: 0 0 5px 0;
	width: 900px; height: 36px;
	display: block;
	z-index: 2;
	background: transparent url("../images/nav-bg-trans.png") no-repeat center top;
	}

/* main nav on content pages */

#nav ul {
	margin: 0; padding: 0;
	list-style-type: none;
	width: auto; height: 36px;
	text-align: right;
	float: right;
	}
	#nav li {
		margin: 0; padding: 0;
		text-align: left;
		width: auto; height: 36px;
		float: left;
		border-left: 1px solid #dee4ec;
		}
	#nav li:first-child { border: none; }
	
		#nav li a {
			margin: 0; padding: 15px 15px 18px 15px;
			display: inline;
			text-align: center;
			line-height: 100%;
			width: auto; height: auto;
	    	}
	    	


/* 3B - pop-out sub-menu
--------------------- */

#nav ul li ul,
#nav ul li ul li ul { display: none; }

#container div#nav li { display: block; position: relative; }
#container div#nav li a { display: block; }

#container div#nav ul li ul,
#container div#nav ul li ul li ul {
	padding: 0;
	border-left: 1px solid #bdc2c9;
	border-bottom: 1px solid #bdc2c9;
	border-right: 1px solid #bdc2c9;
	height: auto;
	background: #f6f7f9 url("../images/box-shadow.png") no-repeat center top;
	}

#container div#nav ul li ul li,
#container div#nav ul li ul li ul li {
	margin: 0; padding: 5px 0 4px 0;
	width: auto;
	float: left;
	height: auto;
	border: none;
	text-align: left;
	background: none;
	border-top: 1px solid #d6dbe2;
	}
	#container div#nav ul li ul li:hover,
	#container div#nav ul li ul li ul li:hover {
		background: transparent;
		border-top: 1px solid #d6dbe2;
		}
	#container div#nav ul li ul li:first-child,
	#container div#nav ul li ul li ul li:first-child { border: none !important; }
	

#container div#nav ul li ul li a,
#container div#nav ul li ul li ul li a {
	margin: 0;	padding: 5px 5px 5px 15px;
	display: block;
	position: relative;
	width: 140px;
	text-align: left;
	}

	#container div#nav ul li ul li a:hover,
	#container div#nav ul li ul li ul li a:hover {  }
	#container div#nav ul li ul li span,
	#container div#nav ul li ul li ul li span {
		width: auto;
		background: none;
		}

#container div#nav ul ul,
#container div#nav ul ul ul,
#container div#nav ul ul ul ul {
	position: relative;
	z-index: 6000;
	}

#container div#nav ul li:hover ul ul,
#container div#nav ul ul li:hover ul ul,
#container div#nav ul ul ul li:hover ul ul { display: none; }

#container div#nav ul ul li:hover,
#container div#nav ul ul ul li:hover {
	background: transparent;
	border: none;
	}

#container div#nav ul li:hover ul {
	display: block;
	position: absolute;
	width: 160px;
	top: 41px;
	left: 0px;
	z-index: 6000;
	}
	#container div#nav ul ul li:hover ul {
		display: block;
		position: absolute;
		width: auto;
		top: 0px;
		left: 160px;
		z-index: 6000;
		}
		#container div#nav ul ul ul li:hover ul {
			display: block;
			position: absolute;
			width: auto;
			top: -10px;
			left: 160px;
			z-index: 6000;
			}

/* 4 - anchors
--------------------- */

#container a img { border: none; }
#container #sidebar a { border: none; }

#nav a:link { color: #425b75; text-decoration: none; }
#nav a:visited { color: #425b75; text-decoration: none; }
#nav a:hover { color: #953535; text-decoration: none; }
#nav a:active { color: #782020; text-decoration: none; }

#nav ul li a:link { color: #425b75; text-decoration: none; }
#nav ul li a:visited { color: #425b75; text-decoration: none; }
#nav ul li a:hover { color: #953535; text-decoration: none; }
#nav ul li a:active { color: #782020; text-decoration: none; }

#content a:link 	{ color: #425b75; text-decoration: underline; }
#content a:visited 	{ color: #425b75; text-decoration: underline; }
#content a:hover 	{ color: #953535; text-decoration: underline; }
#content a:active 	{ color: #782020; text-decoration: underline; } 

#sidebar a:link 	{ color: #425b75; text-decoration: underline; }
#sidebar a:visited 	{ color: #425b75; text-decoration: underline; }
#sidebar a:hover 	{ color: #953535; text-decoration: underline; }
#sidebar a:active 	{ color: #782020; text-decoration: underline; }

#footer a:link 		{ color: #dadde1; text-decoration: underline; }
#footer a:visited 	{ color: #dadde1; text-decoration: underline; }
#footer a:hover 	{ color: #fff; text-decoration: underline; }
#footer a:active 	{ color: #bdc0c4; text-decoration: underline; }

/*
div.readmore a:link 	{ color: #ad611e !important; text-decoration: none; }
div.readmore a:visited 	{ color: #ad611e !important; text-decoration: none; }
div.readmore a:hover 	{ color: #823e02 !important; text-decoration: underline; background: #fff; }
div.readmore a:active 	{ color: #502601 !important; text-decoration: none; }
*/
	#nav li:hover {  }
	#nav li:first-child { background: none; }

a:focus {
	outline: none;
	}
#nav li.current_page 	{ background: transparent; }
#nav li.current_page a 	{ color: #953535; }


/* x - ajax loader (?)
--------------------- */
span#please_wait {
	margin: 0 0 0 -25px; padding: 0;
	display: block;
	background: #fff url("../images/ajax-loader.gif") no-repeat center center;
	position: absolute;
	left: 50%; top: 50%;
	border: 4px solid #262626;
	width: 50px; height: 50px;
	z-index: 50000;
	}