/**
 *	Down Syndrome Association of Queensland Inc
 *  Base Screen Styles
 *	
 *	@author:	imagin8 Web Studio <http://www.imagin8.com>
 *	@date:		16/04/2007	
 *
 *	Table of Contents:
 *		layout
 *		typography
 *		lists
 *		breadcrumbs
 *      links
 *		forms
 *		genric styles
 *
 */

body 
{
	background-color:		#b7ddf3;
	color:					#253692;
	font-family:			"Lucida Sans", Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size:				70%;
	margin:					0px 0px;
	}

/** layout
--------------------------------------- */
#wrapper {

}

#header {
	background:				transparent url(../images/bg-header.jpg) repeat-x;
}

#header-inner {
	background:				transparent url(../images/bg-header-inner.png) 50% 62px no-repeat;
}

#brand {
	height:					109px;
	margin:					0 auto;
	background:				transparent url(../images/bg-brand.gif) 50% bottom no-repeat;
	padding-bottom:			12px;
}

body.home #brand {
	background:				none;
	padding:				0;
}

#hero {
	background:				transparent url(../images/bg-hero.png) no-repeat;
	height:					295px;
}

#hero-inner {
	background:				transparent url(../images/bg-hero-inner.jpg) 10px 18px no-repeat;
	height:					295px;
}

#content-container {
	background-color:		#fff;
	overflow:				hidden;
	width:					100%;
}

#main-content {
	width:					auto;
}

#main-content-padding {
	font-size:				1.1em;
	line-height:			1.7em;
	padding:				35px 33px 35px 23px;
}

body.home #main-content {
	float:					left;
	width:					510px;
}

#side-content-container {
	background-color:		transparent;
	background-image:		url(../images/bg-side-content-container.gif);
	background-position:	2px top;
	background-repeat:		no-repeat;
	float:					right;
	margin:					17px 0 0 25px;
	width:					266px;
}

body.home #side-content-container {
	background-image:		url(../images/bg-side-content-container-home.gif);
	background-position:	4px top;
	float:					none;
	margin:					0 0	0 510px;
	width:					auto;
}

#side-content {
	background-color:		transparent;
	background-image:		url(../images/bg-side-content.gif);
	background-position:	4px 109px;
	background-repeat:		no-repeat;
	padding-top:			34px;
	padding-bottom:			1px;
}

body.home #side-content {
	background-position:	4px 75px;
	padding-top:			0;
}


#side-content-footer {
	background: 			transparent url(../images/bg-side-content-footer.gif) 4px top no-repeat;
	height:					20px;
}

#footer {
	background:				transparent url(../images/bg-footer.jpg) 50% 0 no-repeat;
	margin-bottom:			15px;
}

#footer-inner {
	background:				transparent url(../images/bg-footer-inner.png) no-repeat;
	clear:					both;
	margin:					0 auto;
	overflow:				hidden;
	width:					776px;
	position:				relative;
}

div.content {
	margin: 				0 auto;
	width:					768px;
}

/** typography
--------------------------------------- */
#brand h1 {
	background:				transparent url(../images/logo-dsaq.png) no-repeat;
	height:					109px;
	text-indent:			-9999px;	
	width:					500px;
}

#main-content h2 {
	font-size:				1.2em;
	margin:					0 0 0.5em 0;
}

body.home #main-content h2 {
	background:				transparent url(../images/h2/h2-living-life.gif) no-repeat;
	margin:					0 0 1em 23px;
	height:					40px;
	text-indent:			-9999px;
}

#main-content h4#related-documents-title {
	background:				transparent url(../images/h4/h4-related-documents.gif) no-repeat;
	height:					20px;
	margin:					0.5em 0;
	text-indent:			-9999px;
}

#main-content p {
	font-size:				inherit;
	line-height:			1.7em;
	margin-bottom: 			1em;
}

body.home #main-content p {
	font-size:				1.1em;
	padding:				0 33px 0 23px;
}

#side-content h3 {
	background-color:		transparent;
	background-image:		url(../images/h3/h3-related-links.gif);
	background-repeat:		no-repeat;
	background-position:	45px 0;
	height:					40px;
	margin-bottom:			0.5em;
	text-indent:			-9999px;
}

#side-content h3#related-links-title {
	background-image:		url(../images/h3/h3-related-links.gif);
}

#side-content h3#related-documents-title {
	background-image:		url(../images/h3/h3-related-documents.gif);
}

body.home #side-content h3 {
	background-image:		url(../images/h3/h3-mission-statement.gif);
	background-position:	40px 0;
	margin-bottom:			1em;
}

#side-content p {
	color:					#c79743;
	font-size:				1em;
	line-height:			1.7em;
	padding:				0 40px 1em 40px;
}

#footer p {
	line-height:			1.9em;
	paddin-bottom:			1em;
	text-align:				center;
}

/** lists
--------------------------------------- */
#main-content ul,ol {
	color:					#253692;
	list-style:				none;
	margin-bottom:			1em;
}

#main-content ul li {
	background:				transparent url(../images/bullets/bullet-mc.gif) 0 0.75em no-repeat;
	padding:				0.2em 0 0.2em 1em;
}

#main-content ul li a {
	color:					#b4151b;
	text-decoration:		none;
}

#main-content ul li ul {
	margin:					0.2em 0 0 1em;
}

#main-content ul li a:hover {
	text-decoration: 		underline;
}

#main-content ul#related-documents-list {
	font-size:				0.9em;
}

#main-content ul#related-documents-list li {
	background-image:		url(../images/bullets/bullet-mc-document.gif);
	padding:				0 0 0 1.5em;
}

#side-content ul#related-links-list,
#side-content ul#related-documents-list {
	list-style:				none;
	margin:					0 45px 0 45px;
	padding-bottom:			1em;
}

#side-content ul#related-links-list li,
#side-content ul#related-documents-list li {
	background-color:		transparent;
	background-position:	0 50%;
	background-repeat:		no-repeat;
	color:					#c79743;
	padding:				0.5em 0 0.5em 1.5em;
}

#side-content ul#related-links-list li {
	background-image:		url(../images/bullets/bullet-sc-arrow.gif);
}

#side-content ul#related-documents-list li {
	background-image:		url(../images/bullets/bullet-sc-document.gif);
}

#side-content ul#related-links-list li a,
#side-content ul#related-documents-list li a {
	color:					#c79743;
	text-decoration:		none;
}

#side-content ul#related-links-list li a:hover,
#side-content ul#related-documents-list li a:hover {
	text-decoration:		underline;
}

/** breadcrumbs
--------------------------------------- */
ul#breadcrumbs-list {
	color:					#d31920;
	font-size:				0.9em;
	list-style:				none;
	margin-bottom:			1em;
}

ul#breadcrumbs-list li {
	background:				transparent url(../images/bullets/bullet-breadcrumb.gif) 0 50% no-repeat;
	display:				inline;
	padding:				0 0.5em 0 1em;
}

ul#breadcrumbs-list li.first {
	background:				none;
	padding-left:			0;
}
	
ul#breadcrumbs-list li a {
	color:					#b4151b;
	text-decoration:		none;
}

ul#breadcrumbs-list li a:hover {
	text-decoration:		underline;
}


/** links
--------------------------------------- */
#brand h1 a {
	display:				block;
	position:				relative;
	height:					109px;
	width:					500px;
}

#main-content a {
	color:					#b4151b;
	text-decoration:		none;
}

#main-content a:hover {
	text-decoration:		underline;
}

#footer p a {
	color:					#253692;
	text-decoration:		none;
}

#footer p a:hover {
	text-decoration:		underline;
}
/** tables
--------------------------------------- */
/** forms
--------------------------------------- */
input, select, textarea, optgroup, pre {
	color:					#666;
	font:					12px monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace
}

label {
	color:					#253692;
	font-family:			"Lucida Sans", Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
}

form#contact-dsaq-form fieldset {
	border:					0 !important;
	padding-top:			0.5em;
}

form#contact-dsaq-form fieldset p {
	margin-bottom:			0.3em;
}

form#contact-dsaq-form fieldset p.button {
	display:				block;
	text-align:				right;
	width:					450px;

}

form#contact-dsaq-form fieldset p label {
	color:					#253692;
	float:					left;
	width:					150px;
	padding-bottom:			2px;
}

form#contact-dsaq-form fieldset p input {
	background:				#fff url(../images/bg-input.gif) left top no-repeat;
	border:					1px solid #1d2a73;
	color:					#1d2a73;
	margin-bottom:			0.5em;
	padding:				2px;
	width:					300px;
}

form#contact-dsaq-form fieldset p.button input {
	background:				none;
	border:					0;
	color:					#1d2a73;
	margin:					0;
	padding:				0;
	width:					auto;
}

form#contact-dsaq-form fieldset p textarea {
	background:				#fff url(../images/bg-input.gif) left top no-repeat;
	border:					1px solid #1d2a73;
	color:					#1d2a73;
	height:					70px;
	padding:				2px;
	width:					300px;
}

form#contact-dsaq-form fieldset p input:focus,
form#contact-dsaq-form fieldset p textarea:focus {
	background:				#fff url(../images/bg-input-focus.gif) left top no-repeat;
	border:					1px solid #293ca6;
}

form#contact-dsaq-form fieldset p input.error,
form#contact-dsaq-form fieldset p input.error:focus,
form#contact-dsaq-form fieldset p textarea.error,
form#contact-dsaq-form fieldset p textarea.error:focus {
	border:					1px solid #d31920;
}

form#contact-dsaq-form fieldset p.button input:focus {
	background:				none;
	border:					0;
}
/** generic styles
--------------------------------------- */
/** generic
--------------------------------------- */
#main-content-padding p.small-text {
	font-size:					0.9em;
}

span.required {
	color:						#bc0000;
}

/* Styles for iDirectory... */
.dataTable {
	border-right: 1px solid #253692;
	border-bottom: 1px solid #253692;
}

.dataTable td, .dataTable th {
	border-left: 1px solid #253692;
	border-top: 1px solid #253692;
}

.dataTable th {
	background-color: #D7E8F8;
}