/**
 *	GP Links Wide Bay
 *  Base Screen Styles
 *
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		13/05/2008
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *		07. ctoc
 *
 */
html,body {
	background:					#fff;
	height:						100%;
}

body {
	color:						#233f6e;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					#fff url(../images/bg-wrapper.gif) repeat-x;
	height:						100%;
}
body.home div#wrapper {
	background-image:			 url(../images/bg-wrapper-home.gif);
}

div#container {
	margin:						0 auto;
	width:						842px;
}

div#quick-links {
	background:					url(../images/bg-quick-links.gif) right top no-repeat;
	height:						27px;
}

div#navigation {
	float:						left;
	height: 					36px;
	margin-top: 				13px;
}

div#header {
	background:					url(../images/bg-header-about-us.jpg) no-repeat;
	clear:						both;
	height:						111px;
	width:						842px;
}
body.home div#header {
	background-image:			url(../images/bg-header-home.jpg);
}
body.bc-26080 div#header,
body.bc-40709 div#header {
	background-image:			url(../images/bg-header-programs.jpg);
}
body.bc-26081 div#header,
body.bc-26913 div#header,
body.bc-40711 div#header {
	background-image:			url(../images/bg-header-service-directory.jpg);
}
body.bc-26082 div#header {
	background-image:			url(../images/bg-header-events.jpg);
}
body.bc-26083 div#header,
body.bc-40707 div#header {
	background-image:			url(../images/bg-header-contact-us.jpg);
}

div#brand {
	float:						left;
	height:						50px;
	padding:					31px 0 0 31px;
	width:						216px;
}

div#feature {
	background:					url(../images/bg-feature-about-us.jpg) no-repeat;
	height:						156px;
}
body.home div#feature {
	background-image:			url(../images/bg-feature-home.jpg);
	height:						206px;
}
body.bc-26080 div#feature,
body.bc-40709 div#feature {
	background-image:			url(../images/bg-feature-programs.jpg);
}
body.bc-26081 div#feature,
body.bc-26913 div#feature,
body.bc-40711 div#feature {
	background-image:			url(../images/bg-feature-service-directory.jpg);
}
body.bc-26082 div#feature {
	background-image:			url(../images/bg-feature-events.jpg);
}
body.bc-26083 div#feature,
body.bc-40707 div#feature {
	background-image:			url(../images/bg-feature-contact-us.jpg);
}

div#search {
	float:						right;
	height: 					10px;
	margin:						275px 0 0 50px;
	position:					absolute;
	text-align:					right;
	top:						0;
	width: 						226px;
}
body.home div#search {
	margin:						320px 0 0 50px;
}

div#content {
	background:					url(../images/bg-content.png) left bottom no-repeat;
	overflow:					hidden;
	padding-bottom:				1.65em;
	width:						842px;
}
body.home div#content {
	padding-bottom:				0;
}
div#content-inner {
	background:					url(../images/bg-content-inner.png) no-repeat;
	min-height:					300px;
	height:						auto !important;
	height:						300px;
	padding:					0 31px;
}

div#content-main {
	float:						left;
	width:						550px;
}
body.full-width div#content-main {
	float:						none;
	width:						auto;
}
div#content-main-inner {
	padding:					0 3em 0 0;
}
body.full-width div#content-main-inner {
	padding:					0;
}

div#content-side {
	margin-left:				550px;
}

div#content-side div#ctoc,
div#content-side div#document-downloads {
	background:					url(../images/bg-content-side-panel.png) left bottom no-repeat;
	padding-bottom:				1.65em;
}

body.home div#content div.content-panel {
	float:						left;
	width:						275px;
}
body.home div#content div.content-panel.last {
	width:						230px;
}

body.home div#content div.content-panel-inner {
	min-height:					230px;
	height:						auto !important;
	height:						230px;
}
body.home div#content div.content-panel-inner.last {
	min-height:					141px;
	height:						auto !important;
	height:						141px;
}


body.home div#content div#welcome {

}
body.home div#content div#welcome-inner {
	padding:					1.5em 0 0 0;
}
body.home div#content div#events {
}
body.home div#content div#events-inner {
	padding:					1.5em 0 0 0;
}

body.home div#content div#latest-news {
}
body.home div#content div#latest-news-inner {
	padding:					1.5em 0 0 0;
}

body.home div#content div#member-login {
}
body.home div#content div#member-login-inner {
	background:					url(../images/bg-board-member-login.jpg) no-repeat;
	padding-top:				15px;
	width:						230px;
}

body.home div#content div#feedback-feature {
	background:					#ffffff;
	border:						1px solid #D8E9F0;
	padding:					10px 14px 15px;
	width:						220px;
}

body.home div#content div#feedback-feature h4 {
	color:						#f86e23;
	font-size:					15px;
	font-weight:				bold;
}

body.home div#content div#feedback-feature a {
	color:						#f86e23;
	font-weight:				bold;
	text-decoration:			none;
}

div#footer {
}
div#footer-inner {
	padding:					25px 31px;
}

/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

hr {
	background-color:			#d8e9f0;
	border:						0;
	color:						#d8e9f0;
	height:						1px;
	margin-bottom:				1.65em;
}

span {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					inherit !important;
	line-height:				inherit !important;
}

strong {
	color:						#0075c0;
	font-weight:				bold;
}

div#header h2#description {
	background:					url(../images/h2s/h2-description.gif) no-repeat;
	float:						left;
	height:						31px;
	margin:						41px 0 0 39px;
	text-indent:				-9999px;
	width:						326px;
}
body.bc-26082 div#header h2#description {
	background-image:			url(../images/h2s/h2-description-events.jpg);
}

div#content {
	font-size:					1.2em;
	line-height:				165%;
}
body.home div#content {
	line-height:				150%;
}


div#content-main h1,
div#content-main h2,
div#content-main h3,
div#content-main h4,
div#content-main h5,
div#content-main h6 {
	font-weight:				bold;
	margin-bottom:				0.5em;
}

div#content-main h2#content-main-title {
	color:						#08a5e5;
	font-size:					20px;
	height:						35px;
	line-height:				1;
	margin-bottom:				1em;
	padding-top:				18px;
}

div#content-main h3.site-map-category,
div#content-main h3.search-title {
	font-weight:				bold;
}

div#content-main p {
	margin-bottom:				1.65em;
}
div#content-main p.site-map-item,
div#content-main p.site-map-document,
div#content-main p.search-summary {
	margin-bottom:				0.5em;
}

div#content-side h3 {
	height:						51px;
	padding-top:				29px;
	text-indent:				-9999px;
}
div#content-side h3#related-links-title {
	background:					url(../images/h3s/h3-related-links.png) 0 29px no-repeat;
}
div#content-side h3#document-downloads-title {
	background:					url(../images/h3s/h3-document-downloads.png) no-repeat;
	margin-top:					1.65em;
	padding-top:				0;
}

body.home div#content div#welcome h3 {
	background:					url(../images/h3s/h3-welcome.png) 0 0 no-repeat;
	height:						57px;
	text-indent:				-9999px;
}
body.home div#content div#events h3 {
	background:					url(../images/h3s/h3-events.png) 10px 0 no-repeat;
	height:						57px;
	text-indent:				-9999px;
}
body.home div#content div#latest-news h3 {
	background:					url(../images/h3s/h3-latest-news.png) no-repeat;
	height:						57px;
	text-indent:				-9999px;
}
body.home div#content div#member-login h4 {
	background:					url(../images/h4s/h4-member-login.jpg) no-repeat;
	height:						36px;
	text-indent:				-9999px;
}

div#footer {
	color:						#0098d6;
	font-size:					1.1em;
	line-height:				165%;
}

div#footer p#iso {
	color:						#ff6f2a;
	float:						right;
}
div#footer p#imagin8 {
	clear:						left;
}

/** lists/typography/links
------------------------------------------------------------------ */
div#quick-links ul {
	background:					url(../images/quick-links.gif) no-repeat;
	float:						right;
	margin-top:					6px;
	padding-right:				11px;
	width:						113px;
}
div#quick-links ul li {
	float:						left;
}
div#quick-links ul li a,
div#quick-links ul li a:link {
	display:					block;
	text-indent:				-9999px;
}
div#quick-links ul li#ql-home {
	margin-right:				19px;
}
div#quick-links ul li#ql-home,
div#quick-links ul li#ql-home a,
div#quick-links ul li#ql-home a:link {
	width:						29px;
}
div#quick-links ul li#ql-contact-us,
div#quick-links ul li#ql-contact-us a,
div#quick-links ul li#ql-contact-us a:link {
	width:						65px;
}

div#brand h1 a,
div#brand h1 a:link {
	background:					url(../images/bg-gp-links.jpg) no-repeat;
	display:					block;
	height: 					50px;
	text-indent:				-9999px;
	width:						216px;
}

div#content-main a,
div#content-main a:link,
div#content-main a:visited,
div#content-main a:active {
	border-bottom:				1px solid #008bc4;
	color: 						#008bc4;
	text-decoration:			none;
}

div#content-main a:hover {
	background:					#d8e9f0;
	border-bottom:				1px solid #008bc4;
	color: 						#0058a2;
}

div#content-main ul {
    margin-bottom:				1.65em;
}

div#content-main ul li {
    background:					url(../images/icons/icon-list.gif) 0 4px no-repeat;
    padding-left:				1.65em;
}

div#content-main ul#program-listing li {
	background:					none;
	padding-left:				0;
}

div#content-main ul li ul,
div#content-main ul li ol {
    margin:						0.5em 0 0.5em 1.65em;
}

div#content-main ul li ul li {
    background:					url(../images/icons/icon-list-sub.gif) 0 7px no-repeat;
    padding-left:				1.65em;
}

div#content-main ul li ul li ul {
    margin-left:				0;
}

div#content-main ul li ol {
    margin-left:				0;
}

div#content-main ol {
    list-style:					decimal;
    margin-bottom:				1.65em;
}
div#content-main ol#news-listing {
	list-style:					none;
}

div#content-main ol li {
    background:					none;
    list-style-position:		inside;
    padding-left:				0;
}
div#content-main ol#news-listing li {
	list-style-position:		outside;
	clear:						both;
}

div#content-main ol#news-listing li h3 {
	background:					url(../images/icons/icon-date.png) no-repeat;
	float:						left;
	font-weight:				normal;
	margin-right:				1em;
	overflow:					hidden;
	height:						61px;
	width:						61px;
}

div#content-main ol#news-listing li span.date-month,
div#content-main ol#news-listing li span.date-day,
div#content-main ol#news-listing li span.date-year {
	color:						#333;
	display:					block;
	float:						left;
	text-align:					center;
	width:						60px;
}
div#content-main ol#news-listing li span.date-month {
	color:						#fff;
	margin-bottom:				3px;
}
div#content-main ol#news-listing li span.date-month,
div#content-main ol#news-listing li span.date-year {
	font-size:					11px !important;
}
div#content-main ol#news-listing li span.date-day {
	font-size:					24px !important;
}
div#content-main ol#news-listing li span.date-day {
	margin-bottom:				-2px;
}

div#content-main ol li ol {
    margin:						0.5em 0 0.5em 0;
}

div#content-main ol li ul li {
    padding-left:				1.65em;
}

div#content-side a,
div#content-side a:link,
div#content-side a:visited,
div#content-side a:active {
	color:						#fff;
	text-decoration:			none;
}

div#content-side div#document-downloads ul li {
	background:					url(../images/icons/icon-document-download.gif) 0 2px no-repeat;
	padding:					0 1.65em 0 40px;
}

body.home div#content ol li {
	margin-bottom:				1.5em;
}

body.home div#content div#events ol {
	padding-right:				15px;
}
body.home div#content div#events ol li {
	padding:					0 0 0.5em 10px;
	margin-bottom:				0.5em;
}
body.home div#content div#events ol li h4 {
	color:						#0075c0;
	font-weight:				bold;
}
body.home div#content div#events ol li p {
	color:						#0098d6;
	font-size:					0.9em;
	margin-bottom:				0;
}
body.home div#content div#events ol li h4 a,
body.home div#content div#events ol li h4 a:link {
	color:						#0075c0;
	text-decoration:			none;
}

body.home div#content div#latest-news ol li {
	border-bottom:				1px solid #d8e9f0;
	padding:					0 0 0.5em 10px;
	margin-bottom:				0.5em;
}
body.home div#content div#latest-news ol li h4 {
	color:						#0075c0;
	font-weight:				bold;
}

body.home div#content div#latest-news ol li h4 a,
body.home div#content div#latest-news ol li h4 a:link {
	color:						#0075c0;
	text-decoration:			none;
}

body.home div#content div#latest-news ol li p {
	margin-bottom:				0;
}

body.home div#content div#events a.button,
body.home div#content div#events a.button:link,
body.home div#content div#latest-news a.button,
body.home div#content div#latest-news a.button:link,
body.home div#content div#board-member-login a.button,
body.home div#content div#board-member-login a.button:link {
	display:					block;
	height:						116px;
	text-indent:				-9999px;
	width:						230px;
}

body.home div#content div#events a.button,
body.home div#content div#events a.button:link {
	background:					url(../images/buttons/btn-register-events-home.jpg) no-repeat;
}
body.home div#content div#latest-news a.button,
body.home div#content div#latest-news a.button:link {
	background:					url(../images/buttons/btn-visit-the-news-archive-home.jpg) no-repeat;
}
body.home div#content div#board-member-login a.button,
body.home div#content div#board-member-login a.button:link {
	background:					url(../images/buttons/btn-remote-desktop-home.jpg) no-repeat;
}

body.home div#content div#events a.button:hover,
body.home div#content div#latest-news a.button:hover,
body.home div#content div#board-member-login a.button:hover {
	background-position:		left bottom;
}

div#footer a,
div#footer a:link {
	color:						#0098d6;
	font-weight:				normal;
	text-decoration:			none;
}

div#footer ul {
	color:						#c6d8df;
}

div#footer ul li {
	background:					url(../images/bg-footer-list.gif) right 50% no-repeat;
	float:						left;
	padding:					0 11px;
}

div#footer ul li.first {
	padding-left:				0;
}

div#footer ul li.last {
	background:					none;
	padding-right:				0;
}
/** images
------------------------------------------------------------------ */
img.float-right {
	float:						right;
}
img.float-left {
	float:						left;
}
/** tables
------------------------------------------------------------------ */
table {
	margin-bottom:				1.65em;
}

table.tinycalendar {
	background:					#fff url(../images/bg-tinycalendar.png) no-repeat;
	margin:						0 auto;
	width:						770px;
}

table.tinycalendar tr td {
	text-align:					center;
	height:						25px;
	width:						110px;
}

table.tinycalendar tr.tc_month td {
	color:						#fff;
	font-weight:				bold;
}

div#content-main table.tinycalendar tr.tc_month td.tc_navbtn a,
div#content-main table.tinycalendar tr.tc_month td.tc_navbtn a:link {
	border:						0;
	color:						#fff;
	text-decoration:			none;
}

div#content-main table.tinycalendar tr.tc_month td.tc_navbtn a:hover {
	background:					none;
	border-bottom:				0;
}

table.tinycalendar tr.tc_head td {
	font-weight:				bold;
}


/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family: 				Arial, Verdana, Helvetica, sans-serif;
	font-size:					12px;
}

form#google-form {
	padding-top:				23px;
}

form#google-form input#google-query {
	background:					#fff url(../images/bg-google-ti.png) no-repeat;
	border:						1px solid #d8e9f0;
	float:						left;
	font-size:					11px;
	height:						16px;
	padding:					3px 0 0 53px;
	width:						103px;
}
form#google-form input#google-button {
	float:						left;
	margin-top:					1px;
}

div#search form#search-form input#search-query {
	float:						left;
	font-size:					11px;
	height:						16px;
	width:						145px;
}

div#search form#search-form input#search-button {
	float:						left;
}

input#board-member-login-username,
input#board-member-login-password {
	float:						left;
	height:						16px;
	width:						126px;
}

div#program form#program-form select#program-select {
	border:						0;
 	background-color: 			#FFFFFF;
	color: 						#233f6e;
	font-size:					11px;
	height:						18px;
	padding:					2px;
	width:						300px;
}

input.text {
 	background-color: 			#FFFFFF;
	border:						0;
	color: 						#233f6e;
	font-size:					11px;
	padding:					3px 0px 0px 5px;
}

/** ctoc
------------------------------------------------------------------ */
div#ctoc div.ctoc_item0 {
	background:					url(../images/bg-ctoc-item-0.gif) 0 50% no-repeat;
	padding-left:				19px;
}

div#content-side div#ctoc div#ctoc_current_item {
	font-weight:				bold;
}

div#content-side div#ctoc div.ctoc_children div {
	background:					url(../images/bg-ctoc-item.gif) 0 8px no-repeat;
	padding-left:				29px;
}

div#content-side div#ctoc a:hover {
	background-color:			#f4efe2;
	background-image:			url(../images/icons/icon-arrow-cf3232.gif);
	color:						#005e84;
}


div#content-side div#ctoc div.ctoc_children div.ctoc_children {
	background:					none;
}




/** tinycal 2
------------------------------------------------------------------ */
.tc_contain {
		padding-left: 12px;
	overflow: hidden;
	width: 100%;
}

#content .tc_contain ul {
		margin: 0 auto;
	list-style: none;
}

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

#content .tc_contain li.tc_scroll_prev, #content .tc_contain li.tc_scroll_next {
	width: 71px;
	height: 30px;
	float: left;
}

#content .tc_contain li.tc_month {
	height: 30px;
	float: left;
	width: 359px;
}

#content .tc_contain li.tc_head {
	font-weight: bold;
}

#content .tc_contain li.tc_head, #content .tc_contain li.tc_date, #content .tc_contain li.tc_blank_start, #content .tc_contain li.tc_blank_end {
	width: 71px;
	height: 67px;
	float: left;
}

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

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

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

}

#content .tc_contain li.tc_date {
	background-color: #d8e9f0;
	margin: 0px 1px 1px 0px;
	color: #233f6e;
	line-height: 20px;
	text-align: right;
	width: 67px;
	padding-right: 4px;
	overflow: hidden;
	height: 70px;
}

#content .tc_contain li.tc_date .tc_eventtitle {
	text-align: left;
	line-height: 16px;
	padding: 0px 0px 0px 4px;

}

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

#content .tc_contain li.tc_head {
	background-color: #08A5E5;
	margin: 0px 1px 1px 0px;
	color: #ffffff;
	line-height: 30px;
	height: 30px;
}

#content .tc_contain li.tc_date.tc_hasevents span {
	font-weight: bold;
}

#content .tc_contain li.tc_date a, #content .tc_contain li.tc_date.tc_hasevents {
	text-decoration: none;
	background-color: #0075C0;
	display: block;
	color: #fff;
	/*min-height: 67px;*/
	width: 71px;
}
#content .tc_contain li.tc_date.tc_hasevents {
	padding-right: 4px; /* !!!replaced padding-right: 0;*/
	width:67px; /* !!!added */
}

#content .tc_contain li.tc_date.tc_hasevents a {
	padding-right: 4px;
	width:			170px; /*67px;*/
	color: #0075C0; /* !!!added */
}


#content .tc_contain li.tc_date a:hover {
	background-color: #005e84;
}

#content .tc_contain li.tc_scroll_prev, #content .tc_contain li.tc_scroll_next {
	color: #fff;
	background-color: #0075C0;
	margin: 0px 1px 1px 0px;
	line-height: 26px;
	font-size: 16px;
}

#content .tc_contain li.tc_month {
	/*width: 454px;*/
	background-color:#0075C0;
	margin: 0px 1px 1px 0px;
	color: #fff;
	font-weight: bold;
	line-height: 28px;
	height: 30px;
	font-size: 16px;
}


#content .tc_contain li.tc_scroll_prev a, #content .tc_contain li.tc_scroll_next a {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	color: #ffffff;
}

#content .tc_contain li.tc_scroll_disabled {
	color: #ABCBE2;
}

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

#content .tc_contain .tc_event, #content .tc_contain .tc_event li, #content .tc_contain .tc_event li span {
	z-index: 50;
	color: #005E84;
}

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

#content .tc_contain li .tc_event_name {
	font-style: italic;
	font-size: 12px;
	padding: 6px 10px 0px 10px;
	text-align: left;
	display: block;
	background-color: transparent !important; /*!!!added*/
}

#content .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 dotted #0075C0;
	color: #0075C0;
}


/* Level 2 Calendar /---------------- */

#content .tc_contain .tc_multi_event {
	background-color: 		#b2dbed;
	border: 				1px solid #000;
	display:				block;
	margin: 				0;
	margin: 				-3px 0 0 -9999px;
	padding: 				2px 10px 5px 10px;
	position: 				absolute;
	width: 					180px;
	z-index:				50;
}


#content .tc_contain li.tc_event_hover .tc_multi_event,
#content .tc_contain li.tc_hasevents:hover .tc_multi_event {
	margin-left: 			0px;
	position: absolute !important;

}
\
#content .tc_contain .tc_multi_event li {
	margin-bottom:			5px;
	padding:				0;
}

#content .tc_contain .tc_multi_event,
#content .tc_contain .tc_multi_event li,
#content .tc_contain .tc_multi_event li span
#content .tc_contain .tc_multi_event a {
	color: 					#4e4e4e;
	float: 					left;
}
#content .tc_contain .tc_multi_event li .tc_event_name_container { color: #fff; }


#content .tc_contain li .tc_event_summary {
}



#content .tc_contain li a.tc_event_name {
	font-size: 				12px;
	font-weight:			bold;
	text-align: 			left;
	text-decoration:		none;
}

#content .tc_contain li a.tc_event_name:hover {
	color:					#414c59;
	text-decoration:		underline;
}

#content .tc_contain li .tc_event_date {
	text-align: 			center;
	border-bottom: 			1px dotted #4e4e4e;
	display: 				block;
	font-size: 				12px;
	font-weight: 			bold;
	margin:					4px 10px 0;
	width:					100%;
}


li.upcoming_event p {
	margin-bottom:			0.8em;
}

li.upcoming_event p span.date {
	color:					#398DBE;
	font-size:				0.9em;
}

li.upcoming_event p a.event_title {
	font-size:				1.1em;
	font-weight:			bold;
	text-decoration:		none;
}

li.upcoming_event p a.event_title:hover {
	text-decoration:		none;
}

/* Homepage social media */

#social-media {
	background:				#D8E9F0;
	margin:					10px 0;
	padding:				10px 15px 15px;
	width:					220px;
}

#fb-follow {
	color:					#0075C0;
	text-decoration:		none;
	font-weight:			bold;
}

#social-media ul {
	height:					21px;
	padding-top:			5px;
}

#social-media li {
	float:					left;
	padding-right:			10px;
}

li#social-media-share {
	padding-top:			1px;
}

#social-media-share span {
	font-size:				10px !important;
	line-height:			10px !important;
}