@import url("reset.css");
@import url("navigation.css");
@import url("footer-navigation.css");
@import url("related-links.css");

/**
 *	RHealth
 *  Base Screen Styles
 *	
 *	@author:					Lee Hogg <lee at imagin8 dot com>
 *	@date:						8/10/2008
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *		07. ctoc
 *
 */


/** layout
------------------------------------------------------------------ */

body {
	/* Reduce default font size to 10pt */
    font:						75%/1.5  Arial, Verdana, Sans-serif;
	background-color:			#ffffff;
    color:						#5a5644;
}
div#bgtop-wrapper {
	width:						100%;
	height:						auto;
	background:					transparent url('../images/interface/bg-content.gif') 50% 0% repeat-y;
}
div#bgmain-wrapper {
	width:						100%;
	height:						auto;
	background:					transparent url('../images/interface/bg-top.jpg') 50% 0% no-repeat;
}
body#inside div#bgmain-wrapper {
	background:					transparent url('../images/interface/bg-top-inside.jpg') 50% 0% no-repeat;
}
div#container {
	margin:						0px auto;
	width:						790px;
}
div#header {
	height:						152px;
	width:						100%;
}
div#logo {
	float:						left;
	height:						152px;
	width:						230px;
}
div#logo h1 {
	padding:					8px 0 0 10px;
}

div#search {
	background:					transparent url('../images/interface/bg-search-form.gif') right 20px no-repeat;
	float:						right;
	height:						37px;
	margin:						12px 1px 0 0;
	text-align:					right;
	clear:						right;
}

div#navigation {
	height:						42px;
}

div#hero {
	width:						100%;
	height:						188px;
	background:					#ede18f url('../images/flash-splash.jpg') top left no-repeat;
}
body#inside div#hero {
	height:						150px;
}
div#links {
	background:					transparent url('../images/interface/bg-related-bottom.gif') bottom left repeat-y;
	height:						100%;
	padding-bottom:				30px;
}
div#links br {
	clear:						both;
}
div#links ul{
	background:					transparent url('../images/interface/bg-related-top.gif') no-repeat left top;
}
div#login {
	margin-top:					23px;
	width:						254px;
	float:						left;
	text-align:					right;
}

body#homepage div#directory-button a {
	display:					block;
	width:						225px;
	height:						32px;
	background:					url('/images/directory.png') no-repeat;
	text-indent:				-9999px;
	margin:						20px auto 0;
}

body#homepage div#ereferral-button a {
	display:					block;
	width:						225px;
	height:						32px;
	background:					url('/images/ereferral.png') no-repeat;
	text-indent:				-9999px;
	margin:						20px auto 0;
}

body#homepage div#content-wrap {
	width:						310px;
}
div#content-wrap {
	color:						#5a5644;
	padding-bottom:				20px;
	float:						left;
	width:						536px;
}
body#homepage div#content {
	border-top:					1px solid #e0e0e0;
	padding:					30px 5px 0 30px;
}
div#content {
	border-top:					1px solid #e0e0e0;
	padding:					30px 30px 0 30px;
}

div#content p {
	margin-bottom:				2em;
}

div#latest-news-wrap {
	width: 						226px;
	float:						left;
}
div#latest-news {
	border-top:					1px solid #e0e0e0;
	padding:					30px 5px 0 30px;
}

div#footer-wrap {
	background:					#fff url('../images/interface/bg-footer.png') 50% 0% no-repeat;
	height:						73px;
	font-size:					11px;
	clear:						both;
}
div#tfooter {
	width:						780px;
	margin:						0 auto;
	overflow:					hidden;
}
div#footer-links {
	float:						left;
	padding:					15px 10px 0px 10px;
	color:						#ffffff;
	line-height:				20px;
}

div#footer-links a {
	padding:					0px 5px;
	color:						#ffffff;
	text-decoration:			none;
}

div#footer-links a:hover {
	color:						#ffc2c3;
}

div#footer-links a.imagin8 {
	color:						#ffb400;
}

div#footer-links a.imagin8:hover {
	color:						#e28a00;
}

div#footer-agpn {
	float:						right;
	color:						#ffffff;
	padding:					10px 10px 0px 0px;
}
div#footer-agpn img {
	vertical-align:				middle;
}



div#footer-footer {
	color:						#dd4e4f;
	padding:					15px 0px 20px 0px;
	text-align:					center;
	font-size:					11px;
}

/** typography
------------------------------------------------------------------ */
div#content-wrap h1 {
	text-transform:				uppercase;
	color:						#b72a21;
	font-weight:				bold;
	font-size:					120%;
}
div#content-wrap h3, div#content-wrap h4, div#content-wrap h5, div#content-wrap h6 {
	font-weight:				bold;
}
div#content h4.category {
	text-transform:				uppercase !important;
	margin-bottom:				0.5em;
}
div#content h4.category h4.category {
	text-transform:				capitalize !important;
}
div#content-wrap h3 {
	text-transform:				uppercase;
}
body#homepage div#related h2 {
	background:					transparent url('../images/h2/programs-services.gif') no-repeat scroll 0;
}
div#related h2 {
	background:					transparent url('../images/h2/in-this-section.gif') no-repeat scroll 0;
	text-indent:				-9999px;
	margin: 					35px 0 6px 31px;
}
div#content-wrap h2 {
	margin: 					35px 0 6px 31px;
	font-weight:				bold;
	color:						#b72a21;
	text-transform:				uppercase;
}
div#content h2 {
	margin: 0;
}
body#homepage div#content-wrap h2 {
	background:					transparent url('../images/h2/what-is-rhealth.gif') no-repeat scroll 0;
	text-indent:				-9999px;
	margin: 					35px 0 6px 31px;
}
div#latest-news-wrap h2 {
	background:					transparent url('../images/h2/latest-news.gif') no-repeat scroll 0;
	text-indent:				-9999px;
	margin: 					35px 0 6px 31px;
}
/** lists/typography/links
------------------------------------------------------------------ */
div#related, div#related ul {
	width:						254px;
	float:						left;
}
div#related ul li, div#content dl dd, .ctree .class_title {
	background:					transparent url('../images/interface/icon-arrow.gif') no-repeat scroll 6px 6px;
	margin:						11px 22px 11px 25px;
	padding-left:				18px;
	padding-bottom:				8px;
	border-bottom: 				1px solid #d6cfa1;
}
div#related ul li a {
	color:						#b72a21;
	text-decoration:			none;
}

div#content ul {
	list-style-type:			disc;
}

div#content ul {
    padding:					0px 0px 0px 31px;
	margin:						4px 0px 12px 0px;
}
div#content dl dd {
	border:						none;
	margin-left:				12px;
}

div#content ol {
    padding:					0px 0px 0px 31px;
	list-style:					decimal;
    /*list-style-position:						inside;*/
}

div#content ul li {
    margin:						12px 0px;
}

div#content ol li {
    background-image:			none;
    margin:						12px 0px;
}

ul#header-nav {
	display:					block;
	float:						right;
	line-height:				11px;
	margin:						93px 1px 0 0;
    font-size:					11px;
}
ul#header-nav li {
	float:						left;
	padding:					0 8px;
	border-right:				1px solid #b72a21;
	text-align:					right;
}
ul#header-nav li.first {
	padding-left:				0;
}
ul#header-nav li.last {
	border:						0 none;
	padding-right:				0;
}
ul#header-nav li a {
	text-decoration:			none;
}
div#content ul#breadcrumbs {
	margin:						0;
	padding:					0;
}
div#content ul#breadcrumbs li {
	float:						left;
	list-style-type:			none;
	padding:					0 1em;
	border-right:				1px solid #888;
	margin: 0;
	
}
div#content ul#breadcrumbs li a {
	color:						#888;
}
div#content ul#breadcrumbs li.first {
	padding-left:				0em;
}
div#content ul#breadcrumbs li.last {
	color:						#333;
	border-right:				none;
}
div#latest-news ul li {
	background:					transparent url('../images/interface/icon-news.png') no-repeat scroll 0 6px;
	margin:						0 22px 22px 0;
	padding-left:				18px;
	padding-bottom:				8px;
}
ul#results {
	padding-bottom:				2em;
}
ul#results li {
	margin-bottom:				1em;
}
div#container a {
	color:						#b72a21;
	text-decoration:			none;
}
div#container a:hover {
	color:						#6b1b15;
}
div#container blockquote {
	margin:						11px 22px 11px 0;
	padding-left:				25px;
	font-style:					italic;
	border-left:				10px solid #efe490;
}
div#container i, div#container em {
	font-style:					italic;
}
div#container b, div#container strong {
	font-weight:				bold;
}

/*
div#content a:visited {
	color:						#888;
}
*/
div#content p.item {
	margin-bottom:				0.5em !important;
}

/** images
------------------------------------------------------------------ */
div#content img.gallery {
	background-color:			#FFF;
	border:						1px solid #CCC;
	margin:						9px;
	padding:					4px;
}

/** tables
------------------------------------------------------------------ */

/** forms
------------------------------------------------------------------ */
div#search form {
	margin:						0;
	padding:					0;
	display:					block;
	float:						left;
}

div#search input#search-query {
	vertical-align:				top;
	border:						1px solid #d7ca3a;
	height:						16px;
}
div#search input#search-query:focus {
	background:					#ffa;

}
div#login form {
	background:					transparent url('../images/interface/bg-login-form.png') no-repeat scroll 203px 72px;
	height:						81px;
}
div#login form label {
	display:					block;
	float:						left;
	color:						#e65559;
	width:						90px;
	margin: 					6px 0 0 0;
	text-align:					right;
}
div#login form input {
	background:					#f2eab2;
	border:						1px solid #f3d68b;
	width:						142px;
	margin-top:					4px;
}
div#login form input:focus {
	background:					#ffa;
}

div#login form input#login-btn {
	width:						51px;
	height:						19px;
	border:						0;
}
div#login form br {
	clear:						both;
}

/** ctoc
------------------------------------------------------------------ */
div#ctoc-wrap {
	background:					transparent url('../images/interface/bg-related-bottom.gif') repeat-y;
	padding-bottom:				30px;
	height: 100%;
}
div#ctoc-wrap br {
	clear: both;
}
div#ctoc {
	background:					transparent url('../images/interface/bg-related-top.gif') top left no-repeat;
	width:						254px;
	float:						left;
	min-height:					150px;
}
div.ctoc_children {
	margin-left: 2em;
}
div.ctoc_item0, div.ctoc_item1, div.ctoc_item2 {
	background:					transparent url('../images/interface/icon-arrow.gif') no-repeat scroll 6px 6px;
	margin:						11px 22px 11px 25px;
	padding-left:				18px;
	padding-bottom:				8px;
	border-bottom: 				1px solid #d6cfa1;
}
div.ctoc_item1 {
	background:					transparent url('../images/interface/icon-arrow-alt.gif') no-repeat scroll 6px 6px;
}
div.ctoc_item1 a {
	color:						#8b2019 !important;
}
div.ctoc_item1 a:hover {
	color:						#B72A21 !important;
}
div.ctoc_item2 {
	background:					transparent url('../images/interface/icon-arrow-alt2.gif') no-repeat scroll 6px 6px;
	font-size: 11px;
}


/* Service directory stylesheet */
body#homepage div#dir-srv-wrap {
	color:						#5a5644;
	padding-bottom:				20px;
	/*float:						left;*/
	/*width:						536px;*/
}

div#dir-srv-wrap h3 {
	text-transform:				uppercase;
}

div#dir-srv-wrap h1 {
	text-transform:				uppercase;
	color:						#b72a21;
	font-weight:				bold;
	font-size:					120%;
}
div#dir-srv-wrap h3, div#dir-srv-wrap h4, div#dir-srv-wrap h5, div#dir-srv-wrap h6 {
	font-weight:				bold;
}

div#dir-srv-wrap h2 {
	margin: 					35px 0 6px 31px;
	font-weight:				bold;
	color:						#b72a21;
	text-transform:				uppercase;
}

body#homepage div#dir-srv-wrap h2 {
	background:					transparent url('../images/h2/what-is-rhealth.gif') no-repeat scroll 0;
	text-indent:				-9999px;
	margin: 					35px 0 6px 31px;
}


