@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
 *		09. sitemap
 *		10. idirectory
 *		11. calendar
 *
 */

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

body {
	color:						#424466;
	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/inside/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;
}

#navigation {
	height:						35px;
}

#container, #feature_text, #content, #breadcrumb {
	float:						left;
}

#feature_image, #side_menu, .side_menu {
	clear:						right;
	float: 						right;
}

#container {
	background:					transparent url(../images/inside/container-bg.jpg) 0 0 no-repeat;

}

#feature_text {
	height:						177px;
	width:						570px;
}

#feature_text h1 {
	display: 					block;
	padding:					84px 0 0 45px;
	height:						27px;
	width:						400px;
	text-indent:				-9000px;
	background:					transparent url(../images/inside/feature-default.gif) 45px 84px no-repeat;
}


#feature_image {
	height:						207px;
	width:						330px;
	background:					url(../images/inside/feature-1.jpg) 0 0 no-repeat;
}

#breadcrumb {
	height:						10px;
	width:						510px;
	padding:					20px 0 20px 30px;
}

#content {
	width: 						590px;
	padding:					30px;
	line-height:				130%;
	font-size:					12px;
}

#side_menu, .side_menu {
	width:						176px;
	margin-right:				30px;
	margin-bottom:				30px;
	padding:					20px;
	border:						1px solid #e1e1e9;
	background: 				#ffffff;
}

#side_menu #side_menu_title,
.side_menu .side_menu_title {
	position:					relative;
	top:						-27px;
	color:						#17184a;
	font-size:					12px;

}

.news_item {
	margin-bottom:				15px;
}

.news_break {
	height:						1px;
	width:						75%;
	margin:						0px auto 15px auto;
	border-bottom:				1px dashed #e1e1e9;
}

#contact_map {
	float:						right;
}

#contact_map iframe {
	border:						1px solid #e1e1e9;
}

#footer {
	clear: 						both;
	border-top:					1px solid #e1e1e9;
	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/inside/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;
}

#content h1 {
	font-size:					140%;
	font-weight:				bold;
	margin-bottom:				10px;
}

h2 {
	font-size:					130%;
	font-weight:				bold;
	margin-bottom:				9px;
}

h3 {
	font-size:					120%;
	font-weight:				bold;
	margin-bottom:				7px;
}

h4 {
	font-size:					110%;
	font-weight:				bold;
	margin-bottom:				5px;
}

h5 {
	font-size:					100%;
	font-weight:				bold;
	margin-bottom:				3px;
}

h6 {
	font-size:					100%;
	font-weight:				bold;
	margin-bottom:				1px;
}

h1, h2, h3, h4, h5, h6 {
	color:						#17184a;
}

#content p {
	margin-bottom:				10px;
}

a {
	color:						#e34a00;
}

#map {
	line-height:				100%;
	font-size:					11px;
}

a:hover {
	color:						#ef6700;
}

a:visited {
	color:						#d43d00;
}

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

h2.Updated {
	display:					block;
	background:					url(/images/icons/updated-white.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;
    list-style-position: 		inside;
}

#content ul li {
	background:					url(../images/icons/bullet-arrowbar.gif) 0 4px no-repeat;
	padding:					5px 0 5px 16px;
}

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

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

.news_item h2 a {
	text-decoration:			none;
	color:						#424466;
}

.news_item h2 a:hover {
	color:						#e34a00;
	text-decoration:			underline;
}

#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
------------------------------------------------------------------ */


body.bc_login #feature_text h1 {background-image: url(../images/inside/feature-login.gif);}
body.bc_26318 #feature_text h1 {background-image: url(../images/inside/feature-about.gif);}
body.bc_26319 #feature_text h1 {background-image: url(../images/inside/feature-news.gif);}
body.bc_26320 #feature_text h1 {background-image: url(../images/inside/feature-resources.gif);}
body.bc_26321 #feature_text h1 {background-image: url(../images/inside/feature-programs.gif);}
body.bc_25176 #feature_text h1 {background-image: url(../images/inside/feature-directory.gif);}
body.bc_26322 #feature_text h1 {background-image: url(../images/inside/feature-management.gif);}
body.bc_26323 #feature_text h1 {background-image: url(../images/inside/feature-contact.gif);}


/** tables
------------------------------------------------------------------ */
.result_table {
	width:						100%;
}

.result_table .result_heading {
	padding:					20px 0 10px 0;
}

.result_table th {
	text-align:					left;
	background-color:			#E2E1E7;
}

.result_table .row1,
.result_table .row0 {
	background-color:			#F2F1F6;
}

.dataTable {
	margin-bottom:				20px;
}

.dataTable th {
	text-align:					right;
}

.result_search{
	width:						100%;
	padding:					5px 0 5px 0;
	margin-bottom:				15px;
	background-color:			#F2F1F6;
	border:						1px solid #E2E1E7;
}

.result_search table {
	width:						70%;
	margin:						auto;
	text-align:					left;
	font-weight:				bold;
}

.result_search table td {
	width:						50%;
}

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


#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;
	color:						#dddddd;
	/*color:						#5b6683;*/
	font-size: 					12px;
	padding:					3px 0 0 3px;
	width:						150px;
	border:						1px solid #2f2f60;
	background-color:			transparent;
}

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

#login table, #retrieve_password table {
	margin:						auto;
	text-align:					left;
}

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

#retrieve_button {
	height:						41px;
	width:						118px;
	background:					transparent url(../images/buttons/retrieve-password.png) 0 0 no-repeat;
}

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

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

.formError {
	border:						#ff0000 1px solid;
}

/** ctoc / idirectory index
------------------------------------------------------------------ */
#ctoc div, #directory_index div , #document_index div  {
	padding:					5px 0 5px 0;
}

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

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

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

#ctoc .ctoc_item0 a:hover, #ctoc #ctoc_current_item.ctoc_item0 a,
#directory_index .ctoc_item0 a:hover, #document_index .ctoc_item0 a:hover {
	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;
	display:					block;
}

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



/** sitemap
------------------------------------------------------------------ */

#content #sitemap a {
	line-height:				200%;
	text-decoration:			none;
	color:						#424466;
}

#content #sitemap a:hover {
	color:						#17184a;
	text-decoration:			underline;

}

#content #sitemap a.document {
	background:					url(../images/icons/icon-document.gif) 5px 50% no-repeat;
	padding-left:				20px;
}

#content #sitemap a.item {
	background:					url(../images/icons/bullet-arrow.gif) 6px 50% no-repeat;
	padding-left:				20px;
}

#content #sitemap a.item:hover {
	background-image:			url(../images/icons/bullet-arrow-highlight.gif);
}

#content #sitemap a.category {
	background:					url(../images/icons/bullet-square.gif) 0 0 no-repeat;
	padding-left:				20px;
}

#content #sitemap a.category:hover {
	background-image:			url(../images/icons/bullet-square-highlight.gif);
}

/** idirectory
------------------------------------------------------------------ */

#address_container {
	border:						1px solid #E1E1E9;
	padding:					0px 8px 8px 8px;
	background-color:			#fafafa;
	width:						100%;
	float:						left;

}

#address_container h2 {
	position:					relative;
	top:						-9px;
	margin-bottom:				0;
}

#address_container #addresses {
	float:						left;
	width:						150px;
}

#address_container #google_map {
	float:						right;
	width: 						400px;
	margin-right:				0px;
	padding-left:				10px;
	border-left:				1px dashed #E1E1E9;
}


#address_container .iDirectory_address {
	float:						left;
	width:						160px;
	padding: 					4px;
	margin-bottom:				8px;
	border:						1px dotted #E1E1E9;
	background-color:			#fdfdfd;
}

#address_container #map {
	border:						1px solid #e1e1e9;
	clear:						left;
	width: 						400px;
	height: 					400px;
	float:						right;
	margin-bottom:				6px;
}

#address_container #map_center{
	text-align:					center;
}

table.directory {
	width:						100%;
}

table.directory th {
	width:						50%;
	text-align:					right;
}

/*-------
				calendar
								-------- */

#calendar {
	padding-top:				10px;
	margin:						auto;
	width: 						443px;
}

#calendar .tc_contain {
	font-size: 					11px;
}

#calendar .tc_contain ul {
	list-style: 				none;
	margin: 					0 0 10px 0;
	padding: 					0px 0px 0px 9px;
}

#calendar .tc_contain li {
	margin: 					0;
	padding: 					0;
	border: 					0;
	outline: 					0;
	background:					none;
}

#calendar .tc_contain li.tc_scroll_prev, #calendar .tc_contain li.tc_scroll_next {
	width: 						25px;
	height: 					33px;
	float: 						left;
}

#calendar .tc_contain li.tc_month {
	height: 					10px;
	float: 						left;
}

#calendar .tc_contain li.tc_head {
	font-weight: 				bold;
	width: 						61px;
	height: 					25px;
	padding:					5px 0 5px 0;
	float: 						left;
}

#calendar .tc_contain li.tc_date, #calendar .tc_contain li.tc_blank_start, #calendar .tc_contain li.tc_blank_end {
	width: 						61px;
	height: 					20px;
	padding:					5px 0 5px 0;
	float: 						left;
}

#calendar .tc_contain li.tc_date.tc_hasevents {
	height: 					30px;
	padding:					0px;
}

#calendar .tc_contain li.tc_sun {
	clear: 						left;
}

#calendar .tc_contain li.tc_calendar {
	clear: 						both;
}

#calendar .tc_contain li.tc_month, #calendar .tc_contain li.tc_scroll_prev, #calendar .tc_contain li.tc_scroll_next, #calendar .tc_contain li.tc_head, #calendar .tc_contain li.tc_date, #calendar .tc_contain li.tc_blank_start, #calendar .tc_contain li.tc_blank_end {
	text-align: 				center;
}

#calendar .tc_contain li.tc_date {
	background-color: 			#F4F4F6;
	margin: 					0px 1px 1px 0px;
	line-height: 				170%;
}

#calendar .tc_contain li.tc_blank_start, #calendar .tc_contain li.tc_blank_end {
	background-color: 			#ffffff;
	margin: 					0px 1px 1px 0px;
}

#calendar .tc_contain li.tc_head {
	background-color: 			#8B97a9;
	margin: 					0px 1px 1px 0px;
	color: 						#ffffff;
	line-height: 				190%;
	height: 					21px;
}

#calendar .tc_contain li.tc_date a, #calendar .tc_contain li.tc_date span {
	text-decoration: 			none;
	background-color: 			#EcEcF1;
	width: 						100%;
	height: 					20px;
	display:					block;
	color: 						#222222;
	font-weight: 				bold;
	padding:					5px 0 5px 0;
}

#calendar .tc_contain li.tc_date a:hover {
	background-color: 			#E4E3EB;
}

#calendar .tc_contain li.tc_scroll_prev, #calendar .tc_contain li.tc_scroll_next {
	color: 						#9b5a03;
	margin: 					0px 1px 1px 0px;
	line-height: 				140%;
	font-size: 					15px;
}

#calendar .tc_contain li.tc_month {
	width: 						371px;
	background-color: 			#1B1B4D;
	margin: 					0px 1px 1px 0px;
	padding:					5px;
	color: 						white;
	font-weight: 				bold;
	line-height: 				160%;
	height: 					23px;
	font-size: 					15px;
}


#calendar .tc_contain li.tc_scroll_prev a, #calendar .tc_contain li.tc_scroll_next a {
	display: 					block;
	text-decoration: 			none;
	width: 						15px;
	height: 					23px;
	color: 						#ffffff;
	background-color: 			#202253;
	padding:					5px;
}

#calendar .tc_contain li.tc_scroll_prev a:hover, #calendar .tc_contain li.tc_scroll_next a:hover {
	background-color: 			#2E3164;
}

#calendar .tc_contain li.tc_scroll_disabled {
	color: 						#D9DEE4;
	background-color: 			#181947;
	padding:					5px;
	height:						23px;
	width:						15px;
}

#calendar .tc_contain .tc_event {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.95;
	filter: alpha(opacity=95);
	background-color: #F4F4F6;
	width: 200px;
	display: block;
	padding: 0px 0px 10px 0px;
	border: 1px solid #e1e1e9;
}

#calendar .tc_contain .tc_event, #calendar .tc_contain .tc_event li, #calendar .tc_contain .tc_event li span {
	z-index: 50;
	color: black;
}

#calendar .tc_contain li .tc_event_summary {
	padding: 2px 10px 0px 10px;
	text-align: left;
	display: block;
}

#calendar .tc_contain li .tc_event_name {
	font-style: italic;
	font-size: 12px;
	padding: 6px 10px 0px 10px;
	text-align: left;
	display: block;
}

#calendar .tc_contain li .tc_event_date {
	margin: 4px 10px 0px 10px;
	font-weight: bold;
	font-size: 12px;
	display: block;
	text-align: right;
	border-bottom: 1px solid #e1e1e9;
}