@charset "utf-8";
/*	H&R Healthcare CSS DEFINIITIONS
	===================================

	Born:		24/03/2010

	Last Edit:	17/06/2010
	
	version:		2.5


	CONTENTS

	========
	
	COMMENTS
	
	========
	
	Trial definitions for the home page and main content pages
	CSS, 2 columns with backgrounds that will be equal height with a footer that floats below colums but will not push to bottom of screen on short content. 
	======= */

/* =============================================== */
/* ==========  Text Style Definiations  ========== */		/* OK As 18 June 2010 */
/* =============================================== */

body, h1, h2, h3, h4, h5, h6, p, ul, ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#000000;
	text-align:left;
}

p, ul, ol {
	margin-top: 0;
	line-height: 140%;
	font-size:1.1em;
}

li p, li {
	font-size:1em;
}

h1, h2, h3, h4{
	margin: 12px 0 0 0;
	padding: 0;
	font-weight:bold;
	color:#003366;
}
/*
h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #FF8000;
}
*/
h1 {
	font-size:2.0em;
	margin: 1em 0 1em 0;
}
h2 {
	font-size:1.6em;
	margin: 1em 0 0.4em 0;
}
h3 {
	font-size:1.4em;
	margin: 1em 0 0.2em 0;
}

h4 {
	font-size:1.20em;
}
/*
h5 {
	font-size:1.15em;
}
h6 {
	font-size:1em;
}
*/

.faq li {
	color:#003366;
	font-weight:bold;
}
.faq p {
	color:#000000;
	font-weight:normal;
}

img {
	margin:1em;
	border:0;
}

/* ========================================== */
/* ======  Main Container Definitions  ====== */		/* OK As 17 June 2010 */
/* ========================================== */

html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	background-color:#E0E0E0;
	background-image:url(images/body-bg.gif);
	background-repeat:repeat-x;
	width:960px;
	margin:auto;
}
#container {
	min-height:100%;
	position:relative;
	padding:0;
	background-color:#FFFFFF;
}
/* ========================================== */
/* ======  Masthead Container Contents ====== */		/* OK As 17 June 2010 */
/* ========================================== */
/* This wraps all elements in the masthead section - logo and top menu */

#masthead {
	width:100%;
	height:98px;
	margin:0;
	padding:0;
	background: #FFFFFF;
}
/* ====== Logo ====== */
#logo {
	width:auto;
	height:auto;
	margin:0px;
	padding:15px;
}
/* ====== Top Menu Containter ====== */
.topmenu {
	float:right;
	height:auto;
	margin:10px;
	padding:0;
	max-width: 580px;
	background:#FFFFFF;
}
.topmenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.topmenu li {
	float:left;
	margin: 0;
	padding:0px 5px 0px 5px;
	font-size:0.9em;
	border-right:1px solid #FF8000;
}
li.nodivide {
	border-right:none !important;
	padding-right:0px !important;
}
/* =========================================== */
/* ========  Header Container Conents ======== */		/* OK As 17 June 2010 */
/* =========================================== */
/* This wraps all elements in the header section - main nav & banner */

#header {
	margin:0;
	padding:0px;
	background:#FFFFFF;
}
/* ====== Main Navigation ====== */ 
.mainnav {
	width:95%;
	height:auto;
	margin: 0 auto;
	padding:0;
	background:#FFFFFF;
}
.mainnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.mainnav li {
	float:left;
	margin:1px;
}
.mainnav li a {
	display:block;
	width:120px;
	height:35px;
	line-height:2.3;
	background-image:url(images/tab.gif);
	background-color:#666666;
	font-weight:bold;
	font-size:1.1em;
	color:#ffffff;
	text-align:center;
	padding:0px;
	text-decoration:none;
	text-transform:uppercase;
}
/*
.mainnav li a:visited {
	background-image:none;
}
*/
.mainnav li a:hover {
	background-image:url(images/active_tab.gif);
}
#activetab a {
	background-image:url(images/active_tab.gif);
}
/* ====== Banner ====== */
#bannercontainer {
	width:100%;
	height:260px;
	margin:0px;
	padding:0px;
	background-color:#FF8000;
	position:relative;
}
.banner {
	position:absolute;
	top:7px;
	left:0px;
	height:100%;
}
.banner img {
	/*width:90%;
	height:90%;*/
	margin:auto;
}

/* ============================================ */
/* ======= Content Boxes and Containers ======= */		/* OK As 18 June 2010 */
/* ============================================ */


/*===== Text Boxes =====*/

.textbox {
	margin:auto;
	margin-right:15em;
	width:auto;
	padding:0.5em;
	height:auto;
	background:#FFFFFF;
}

.textboxleft { /* Floats left image floats left */
	margin:2em;
	margin-right:15em;
	width:auto;
	padding:0.5em;
	height:auto;
	background:#FFFFFF;
}

.textboxleft img {
	float:left;
	margin:4em;
	/* border:0.5px solid #003366; */
}

.textboxright { /* text box with image floated right*/
	margin: auto;
	margin-right:15em;
	width:auto;
	padding:0.5em;
	height:auto;
	background:#FFFFFF;
}

.textboxright img {
	float:right;
	margin-left:2em;
	/* border:0.5px solid #003366; */
}

/*====== Download Listing Box ======*/

.downloadbox {
	clear:both;
	width:90%;
	float:left;
	background:#FFFFFF;
	border-bottom: solid 1px #FF8000;
}
.downloadbox img {
	float:left;
	margin:0.5em;
	border: solid 1px #666666;
}
.downloadimage-port {
	height:90px;
}
.downloadimage-land {
	width:125px;
}
.downloadbox-text {
	margin: 1em 14em 1em 16em;
}



/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */
/* =============  ITEMS BELOW THIS LINE ARE IN PROCESS OF BEING CHECKED  ============= */	
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */

/* ============================================ */
/* ======= Content Boxes and Containers ======= */
/* ============================================ */

/*===== Home Page Boxes ======*/


.autobox { /*auto height and auto width,*/
	width:auto;
	height:auto;
	padding:10px;
	text-align:left;
	background:#FFFFFF;/*border: solid 1px #FF6600;*/
}

/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */
/* ==================  ITEMS BELOW THIS LINE HAVE NOT BEEN CHECKED  ================== */	
/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */
#body {
	/* padding-bottom:150px;/* Height of the footer */
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	background:#FFFFFF;
}
#page {
	float:left;
	width:100%;
	position:relative;
	right:70%;
}
#leftcol {
	float:left;
	width:30%;
	position:relative;
	left:70%;
	overflow:hidden;
}
#sidebar {
	overflow:hidden;
	width:80%;
	margin:auto;
	padding-top:3em;
}
#maincontent {
	float:left;
	width:70%;
	position:relative;
	left:70%;
	overflow:hidden;
}
/* ====== Sub Navigation ====== */

.subnav {
	width:85%;
	height:auto;
	margin:auto;
	padding:0px;
	background:#FFFFFF;
}
.subnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.subnav li {
	display:block;
	margin: 10px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	border-right:1px solid #FFFFFF;
}
.subnav li a {
	color:#FF8000;
	font-weight:bold;
}
.subnav li a:hover {
	text-decoration:underline;
}
li.nodivide {
	border-right:none !important;
	padding-right:0px !important;
}
#footer {
	visibility:hidden;
	position:absolute;
	bottom:0;
	width:100%;
	height:150px;   /* Height of the footer */
	background-color:#FF8000;
}

/* ======================================== */
/* ======  Initial Link Definitions  ====== */
/* ======================================== */

a {
	text-decoration:none;
}
a:link, a:visited {
	color:#666666;
}
a:hover {
	color:#333333;
	font-weight: bold;
	font-size:1.2em;
}
a:active {
	color:#666666;
}