/**
 *	Guide Dogs
 *  Base Screen Styles
 *
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		30/09/2008
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *		07. ctoc
 *
 */
html,body {
	background:					#fff url(../images/bg-body.gif) repeat-x;
	height:						100%;
}

body {
	color:						#010354;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}
/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					url(../images/bg-wrapper.jpg) 50% 0 no-repeat;
}

div#header {
	height:						86px;
}

div#navigation-container {
	overflow:					visible !important;
}

div#brand {
	float:						left;
	height:						34px;
	padding-top:				28px;
	width:						177px;
}

div#usability {
	float:						right;
	clear:						right;
	height:						23px;
	margin-top:					11px;
	width:						533px;
}

div#text-size {
	float:						left;
	height:						23px;
	margin-right:				20px;
	width:						59px;
}

div#login {
	float:						left;
	height:						23px;
	margin-right:				20px;
	width:						287px;
}

div#navigation {
	height:						35px;
}

div#feature {

}
div#feature-container {
	background:					url(../images/bg-feature.jpg) left bottom no-repeat;
	height:						274px;
	margin:						0 auto;
	width:						921px;
}
body.art-union div#feature-container {
	background-image:			url(../images/bg-feature-art-union.jpg);
}
body.wine-club div#feature-container {
	background-image:			url(../images/bg-feature-wine-club.jpg);
}

div#feature-container embed {
	visibility:					visible !important;
}

div#content {
	background-color:			#fff;
	padding-bottom:				5em;
}


div#content-main {
	float:						left;
	width:						636px;
}

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

div#content-side div#content-side-navigation,
div#content-side div#ctoc {
	background:					url(../images/bg-content-side-navigation.png) no-repeat;
	min-height:					269px;
	height:						auto !important;
	height:						269px;
}
#contact-us {
	background:					url(../images/bg-contact-us.png) no-repeat;
	height:						242px;
}

div#footer {
	background:					url(../images/bg-footer.gif) repeat-x 0 20px;
}
#footer-inner {
	background:					url(../images/bg-footer-container.jpg) right 20px no-repeat;
	min-height:					293px;
	height:						auto !important;
	height:						293px;
}
div#footer-container {
	background:					url(/images/footer-line.png) repeat-x 0 20px;
}
div#footer-content {
	height:						167px;
}
div#footer-navigation {
	height:						60px;
}

div.container {
	margin:						0 auto;
	overflow:					hidden;
	width:						901px;
}

div.inner {
	padding-right:				30px;
}
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

hr {
	background-color:			#f7f7f7;
	border:						0;
	color:						#f7f7f7;
	height:						1px;
	margin-top:					0;
	margin-bottom:				1.5em;
}

strong {
	font-weight:				bold;
}

br.clear {
	clear:						both;
	display:					block;
}

div#header p#freecall {
	background:					url(../images/bg-freecall.gif) no-repeat;
	float:						right;
	height:						11px;
	margin-top:					13px;
	text-indent:				-9999px;
	width:						152px;
}

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

div#content-main h2#content-main-title {
	border-bottom:				1px solid #d7d7d7;
	color:						#020456;
	font-size:					20px;
	font-weight:				bold;
	height:						31px;
	margin-bottom:				20px;
}

div#content-main h3 {
	color:						#020456;
	font-size:					18px;
	margin-bottom:				0.5em;
}
div#content-main h4 {
	color:						#ef8219;
	font-weight:				bold;
	margin-bottom:				0.5em;
}
div#content-main h5,
div#content-main h6 {
	font-weight:				bold;
}
div#content-main blockquote {
	color:						#ef8219;
	font-size:					18px;
	font-style:					italic;
	font-weight:				normal;
	margin-bottom:				18px;
}
div#content-main p {
	margin-bottom:				1.5em;
}
div#content-main p.item,
div#content-main p.document {
	margin-bottom:				0.5em;
}
div#content-main blockquote p {
	margin-bottom:				0;
}
div#content-side h3 {
	background:					url(../images/h3s/h3-in-this-section.png) no-repeat;
	height:						32px;
	margin-bottom:				16px;
	text-indent:				-9999px;
}
div#content-side h3.related_docs {
	background:					url(../images/h3s/h3-related-documents.gif) no-repeat;
	height:						32px;
	margin-bottom:				16px;
	text-indent:				-9999px;
}
div#content-side h4 {
	background:					url(../images/h4s/h4-contact-us.gif) 15px 0 no-repeat;
	height:						14px;
	margin-bottom:				30px;
	text-indent:				-9999px;
}
body.tc-0 div#content-side h4 {
	margin-top:					18px;
}

div#footer {
	color:						#7879a2;
	font-size:					1.1em;
	line-height:				150%;
}
div#footer div#footer-content p {
	padding-top:				1em;
	padding-right:				220px;
}
div#footer div#footer-content p#author {
	clear:						both;
}

div#footer h6 {
	margin-bottom:				2em;
}
/** lists/typography/links
------------------------------------------------------------------ */
div#text-size a,
div#text-size a:link {
	background:					url(../images/bg-text-size.png) no-repeat;
	display:					block;
	float:						left;
	height:						23px;
	text-indent:				-9999px;
	width:						27px;
}

div#text-size a#text-decrease,
div#text-size a#text-decrease:link {
	margin-right:				5px;
}
div#text-size a#text-decrease:hover {
	background-position:		left bottom;
}
div#text-size a#text-increase,
div#text-size a#text-increase:link {
	background-position:		-32px 0;
}
div#text-size a#text-increase:hover {
	background-position:		-32px bottom;
}

div#login a#login-button,
div#login a#login-button:link {
	background:					url(../images/bg-login.png) no-repeat;
	float:						left;
	height:						23px;
	text-indent:				-9999px;
	width:						47px;
}
div#login a#login-button:hover {
	background-position:		left bottom;
}

div#login a#puppy-club-link,
div#login a#puppy-club-link:link {
	background:					url(../images/bg-puppy-club.png) no-repeat;
	float:						left;
	height:						23px;
	text-indent:				-9999px;
	width:						75px;
}
div#login a#puppy-club-link:hover {
	background-position:		left bottom;
}

div#search a#search-button,
div#search a#search-button:link {
	background:					url(../images/bg-go.png) no-repeat;
	display:					block;
	float:						left;
	height:						23px;
	text-indent:				-9999px;
	width:						27px;
}
div#search a#search-button:hover {
	background-position:		left bottom;
}

ul#breadcrumbs {
	color:						#407eac;
	font-size:					1.1em;
	padding:					19px 0 0 0;
	height:						28px;
	margin:						-47px auto 0 auto;
	position:					relative;
	width:						901px;
}
ul#breadcrumbs li {
	background:					url(../images/icons/icon-breadcrumb.gif) 0 50% no-repeat;
	float:						left;
	padding:					0 11px 0 17px;
}
ul#breadcrumbs li.first {
	background:					none;
	padding-left:				0;
}
ul#breadcrumbs li.last {
	padding-right:				0;
}
ul#breadcrumbs li a,
ul#breadcrumbs li a:link {
	color:						#407eac;
	text-decoration:			none;
}
ul#breadcrumbs li a:hover {
	text-decoration:			underline;
}

a.more-information,
a.more-information:link,
a.read-more,
a.read-more:link {
	background:					url(../images/bg-more-information.png) no-repeat;
	display:					block;
	height:						16px;
	text-indent:				-9999px;
	width:						149px;
}
a.read-more,
a.read-more:link {
	background-image:			url(../images/bg-read-more.png);
	width:						102px;
}

div#content-main a,
div#content-main a:link {
	color:						#ef8219;
	text-decoration:			none;
}
div#content-main a:hover {
	color:						#ef8219;
	text-decoration:			underline;
}

div#content-main ul {
	margin-bottom:				1.5em;
}
div#content-main ul li {
	background:					url(../images/icons/icon-paw-ef8219.gif) 0 3px no-repeat;
	padding-left:				24px;
}
div#content-main ul#listing li {
	background:					none;
	border-bottom:				1px solid #f7f7f7;
	clear:						both;
	margin-bottom:				1.5em;
	padding:					0;
	overflow:					hidden;
	width:						100%;
}
div#content-main ul#listing li img {
	display:					block;
	float:						left;
	margin:						0 9px 1.5em 0px !important;
}

div#content-main ul#video-listing li {
	background:					none;
	padding:					0;
	position:					relative;
	overflow:					hidden;
}
div#content-main ul#video-listing li h4,
div#content-main ul#video-listing li div.summary {
	margin-left:				140px;
}
div#content-main ul#video-listing li.no-video-thumb h4,
div#content-main ul#video-listing li.no-video-thumb div.summary {
	margin-left:				0;
}
div#content-main ul#video-listing li div.summary { margin-bottom: 1.5em; }
div#content-main ul#video-listing li {}
div#content-main ul#video-listing li img {
	background-color:			#fff;
	border:						1px solid #eaeaea;
	float:						left;
	height:						84px;
	margin:						0 0 1.5em 0;
	padding:					2px;
	width:						112px;
}
div#content-main ul#video-listing li a.video-thumb-overlay {
	background:					url(/images/video-thumb-overlay.png) no-repeat;
	height:						90px;
	left:						0;
	position:					absolute;
	text-indent:				-9999px;
	width:						118px;
}
div#content-main ul#video-listing li a.video-thumb-overlay:hover {
	background-position: left bottom;
}



div#content-side-navigation ul {
	margin-bottom:				30px;
	padding-top:				0.5em;
}
div#content-side-navigation ul li,
div#ctoc div.ctoc_children div {
	background:					url(../images/bg-content-side-navigation-item.gif) left bottom no-repeat;
	padding:					0.5em 0 0.5em 15px;
}
div#content-side-navigation ul li a,
div#content-side-navigation ul li a:link,
div#ctoc div.ctoc_children div a,
div#ctoc div.ctoc_children div a:link {
	background:					url(../images/icons/icon-arrow-bar-22235e.png) 0 0 no-repeat;
	color:						#2a2a68;
	padding-left:				30px;
	text-decoration:			none;
}
div#content-side-navigation ul li a.current,
div#content-side-navigation ul li a.current:link,
div#ctoc div.ctoc_children div a.ctoc_current,
div#ctoc div.ctoc_children div a.ctoc_current:link,
div#content-side-navigation ul li a:hover,
div#ctoc div.ctoc_children div a:hover {
	background-image:			url(../images/icons/icon-arrow-bar-ed9238.png);
	color:						#ef8219;
}
div#content-side-navigation ul ul {
	margin-bottom:				0;
}
div#content-side-navigation ul ul li,
div#ctoc div.ctoc_children div.ctoc_children div {
	background:					none;
	font-size:					11px;
	padding:					0.3em 0 0.3em 30px;
}
div#content-side-navigation ul ul li a,
div#content-side-navigation ul ul li a:link,
div#ctoc div.ctoc_children div.ctoc_children div a,
div#ctoc div.ctoc_children div.ctoc_children div a:link {
	background:					url(../images/icons/icon-arrow-22235e.png) 0 2px no-repeat;
	padding-left:				15px;
}
div#content-side-navigation ul ul li a.current,
div#content-side-navigation ul ul li a.current:link,
div#ctoc div.ctoc_children div.ctoc_children div a.ctoc_current,
div#ctoc div.ctoc_children div.ctoc_children div a.ctoc_current:link,
div#content-side-navigation ul ul li a:hover,
div#ctoc div.ctoc_children div.ctoc_children div a:hover {
	background-image:			url(../images/icons/icon-arrow-ef8219.png);
}

div#content-side-navigation ul li.last {
	background:					none;
}
#contact-us dl {
	display:					none;
}
#contact-us p {
	background:					url(../images/bg-email-guide-dogs.png) 0 189px no-repeat;
	display:					block;
	height:						53px;
	margin-left:				30px;
	padding-top:				189px;
	text-indent:				-9999px;
	width:						207px;
}
#contact-us p a,
#contact-us p a:link {
	display:					block;
	height:						26px;
	width:						207px;
}

div#footer a#qec-link img,
div#footer a#qec-link:link img,
div#footer a#igdf-link img,
div#footer a#igdf-link:link img {
	float:						left;
}
div#footer a#qec-link img,
div#footer a#qec-link:link img {
	margin-right:				17px;
}
div#footer a#igdf-link img,
div#footer a#igdf-link:link img {
	margin-right:				50px;
}

div#footer-navigation ul {
	color:						#a8bdd3;
}
div#footer-navigation ul li {
	background:					url(../images/bg-footer-navigation-item.gif) no-repeat;
	float:						left;
	padding:					9px 22px 9px 24px;
}
div#footer-navigation ul li.first {
	background:					none;
	padding-left:				0;
}
div#footer-navigation ul li.last {
	padding-right:				0;
}
div#footer-navigation ul li a,
div#footer-navigation ul li a:link {
	color:						#a8bdd3;
	text-decoration:			none;
}
div#footer-navigation ul li a:hover {
	text-decoration:			underline;
}

div#footer p#author a,
div#footer p#author a:link {
	color:						#7879a2;
	text-decoration:			none;
}
div#footer p#author a:hover {
	text-decoration:			underline;
}
/** images
------------------------------------------------------------------ */
div#content-main img {
	background-color:			#fff;
	border:						1px solid #d7d7d7;
	margin:						9px;
	padding:					4px;
}
div#content-main img.sitemap {
	float:						none;
	display:					inline;
	border: 					0;
	margin:						0;
	padding:					0;
}
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					12px;
}

div#usability form {
	float:						left;
}

div#usability form legend,
div#usability form label {
	display:					none;
}

div#usability form input.text {
	font-family:				Tahoma, Arial, Helvetica, sans-serif;
	border:						1px solid #d8d8d8;
	color:						#020456;
	float:						left;
	font-size:					11px;
	margin-right:				5px;
	padding:					4px 8px 4px 8px;
	width:						97px;
}
/** ctoc
------------------------------------------------------------------ */
div#ctoc {
	margin-bottom:				30px;
}
div#ctoc div.ctoc_item0 {
	display:					none;
}
/** related docs
------------------------------------------------------------------ */
div#documents {
	margin-bottom:				30px;
}
div#content-side div#documents {
	background:					url(../images/bg-content-side-navigation.png) no-repeat;
	min-height:					269px;
	height:						auto !important;
	height:						269px;
}
div#documents div.document_item a,
div#documents div.document_item a:link {
	background:					url(../images/icons/icon-arrow-bar-22235e.png) 0 0 no-repeat;
	color:						#2a2a68;
	padding-left:				30px;
	text-decoration:			none;
}
div#documents div {
	background:					url(../images/bg-content-side-navigation-item.gif) left bottom no-repeat;
	padding:					0.5em 0 0.5em 15px;
}
/** login form
------------------------------------------------------------------ */
#login_form {
}

#login_username {
}

#login_password {
}

#login_username .label,
#login_password .label {
	width: 280px;
	text-align: right;
	padding: 2px 10px 2px 0px;
	float: left;
}

#login_username .field,
#login_password .field {
	padding: 2px 10px 2px 0px;
}

#login_username .field input,
#login_password .field input {
	padding: 3px;
	border: 1px solid #c0c5c6;
}

#login_submit {
	padding: 6px 0px 2px 0px;
	text-align: center;
}
/** Form validation
------------------------------------------------------------------ */
.formError {
	border: 1px solid red;
	padding: 1px;
}

.error_frame {
	border: 2px solid red;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
}
/** tinycal 2
------------------------------------------------------------------ */
.tc_contain {
	overflow: hidden;
	margin: 0 auto;
	width: 500px;
}

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

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

#content-main .tc_contain a,
#content-main .tc_contain a:link,
#content-main .tc_contain a:visited,
#content-main .tc_contain a:active {
	background: none;
	border: 0;
	padding: 0;
}

#content-main .tc_contain a:hover {
	background: none;
	border: 0;
	padding: 0;
}

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

#content-main .tc_contain li.tc_month {
	height: 30px;
	float: left;
}

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

#content-main .tc_contain li.tc_head, #content-main .tc_contain li.tc_date, #content-main .tc_contain li.tc_blank_start, #content-main .tc_contain li.tc_blank_end {
	width: 70px;
	height: 50px;
	float: left;
}

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

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

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

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

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

}

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

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

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


#content-main .tc_contain li.tc_date a, #content-main .tc_contain li.tc_date.tc_hasevents {
	text-decoration: none;
	background-color: #010354;
	display: block;
	color: #fff;
}
#content-main .tc_contain li.tc_date.tc_hasevents {
	width: 70px;
	padding-right: 0;
}
#content-main .tc_contain li.tc_date.tc_hasevents a,
#content-main .tc_contain li.tc_date.tc_hasevents a:hover {
	padding-right: 4px;
	height: 80px;
}

#content-main .tc_contain li.tc_date a:hover {
	background-color: #08A5E5;
}

#content-main .tc_contain li.tc_scroll_prev, #content-main .tc_contain li.tc_scroll_next {
	color: #fff;
	background-color: #010354;
	margin: 0px 1px 1px 0px;
	line-height: 26px;
}

#content-main .tc_contain li.tc_month {
	width: 354px;
	background-color: #010354;
	margin: 0px 1px 1px 0px;
	color: #fff;
	font-weight: bold;
	line-height: 28px;
	height: 30px;
}


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

#content-main .tc_contain li.tc_scroll_disabled {
	color: #fff;
}

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

#content-main .tc_contain .tc_event, #content-main .tc_contain .tc_event li, #content-main .tc_contain .tc_event li span {
	z-index: 50;
	color: #233f6e;
}

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

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

#content-main .tc_contain li .tc_event_date {
	margin: 4px 10px 0px 10px;
	font-weight: bold;
	display: block;
	text-align: right;
	border-bottom: 1px solid #d8e9f0;
}