@import "layout.css";
@import "forms.css";
@import "navigation.css";
@import "components.css";
@import "thickbox.css";
/* 
	Title:	ARCS Australia screen styles
	Author: chris.pearce@bluearcgroup.com
*/

/****************************************************************************************	
	[GENERAL SELECTORS]
*****************************************************************************************/

/* Eric Meyer's Reset Rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
table, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
html, body, form, fieldset, a img {border: 0;}
ul, ol {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Back to my CSS */
body {
	color: #000;
	background: url("../images/template/body-bg2.jpg") repeat-x 0 0;
	margin-bottom: 30px;
	font: 0.75em/1.4 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
}
a:link, a:visited {
	color: #009FE0;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table caption {
	text-align: left;
	font-weight: bold;
	font-size: 1.15em;
	padding-bottom: 0.4em;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
}
blockquote {margin: 0 12px;} 
h1 {
	font-size: 1.7em;
	font-weight: bold;
	color: #000;
	margin-bottom: 0.80em;
}
h2, h3, h4, h5, h6 {
	font-size: 1.35em;
	font-weight: bold;
	color: #009EDC;
	margin-bottom: 0.40em;
	line-height: 1.3;
}
body.page-members h2 {color: #D61146;}
h3, h4, h5, h6 {
	font-size: 1.25em;
	color: #000;
}
	h3 span {
		display: block;
		font-size: 1em;
	}
h4, h5, h6 {font-size: 1.15em;}
h5, h6 {color: #5B5B5B;}

/* Over-ride those pesky font tags */
font {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif !important; 
	font-size: 100% !important;
	color: #000 !important;
}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Set font size to 11px if required */
#content {font-size: 0.95em;}
/* Spacing */
#main-content p, #main-content ul,
#main-content ol, #main-content dl,
#main-content table {margin-bottom: 1.5em;}
#ctl00_subcontent p, #ctl00_subcontent ul,
#ctl00_subcontent ol, #ctl00_subcontent dl,
#ctl00_subcontent table {margin-bottom: 0.80em;}
#ctl00_subcontent p {color: #666;}
#content table table {margin: 0;}
/* Lists */
#main-content ul,
#ctl00_subcontent ul {
	list-style: disc;
	margin-left: 32px;
}
#main-content ol,
#ctl00_subcontent ol {
	list-style: decimal;
	margin-left: 42px;
}
	#main-content ol ol,
	#ctl00_subcontent ol ol {list-style: lower-alpha;}
		#main-content ol ol ol,
		#ctl00_subcontent ol ol ol {list-style: lower-roman;}
#main-content ul ul,
#ctl00_subcontent ul ul, 
#main-content ol ol,
#ctl00_subcontent ol ol {margin: 0.4em 0 0.8em 20px;}

/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

/* [HIDE]
-------------------------------------------------------*/
.hide,
table caption span {
	position: absolute;
	left: -999em;
}
.hide-fully {display: none;}

/* [MORE INFO LINK]
-------------------------------------------------------*/
#content p.more-info a {
	background: url("../images/template/arrow-blue.gif") no-repeat 100% 50%;
	padding-right: 19px;
}
#content #ctl00_subcontent p.more-info a {background-image: url("../images/template/arrow-red.gif");}

/* [BACK LINK]
-------------------------------------------------------*/
#content #main-content p.back a {
	background: url("../images/template/arrow-blue-bck.gif") no-repeat 0 50%;
	padding-left: 16px;
}

/* [INTRO]
-------------------------------------------------------*/
#content p.intro {
	color: #009FE0;
	font-size: 1.1em;
}
body.page-members #content p.intro {color: #D61146;}

/* [DATE]
-------------------------------------------------------*/
#content #main-content p.date {
	font-style: oblique;
	color: #666;
	margin-bottom: 0.20em;
}