@import url("reset.css");
@import url("navigation.css");
/**
 *	SESDGP
 *  Screen Styles
 *
 *	@author:	Andrew Taylor <andrew at imagin8 dot com>
 *	@date:		24/04/2008
 *
 *	Table of Contents:
 *		01. layout
 *		02. breadcrumbs
 *		03. typography
 *		04. lists/typography/links
 *		05. images
 *		06. tables
 *		07. forms
 *		08. ctoc
 *
 */

 html,body {
	background:					#1b1b4c url(../images/homepage/body-bg.jpg) 0 0 repeat-x;
}

body {
	color:						#868ca7;
	font-family:				Arial, Tahoma, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size:					11px;
}

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

#wrapper {
	width: 						900px;
	margin:						auto;
}

#header {
	height:						96px;
	padding-top:				2px;

}

h1#logo {
	float:						left;
	padding:					29px 0 0 12px;

}

h1#logo a {
	display:					block;
	height:						58px;
	width:						274px;
	text-indent:				-9000px;
	background:					url(../images/homepage/logo.gif) 0 0 no-repeat;
}

#blurb {
	float:						left;
	width:						320px;
	color:						#626161;
	font-size:					10px;
	padding:					45px 0 0 20px;
}

h1#logout_btn {
	padding-right:				5px;
	height:						23px;
	width:						51px;
	float:						right;
}

h1#logout_btn a {
	display:					block;
	height:						23px;
	width:						51px;
	text-indent:				-9000px;
	background:					url(../images/buttons/logout.gif) 0 0 no-repeat;
}

h1#sitemap_btn {
	padding-right:				20px;
	height:						23px;
	width:						51px;
	float:						right;
}

h1#sitemap_btn a {
	display:					block;
	height:						23px;
	width:						51px;
	text-indent:				-9000px;
	background:					url(../images/buttons/sitemap.gif) 0 0 no-repeat;
}

#search {
	clear: 						right;
	float:						right;
	padding:					25px 20px 0 0;
	width:						225px;
}

#search ul {
	list-style:					none;
	padding:					0;
	margin:						0;
}

#search li {
	float:						right;
}

#search #search_button {
	height:						40px;
	width:						51px;
	background:					transparent url(../images/buttons/search.png) 0 0 no-repeat;
}

#search #search_button a {
	display:					block;
	height:						22px;
	width:						51px;
	text-indent:				-9000px;
}

#search #search_button a:hover {
	background:					transparent url(../images/buttons/search-over.gif) 0 0 no-repeat;
}

#search #search_query {
	height:						16px;
	width:						150px;
	border:						1px solid #e7eaf1;
	background:					transparent;
	color:						#5b6683;
	font-size: 					12px;
	padding:					3px 0 0 3px;
}

#navigation {
	height:						35px;
}

#container {
	float:						left;
	width:						900px;
	height: 					588px;
	background:					transparent url(../images/homepage/container-bg.jpg) 0 0 no-repeat;

}

#heading {
	height:						319px;
}

#welcome_heading {
	text-indent:				-9000px;
	display:					block;
	width:						407px;
	height:						29px;
	padding:					75px 0 0 0;
	margin-left:				44px;
	background:					url(../images/homepage/welcome-heading.gif) 0 75px no-repeat;
}

#welcome_note {
	padding-top:				7px;
	margin-left:				48px;
	width:						480px;
	font-size:					12px;
	line-height:				150%;
	height:						57px;
}

#heading_menu {
	position:					absolute;
	margin-left:				42px;
	top:						301px;
}

#heading_menu li {
	float:						left;
}

#feature_image {
	float:						right;
	height:						319px;
	width:						362px;
}

#content {
	width: 						900px;
}

#latest_programs, #latest_resources, #latest_news {
	float:						left;
	padding:					0 28px 0 28px;
}

#latest_programs {
	width:						229px;
	float:						left;
}

#latest_resources {
	width:						229px;
	float:						left;
}

#latest_news {
	width:						274px;
	float:						left;
	line-height:				150%;
}

#member_login {
	padding-top:				10px;
}

#footer {
	clear: 						both;
	border-top:					1px solid #373756;
	color:						#868ca7;
}

#footer #bottom_logo {
	float:						left;
	padding:					0 0 0 12px;

}

#footer #bottom_logo a {
	display:					block;
	height:						46px;
	width:						180px;
	text-indent:				-9000px;
	background:					url(../images/homepage/footer-heading.gif) 0 0 no-repeat;
}

#footer #bottom_info {
	float:						right;
	width:						50%;
	padding:					10px 0 0 0;
	margin-bottom:				20px;
}

.clear {
	clear:						both;
}

/** breadcrumbs
------------------------------------------------------------------ */

#breadcrumb li {
	float:						left;
	color:						#868ca7;
}

#breadcrumb li.arrow {
	float:						left;
	color:						#868ca7;
	padding-left:				20px;
	background:					url(../images/icons/bullet-arrow.png) 9px 3px no-repeat;
}

#breadcrumb li a {
	color:						#868ca7;
	text-decoration:			none;
}

#breadcrumb li a:hover {
	color:						#424466;
}

/** typography
------------------------------------------------------------------ */
b, strong {
	font-weight:				bold;
}

i, em {
	font-style:					italic;
}

sup {
	vertical-align: 			super;
}

sub {
	vertical-align: 			sub;
}

h1, h2, h3, h4, h5, h6 {
	font-size:					100%;
	color:						#ffffff;
	font-weight:				bold;
}

p {
	margin-bottom:				10px;
}

a {
	color:						#e34a00;
}

a:hover {
	color:						#ef6700;
}

a:visited {
	color:						#d43d00;
}

#latest_news a.more {
	padding-top:				3px;
	display:					block;
	height:						7px;
	width:						51px;
	text-indent:				-9999px;
	background:					url(/images/icons/more-blue.gif) 0 3px no-repeat;
}

#latest_news h2.New {
	display:					block;
	background:					url(/images/icons/new-blue.gif) 0 50% no-repeat;
	padding-left:				27px;
}

#latest_news h2.Updated {
	display:					block;
	background:					url(/images/icons/updated-blue.gif) 0 50% no-repeat;
	padding-left:				47px;
}

/** lists/typography/links
------------------------------------------------------------------ */

#content ul,
#content ol {
	margin-bottom:				8px;
}

#content ol {
    list-style: 				decimal;
}

#content li {
	margin-bottom:				3px;
}

#content ol li {
    background: 				none;
}

#content ul li {
	background:					url(../images/homepage/bullet-square.gif) 0 5px no-repeat;
	padding:					5px 0 5px 20px;
}

#content ul li ul,
#content ul li ol,
#content ol li ul,
#content ol li ol {
	margin: 					0.5em 0 0.5em 1.5em;
}

#content ol li ol {
    list-style: 				lower-alpha;
}

#content li ol li {
    background:					none;
}

#content ul li ul li,
#content ol li ul li {
    list-style-position: 		outside;
	background:					url(../images/icons/bullet-arrow.gif) 0 3px no-repeat;
	padding:					0 12px;
}

#content input, #content textarea, #content select {
	font-size:					11px;
	color:						#424466;
}

#latest_resources .New a, #latest_programs .New a {
	display:					block;
	background:					url(/images/icons/new-blue.gif) 0 2px no-repeat;
	padding-left:				27px;
	padding-bottom:				3px;
}

#latest_resources .Updated a, #latest_programs .Updated a {
	display:					block;
	background:					url(/images/icons/updated-blue.gif) 0 2px no-repeat;
	padding-left:				47px;
	padding-bottom:				3px;
}

#latest_resources a, #latest_programs a {
	text-decoration:			none;
	color:						#868ca7;
}

#latest_resources a:hover, #latest_programs a:hover {
	color:						#424466;
}

a.view_all {
	text-indent:				-9000px;
	display:					block;
	width:						41px;
	height:						7px;
	background:					url(../images/homepage/view-all.gif) 0 0 no-repeat;
}


#footer #bottom_info li {
	float:						left;
	width: 						200px;
	text-align:					right;
	line-height:				150%;
	padding-right:				20px;
}

#footer #bottom_info li a#disclaimer_link {
	text-decoration:			none;
	color:						#868ca7;
}

#footer #bottom_info li a#disclaimer_link:hover {
	color:						#424466;
}

#footer #bottom_info li a#imagin8_link {
	text-decoration:			none;
}

#footer #bottom_info li a#imagin8_link:hover {
	text-decoration:			underline;
}

/** images
------------------------------------------------------------------ */


#heading_menu li a {
	display:					block;
	text-indent:				-9000px;
	height:						77px;
}

#heading_menu #division a {
	width:						207px;
	background: 				transparent url(../images/homepage/division.png) 0 0 no-repeat;
}

#heading_menu #division a:hover {
	background: 				transparent url(../images/homepage/division-over.png) 0 0 no-repeat;
}

#heading_menu #bookings a {
	width:						125px;
	background: 				transparent url(../images/homepage/bookings.png) 0 0 no-repeat;
}

#heading_menu #bookings a:hover {
	background: 				transparent url(../images/homepage/bookings-over.png) 0 0 no-repeat;
}

#heading_menu #directory a {
	width:						216px;
	background: 				transparent url(../images/homepage/directory.png) 0 0 no-repeat;
}

#heading_menu #directory a:hover {
	background: 				transparent url(../images/homepage/directory-over.png) 0 0 no-repeat;
}

#latest_programs h1.title, #latest_resources h1.title, #latest_news h1.title, #member_login h1.title {
	display:					block;
	text-indent:				-9000px;
	height:						23px;
	padding:					0;
	margin:						0;
}

#latest_programs h1.title {
	width:						164px;
	background:					url(../images/homepage/programs-heading.gif) 0 0 no-repeat;
}

#latest_resources h1.title {
	width:						113px;
	background:					url(../images/homepage/resources-heading.gif) 0 0 no-repeat;
}

#latest_news h1.title {
	width:						107px;
	background:					url(../images/homepage/news-heading.gif) 0 0 no-repeat;
}

#member_login h1.title {
	width:						100px;
	background:					url(../images/homepage/member-login.gif) 0 0 no-repeat;
}


/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */

#login {
	width:						300px;
	margin:						0px auto 10px auto;
	text-align:					center;
}

#login_button {
	height:						40px;
	width:						51px;
	background:					transparent url(../images/buttons/login.png) 0 0 no-repeat;
}

#login_button a {
	display:					block;
	height:						22px;
	width:						51px;
	text-indent:				-9000px;
}

#login_button a:hover {
	background:					transparent url(../images/buttons/login-over.gif) 0 0 no-repeat;
}

/** ctoc
------------------------------------------------------------------ */
#ctoc div  {
	padding:					5px 0 5px 0;
}

#ctoc a {
	text-decoration:			none;
	color:						#424466;
	font-size:					11px;
}

#ctoc a:hover, #ctoc_current_item a {
	color:						#17184a;
}

#ctoc .ctoc_item0 a {
	background:					url(../images/icons/bullet-square.gif) 0 50% no-repeat;
	padding-left:				20px;
}

#ctoc .ctoc_item0 a:hover, #ctoc #ctoc_current_item.ctoc_item0 a {
	background-image:			url(../images/icons/bullet-square-highlight.gif);
}

#ctoc .ctoc_children  {
	padding-left:				20px;
}

#ctoc .ctoc_children a {
	background:					url(../images/icons/bullet-arrow.gif) 0 50% no-repeat;
	padding-left:				10px;
}

#ctoc .ctoc_children a:hover, #ctoc .ctoc_children #ctoc_current_item a {
	background-image:			url(../images/icons/bullet-arrow-highlight.gif);
}


/* Level2 Content */

#level2_content #l2_main_end {
	background: #ffffff none;
}