/**
 *	Arthritis Queensland
 *  Home Page Screen Styles
 *
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		15/07/2008
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 */

/** layout
------------------------------------------------------------------ */
div#feature {
	background:					url(../images/interface/home/bg-feature.jpg) no-repeat;
	height:						193px;
}

div#feature a {
	display:					block;
	height:						178px;
	text-indent:				-9999px;
	float:						right;
	width:						180px;
}

#panels {
	background:					url('/images/interface/home/bg-panel.png') 0 24px;
	height:						142px;
	margin-bottom:				20px;
}

.panel {
	float:						left;
	height:						142px;
}

#panel-1 {
	width:						251px;
	background:					url('/images/interface/home/bg-panel-bl.png') no-repeat 0 100%;
}

#panel-2 {
	width:						274px;
	border-left:				solid 1px #fff;
}

#panel-3 {
	width:						273px;
	border-left:				solid 1px #fff;
	background:					url('/images/interface/home/bg-panel-br.png') no-repeat 100% 100%;
}

.panel-bar {
	height:						24px;
}

#panel-1 .panel-bar { background: url('/images/interface/home/bg-panel-1.png');}
#panel-2 .panel-bar { background: url('/images/interface/home/bg-panel-2.png');}
#panel-3 .panel-bar { background: url('/images/interface/home/bg-panel-3.png');}

.panel-inner {
	padding:					10px 20px;
}

#panels h3 {
	padding-left:				25px;
	font-size:					21px;
	font-weight:				normal;
	color:						#333;
	font-family:				Tahoma, sans-serif;
	width:						auto;
}

#panel-1 h3 {	background: url('/images/interface/home/panel-arrow-1.png') no-repeat 0 4px;}
#panel-2 h3 {	background: url('/images/interface/home/panel-arrow-2.png') no-repeat 0 4px;}
#panel-3 h3 {	background: url('/images/interface/home/panel-arrow-3.png') no-repeat 0 4px;}

#panels p {
	padding-left:				25px;
	font-size:					16px;
	font-family:				Tahoma, sans-serif;
	margin:						0;
}

#panel-3 p {
	padding:					0;
	text-align:					center;
	margin-top:					15px;
}

#panel-3 img {
	border:						0;
}

#panels a {
	color:						#666;
	text-decoration:			none;
}

#panels a:hover {
	text-decoration:			underline;
}

div#content-inner {
	padding:					0 19px;
}

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

div#content-right {
	float:						right;
	width:						362px;
}
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

hr {
}

strong {
	font-weight:				bold;
}

div#content {
	line-height:				21px;
}

div#content h4 {
	height:						29px;
	text-indent:				-9999px;
}

div#content div#latest-news h4 {
	background:					url(../images/interface/home/h4s/h4-latest-news.jpg) no-repeat;
}
div#content div#subscribe h4 {
	background:					url(../images/interface/home/h4s/h4-subscribe.gif) no-repeat;
}
div#content div#tips h4 {
	background:					url(../images/interface/home/h4s/h4-tips.gif) no-repeat;
}

div#content h5 {
	background:					url(../images/interface/home/icons/icon-arrow-008dc9.gif) 0 50% no-repeat;
	color:						#008dc9;
	font-size:					14px;
	margin:						0;
	padding-left:				15px;
}
div#content div#subscribe h5,
div#content div#tips h5 {
	background:					none;
	padding-left:				0;
}

div#content p {
}
/** lists/typography/links
------------------------------------------------------------------ */
div#content a,
div#content a:link {
	color:						#008dca;
}

div#content ul {
	margin-bottom:				1em;
}
/** images
------------------------------------------------------------------ */
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */