/* -

	WebSweet

	Default template
	- CHDS 2008

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

/* 0 - colours


--- */

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

/* 1 - universal
--------------------- */
body {
	background: #111111;
	}

#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: 930px; height: 122px;
	position: relative;
	background: transparent url("../images/header-bg.jpg") no-repeat left top;
	}
	#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: 930px; height: 175px;
	background: #000 url("../images/rotation/rotate.php") no-repeat left top;
	text-align: left;
	position: relative;
	}
	
	/* content masthead -- WS content area  */
	#masthead .article { display: block; width: 930px; height: 175px; overflow: hidden; padding: 0; margin: 0; background: #000; }
	#masthead .article p { margin: 0; padding: 0; }
	#masthead .article img { display: block; overflow: hidden; padding: 0; margin: 0; border: none; }
	
	
/* home page masthead: not editable */
.home #masthead {
	margin: 0 auto; padding: 0;
	width: 930px; height: 251px;
	background: transparent;
	text-align: left;
	position: static;
	}

	#masthead #main_feature 		{ float: left; height: 251px; background: #000; }
	#masthead #secondary_feature 	{ float: right; height: 251px; }
	
	.home #masthead #main_feature 		{ width: 680px; height: 251px; overflow: hidden; position: static; }
	.home #masthead #main_feature img 	{ display: none; z-index: 0 !important; }
	.home #masthead #main_feature img:first-child { display: block; }
	
	#masthead div a 	{ margin: 0; padding: 0; line-height: 100%; }
	#masthead div img 	{ margin: 0; padding: 0; }
	

#container #banner { 
	margin: 0 auto; padding: 0; 
	width: 349px; height: 52px;
	float: right;
	background: transparent url("../images/banner-bg-content.png") no-repeat left top;
	text-align: center;
	}
	#container #banner img { margin: 0; float: right; }

.home #container #banner { 
	margin: 0 auto; padding: 0; 
	width: 995px; height: 52px;
	float: none;
	background: transparent url("../images/banner-bg.png") no-repeat left top;
	text-align: center;
	}
	.home #container #banner img { margin: 0 auto; float: none; }

/* content */
#content {
	margin: 0 auto; padding: 0;
	width: 930px; min-height: 190px;
	clear: both;
	background: #e2dfc7 url("../images/content-texture.jpg") repeat-y left top;
	}

/* sub container */
#sub_container {
	margin: 0 auto; padding: 0;
	width: auto;
	clear: both;
	background: transparent url("../images/accolade.png") no-repeat 550px 25px;
	}
.home #sub_container {
	margin: 0 auto; padding: 0;
	width: auto;
	clear: both;
	background: none;
	}
	
	#main_content {
		margin: 0; padding: 10px 0 20px 60px; 
		width: 460px;
		float: left;
		text-align: left;
		position: relative;
		}
		#main_content div.article {
			clear: both;
			margin-bottom: 15px;
			}
	.home #main_content {
		margin: 0; padding: 0;
		width: 540px; height: 190px;
		float: left;
		text-align: left;
		position: relative;
		background: transparent url("../images/accolade.png") no-repeat right center;
		}
		.home #main_content p {
			margin: 0; padding: 0;
			width: 425px; height: 99px;
			position: absolute;
			left: 35px; top: 45px;
			background: transparent url("../images/intro.png") no-repeat left top;
			}
			.home #main_content p span { display: none; }
		
		
	#sidebar {
		margin: 0 0 30px 0; padding: 25px 60px 10px 30px;
		width: 225px; height: auto;
		float: right;
		text-align: left;
		border-left: 1px dashed #cdcbb1;
		position: relative;
		}
		#sidebar img.border {
			margin: 0; padding: 0;
			}
			
		/* random quote in sidebar */
		#sidebar #sidebar-quote { margin: 5px 0 20px -1px; border-bottom: 1px dashed #cdcbb1; }	
		
	.home #sidebar {
			margin: 50px 0 0 0; padding: 0 15px 0 0;
			width: 370px; height: 130px;
			float: right;
			background: transparent;
			text-align: left;
			border: none;
			}
		.home #sidebar div.article {
			margin: 0; padding: 0 0 0 20px;
			width: 100px;
			float: left;
			border-left: 1px dashed #d1d0b8;
			}
			.home #sidebar div.article:first-child { 
				border: none;
				}
			.home #sidebar div.readmore { margin: 5px 10px 0 0; position: absolute; bottom: 0; right: 0; }

#breadcrumbs {
		margin: 0; padding: 20px 0 0 60px; 
		width: auto;
		float: left;
		text-align: left;
		}

#footer {
	margin: 0 auto 20px auto; padding: 65px 0 0 0;
	width: 930px; height: auto;
	background: transparent url("../images/footer-bg.png") no-repeat left top;
	clear: both;
	text-align: center;
	position: relative;
	}
	#footer p {
		margin: 0;
		text-align: center;
		}
		#footer p span { margin: 0 6px; }
		
	#footer a.powered-by {
		margin: 0 auto; padding: 0;
		width: auto;
		border: none;
		}
		#footer a.powered-by img { margin: 5px auto 0 auto; border: none; }


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

#nav {
	margin: 0 auto; padding: 0;
	width: 930px; height: 43px;
	display: block;
	z-index: 2;
	background: #292929 url("../images/stripes.png") repeat-x left top;
	}

/* main nav on content pages */

#nav ul {
	margin: 0; padding: 0;
	list-style-type: none;
	width: auto; height: 42px;
	text-align: right;
	float: right;
	background: #292929;
	}
	#nav li {
		margin: 0; padding: 0;
		text-align: left;
		width: auto; height: 42px;
		float: left;
		}

		#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: 10px 0 15px 0;
	border: none;
	height: auto;
	background: #252525 url("../images/subnav-bg.jpg") repeat-x left top;
	border-bottom: 8px solid #80a3b7;
	border-top: 1px solid #333;
	}

#container div#nav ul li ul li,
#container div#nav ul li ul li ul li {
	margin: 0; padding: 0;
	width: auto;
	float: left;
	height: auto;
	border: none;
	text-align: left;
	background: none;
	}
	#container div#nav ul li ul li:hover,
	#container div#nav ul li ul li ul li:hover {
		background: transparent;

		}

#container div#nav ul li ul li a,
#container div#nav ul li ul li ul li a {
	margin: 0;	padding: 5px 10px 5px 10px;
	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: 42px;
	left: 0px;
	z-index: 6000;
	}
#container div#nav ul ul li:hover ul {
	display: block;
	position: absolute;
	width: auto;
	top: -11px;
	left: 160px;
	z-index: 6000;
	border-left: 1px solid #333;
	}
#container div#nav ul ul ul li:hover ul {
	display: block;
	position: absolute;
	width: auto;
	top: -11px;
	left: 160px;
	z-index: 6000;
	border-left: 1px solid #333;
	}

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

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

#nav a:link { color: #fff; text-decoration: none; }
#nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover { color: #4b412f; text-decoration: none; }
#nav a:active { color: #000; text-decoration: none; }

	#nav ul li ul li a:link { color: #fff !important; text-decoration: none; }
	#nav ul li ul li a:visited { color: #fff !important; text-decoration: none; }
	#nav ul li ul li a:hover { color: #615746 !important; text-decoration: none; }
	#nav ul li ul li a:active { color: #000 !important; text-decoration: none; }

#content a:link 	{ color: #ad611e; text-decoration: underline; }
#content a:visited 	{ color: #ad611e; text-decoration: underline; }
#content a:hover 	{ color: #823e02; text-decoration: underline; }
#content a:active 	{ color: #502601; text-decoration: underline; } 

#sidebar a:link 	{ color: #49728a; text-decoration: underline; }
#sidebar a:visited 	{ color: #49728a; text-decoration: underline; }
#sidebar a:hover 	{ color: #315a72; text-decoration: underline; }
#sidebar a:active 	{ color: #193748; 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 { background: #ebeacf; }

a:focus {
	outline: none;
	}
#nav li.current_page 	{ background: #ebeacf; }
#nav li.current_page a 	{ color: #000 !important; }


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