/* -

	WebSweet

	NSS template
	- CHDS 2009

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

/* colours


--- */

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

/* universal
--------------------- */
body {
	font-size: 100%;
	background: #292929 url("../images/background.png") repeat-x top left;
	}

#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; }


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

#container {
	margin: 0 auto;
	width: 1000px;
	background: transparent url("../images/content-shadow-trans.png") no-repeat 0 120px;
	}
	#sub_container {
		margin: 0 auto; padding: 0 0 4px 0;
		width: 950px;
		background: #fff;
		border-bottom: 8px solid #73b5d3;
		}

#header {
	margin: 0 auto; padding: 0;
	width: 950px; height: 120px;
	position: relative;
	}
	#header h1 {
		margin: 0; padding: 0;
		position: absolute;
		bottom: 10px; left: 45px;
		}
		#container #header h1 a {
			margin: 0; padding: 0;
			display: block;
			border: none; text-decoration: none;
			}
			#container #header h1 a span {
				display: block;
				}

	/* omni nav */
	#header ul#omni {
		margin: 0; padding: 0;
		position: absolute;
		right: 30px; bottom: 20px;
		text-align: right;
		}
		#header ul#omni li {
			margin: 0; padding: 0;
			display: inline;
			border-left: 1px solid #727272;
			height: 20px;
			}
			#header ul#omni li:first-child { border: none; }
			#header ul#omni li a { padding: 5px 10px; }

#masthead {
	margin: 0 auto; padding: 0;
	width: 950px; height: 200px;
	background: transparent;
	text-align: left;
	}
	#masthead img {
		margin: 0;
		}
	#masthead #main_photo {
		float: left;
		height: 200px;
		}
.home #masthead {
	height: 331px;
	}
	.home #masthead #main_photo {
		height: 331px;
		}

#masthead #features {
	float: right;
	width: 375px;
	border-left: 1px solid #ddd;
	}
	#masthead #features #feature_1 {
		width: 375px; height: 165px;
		background: #7db35f;
		position: relative;
		border-bottom: 1px solid #ddd;
		}
	#masthead #features #feature_2 {
		width: 375px; height: 165px;
		background: #489ec5;
		position: relative;
		}
		#masthead #features div .article {
			margin: 15px 0 0 0; padding: 0;
			width: 163px;
			float: left; clear: none;
			}
		#masthead #features div .article:first-child {
			padding: 0 15px 0 30px;
			width: 140px;
			}

#content {
	margin: 0 auto; padding: 0;
	width: 950px;
	clear: both;
	border-top: 10px solid #5ca038;
	background: transparent url("../images/shadow-top.png") repeat-x 0 2px;
	}
	#breadcrumbs {
		margin: 0; padding: 10px 0 0 30px;
		}

#main_content {
	margin: 0; padding: 30px 0 30px 30px;
	width: 620px;
	float: left;
	text-align: left;
	position: relative;
	}
.home #main_content {
	margin: 0; padding: 30px 0 0 0;
	width: 100%;
	float: left;
	text-align: left;
	position: relative;
	background: transparent url("../images/shadow-mid.png") repeat-x 0 60px;
	}
	#main_content div.article {
		clear: both;
		margin-bottom: 0;
		}

	#sidebar {
		margin: 15px 0 20px 0; padding: 0 30px 0 0;
		width: 220px; height: auto;
		float: right;
		text-align: left;
		position: relative;
		}
		#sidebar img.border {
			margin: 0; padding: 0;
			}
		#sidebar #team_login {
			margin: 0 0 1px 0; padding: 10px 0 5px 10px;
			background: transparent url("../images/shadow-bottom.png") repeat-x bottom left;
			border-bottom: 1px solid #d6d6d6;
			}
		#sidebar #search_box {
			margin: 0 0 20px 0; padding: 15px 0 15px 10px;
			/*background: #f5f8f2;*/
			border-bottom: 1px solid #d6d6d6;
			background: #f0f0f0;
			}
			#sidebar #team_login:hover,
			#sidebar #search_box:hover { background: #eaf2f6; }


	/* home page column layouts */
	.home #main_content {
		margin: 0 auto; padding: 15px 0 0 0;
		width: 950px;
		}
	.home #main_content div.article {
		padding: 22px 25px 0 35px; margin-bottom: 0;
		width: 254px; min-height: 144px;
		float: left;
		clear: none;
		position: relative;
		background: transparent url("../images/article_border.png") no-repeat bottom left;
		}
		.home #main_content div.article:first-child { background: none; width: 257px; }
		.home #main_content div.article p:last-child { position: absolute; right: 1px; bottom: -4px; margin: 0; padding: 0; }



#footer {
	margin: 0 auto; padding: 20px 0 0 0;
	width: 950px; height: 90px;
	background: transparent url("../images/footer-shadow-trans.png") no-repeat top center;
	clear: both;
	text-align: center;
	}
	#footer p {
		margin: 0 auto; padding-bottom: 10px;
		width: auto;
		text-align: center;
		text-shadow: 1px 1px 1px #000;
		}
		#footer a.poweredby {
			margin: 0 auto; padding: 0;
			width: auto;
			background: transparent;
			}
			#footer a.poweredby img { margin: 5px 0 -3px 8px; }
			#footer a.poweredby:hover {
				background: #b3d0a2;
				}

/* main navigation
--------------------- */

#nav {
	margin: 0 auto; padding: 16px 0 0 0;
	width: 950px; height: 31px;
	display: block;
	z-index: 2;
	border: none;
	background: transparent url("../images/nav-top.png") repeat-x top left;
	}

/* main nav on content pages */

#nav ul {
	margin: 0; padding: 0;
	list-style-type: none;
	width: auto; height: 30px;
	text-align: right;
	border-bottom: 1px solid #7ca4b6;
	background: transparent url("../images/nav-bg.png") repeat-x top left;
	}
	#nav li {
		margin: 0; padding: 0;
		text-align: center;
		width: 118px; height: 30px;
		float: left;
		background: transparent url("../images/nav-divider.png") repeat-y top right;
		white-space: nowrap;
		}
	#nav li:hover {
		background: #317391 url("../images/nav-divider.png") repeat-y top right;
		}
	/* last li item */
	#nav li:last-child { width: 124px; background: none; }
	#nav li:last-child:hover { width: 124px; background: #317391; }
		#nav li a {
			margin: 0; padding: 8px 0 0 0;
			display: inline;
			text-align: center;
			width: auto; height: 22px;
			text-shadow: 1px 1px 1px #1a4d63;
	    	}
	#container div#nav ul li ul li:first-child,
	#container div#nav ul li ul li ul li:first-child {
		display: block;
		}


/* 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 ul li:first-child { display: none; }
#container div#nav li a { display: block; }

#container div#nav ul li ul,
#container div#nav ul li ul li ul {
	padding: 0;
	border: none;
	width: 200px; height: auto;
	border: 1px solid #ddd;
	background: #4c8fad url("../images/nav-bg.png") repeat-x top left;
	}

#container div#nav ul li ul li,
#container div#nav ul li ul li ul li {
	margin: 0; padding: 0;
	width: 200px;
	float: left;
	height: auto;
	border-top: 1px solid #599bb9;
	text-align: left;
	background: none;
	white-space: normal;
	}
	#container div#nav ul li ul li:hover,
	#container div#nav ul li ul li ul li:hover {
		background: #317391;
		border-top: 1px solid #599bb9;
		}

#container div#nav ul li ul li a,
#container div#nav ul li ul li ul li a {
	margin: 0;	padding: 7px 10px 7px 10px;
	display: block;
	position: relative;
	width: 180px; height: auto;
	text-align: left;
	}
	#container div#nav ul li ul li a:first-child,
	#container div#nav ul li ul li ul li a:first-child {
		}

	#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: 200px;
	top: 30px;
	left: 0px;
	z-index: 6000;
	}
	#container div#nav ul ul li:hover ul {
		display: block;
		position: absolute;
		width: auto;
		top: -2px;
		left: 200px;
		z-index: 6000;
		}
		#container div#nav ul ul ul li:hover ul {
			display: block;
			position: absolute;
			width: auto;
			top: -2px;
			left: 200px;
			z-index: 6000;
			}

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

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

#omni a:link { color: #0078ae; text-decoration: none; }
#omni a:visited { color: #0078ae; text-decoration: none; }
#omni a:hover { color: #555; text-decoration: underline; }
#omni a:active { color: #222; text-decoration: underline; }

#nav a:link { color: #fff; text-decoration: none; }
#nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover { color: #fff; text-decoration: none; }
#nav a:active { color: #96d8f6; text-decoration: none; }

#content a:link { color: #4c8fad; text-decoration: underline; }
#content a:visited { color: #4c8fad; text-decoration: underline; }
#content a:hover { color: #222; text-decoration: underline; }
#content a:active { color: #000; text-decoration: underline; }


a:focus {
	outline: none;
	}
#nav li.current_page a { background: #93c6d6; }