/*
		Styles by gavjof
		www.gavjof.com
		
	\\ SCREEN.CSS (for Front End Styles) //
*/

body { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%; /* 12pt 16px 1em */
	color: #000;
	background: #bfafa0 url(/images/chp-group-background.gif) repeat-x;
	margin: 10px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link {
	color: #000;
}
a:visited {
	color: #983222;
}
a:active {
	color: #983222;
}
a:hover {
	color: #983222;
}
/* Page Headings */
h1  	{font-size:1.4em; color: #000;} /* 13pt 17px */
h2  	{font-size:1.25em; color: #5b6334;} /* 11pt 15px */
h3  	{font-size:1.083em;} /* 10pt 13px */
h3 p { margin:0px; padding:0px; }
form {margin: 0;}

blockquote 	{
	font-style:italic;
	color: #666;
	padding-left: 10px;
	font-size: 1.2em;
}

abbr				{}
acroynm			{}
cite				{}
address			{}
strong			{}
em					{}

input, textarea, select{
	border: 1px solid #999;
}
.form_submit{
	color: #FFF;
	background: #665546;
	border: 2px outset #999;
	padding:2px;
}
a.form_submit {
	color: #CCCCCC;
	background: #665546;
	border: 2px outset #999;
	padding: 2px 5px 2px 5px;
	font-weight:bold;
	text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ===================================================================================================== */
/* PAGE WRAP SURROUNDS EVERYTHING SO ALL FONT SIZE CALCULATIONS NEED TO BE DONE FROM THIS STARTING POINT */
/* ===================================================================================================== */

#pageWrap{
	width: 800px;
	margin: 30px auto;
	font-size: .75em; /* 9pt 12px */
}
#topNav{
	margin: 0 10px 0 0;
	font-size: .833em; /* 7.5pt 10px */
}
#banner{
	clear: both;
	height: 197px;
	position: relative;
}
#searchBar{
	background: #5b6334;
	color: #FFF;
	padding: 5px;
	text-align: right;
}
#main{
	background: #FFF;
}
#breadcrumbs{
	margin: 0px 230px 10px 10px;
	padding-top: 10px;
	font-size: .833em; /* 7.5pt 10px */
	color: #999999;
}
#sidebar{
	float: right;
	background: url(/images/find-a-practitioner.gif) no-repeat top right;
	width: 216px;
	height: 327px;
	font-style:italic;
}
#sidebar_nq{
	float: right;
	background: url(/images/find-a-practitioner-nq.gif) no-repeat top right;
	width: 216px;
	height: 327px;
}
#sidebar #attrib {
font-style:normal;
font-weight:bold;
text-align:right;
margin-right:50px;
}


#sidebar p {
padding-left:50px;
}

#mainContent{
	margin: 20px 0 0 20px;
	width: 540px;
}
#mainContentNoSidebar{
	margin: 20px;
	}
#footer{
	background: #5b6334;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	font-size: .833em; /* 7.5pt 10px */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.topNavWrapper{
	margin-right: 10px;
	text-align: right;
}
.topNavLight{
	color: #665546;
	background: url(/images/chp-group-topnav-light.gif) no-repeat;
	padding: 5px 5px 5px 15px;
}
.topNavLightEnd{
	color: #665546;
	background: url(/images/chp-group-topnav-light-end.gif) no-repeat top right;
	padding: 5px 2px;
}
.topNavLight a:link, .topNavLight a:visited, .topNavLight a:active {
	color: #665546;
	text-decoration: none;
}
.topNavLight a:hover {
	color: #665546;
	text-decoration: underline;
}
.topNavDark{
	background: url(/images/chp-group-topnav-dark.gif) no-repeat;
	padding: 5px 5px 5px 15px;
}
.topNavDarkEnd{
	background: url(/images/chp-group-topnav-dark-end.gif) no-repeat top right;
	padding: 5px 2px;
}
.topNavDark{
	color: #FFF;
	background: url(/images/chp-group-topnav-dark.gif);
	padding: 5px 5px 5px 10px;
}
.topNavDark a:link, .topNavDark a:visited, .topNavDark a:active {
	color: #FFF;
	text-decoration: none;
}
.topNavDark a:hover {
	color: #FFF;
	text-decoration: underline;
}
.bannerLink{
	display: block;
	width: 100%;
	height: 150px;
}
.tagline{
	position: absolute;
	top: 50px;
	left: 190px;
	width: 180px;
	text-align: center;
}
.tagline h1{
	font-size: 1.07em;
	font-style:italic;
	color: #999999;
	font-weight: bold;
}
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
	color: #999999;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #999999;
	text-decoration: underline;
}

.findAPractitionerLink{
	display: block;
	width: 216px;
	height: 190px;
	text-decoration: none;
}
.quote{
	color: #5b6334;
	width:175px;
	height:100px;
}
.quotetext{
	background: url(/images/chp-group-quote-end.gif) no-repeat bottom right;
	padding: 0 30px;
	font-style:italic;
}
.quoteBy{
	text-align: right;
	margin-top: 20px;
}
.footerRoundedCornerLeft{
	background: url(/images/chp-group-footerbg-left.png) no-repeat bottom left;
}
.footerRoundedCornerRight{
	background: url(/images/chp-group-footerbg-right.png) no-repeat bottom right;
}
#footer p{
	margin: 0;
	padding: 0;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
.paragraphStart{
	font-size:1.05em; /* 11.5pt 15.5px */
	font-weight: bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Box Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.boxA{
	background: #ddd5ce url(/images/chp-group-boxLineBackground.gif) no-repeat top left;
}
.boxB{
	background: #c8bbb0 url(/images/chp-group-boxLineBackground.gif) no-repeat top left;
}
.boxC{
	background: #beaea0 url(/images/chp-group-boxLineBackground.gif) no-repeat top left;
}
.boxD{
	background: #a99582 url(/images/chp-group-boxLineBackground.gif) no-repeat top left;
}
.boxContent{
	margin: 5px 10px 0 40px;
margin-top:0px;
}
.boxContent p{
	margin: 0 0 5px 0;
}
.boxCornerTopLeft{
	background: url(/images/chp-group-roundedCornerWhite-topLeft.png) no-repeat top left;
	width: 100%;
}
.boxCornerTopRight{
	background: url(/images/chp-group-roundedCornerWhite-topRight.png) no-repeat top right;
	margin: 0 0 0 35px;
}
.boxCornerTopRight h3{
	padding-top: 5px;
	margin-bottom: 15px;
}
.boxCornerBottomLeft{
	height: 12px;
	width: 100%;
	background: url(/images/chp-group-roundedCornerWhite-bottomLeft.png) no-repeat bottom left;
}
.boxCornerBottomRight{
	background: url(/images/chp-group-roundedCornerWhite-bottomRight.png) no-repeat bottom right;
}
.boxSmall{
	width: 240px;
	height: 190px;
	position: relative;
}
.boxCornerBottomLeftSmall{
	width: 100%;
	background: url(/images/chp-group-roundedCornerWhite-bottomLeft.png) no-repeat bottom left;
	position: absolute;
	bottom: 0;
}
.floaty{
	float: left;
	height: 190px;
	margin: 0 20px 20px 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Search Box in banner */
#search_box {
	color: #fff;
}
#search_box fieldset {border:0;margin:0;padding:0;}
#search_box legend, #search_box label {display:none;}

#search_string {
	width: 100px;
	height: 16px;
	font-size: 90%;
	vertical-align: top;
	border: 1px inset #ccc;
	color:#999999;
}
#search_submit {
	width: 50px;
	height: 20px;
	font-size: 90%;
	vertical-align: middle;
	padding: 0 0 4px 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {
	width: auto;
	display:block;
	clear:both;
	position: absolute;
	bottom: -1px;
}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;background:#555;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	padding:0;
}
#nav ul {
	list-style-type: none; 
	margin: 0 0 0 10px; 
	padding: 0; 
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {float: left; margin-left: 2px; color: #fff; text-align: center; font-weight: normal;background: url(/images/chp-group-nav-off-start.gif) no-repeat;} /*top level normal*/
#nav ul li a {padding: 5px 0 5px 0; display: block; color: #fff; text-decoration: none; background: url(/images/chp-group-nav-off-start.gif) no-repeat top left;}
#nav ul li a span {margin-left: 10px; padding: 5px 10px 5px 0; background: url(/images/chp-group-nav-off-end.gif) no-repeat top right;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background: url(/images/chp-group-nav-on-start.gif) no-repeat top left;} /*top level hover*/
#nav ul li a:hover span, #nav li a:focus span {background: url(/images/chp-group-nav-on-end.gif) no-repeat top right;}

/* Current page Customisations*/
#nav li.menu-current a {background: url(/images/chp-group-nav-on-start.gif) no-repeat top left;}
#nav li.menu-current a span {background: url(/images/chp-group-nav-on-end.gif) no-repeat top right;} 
#nav li.menu-parent a {background: url(/images/chp-group-nav-on-start.gif) no-repeat top left;}
#nav li.menu-parent a span {background: url(/images/chp-group-nav-on-end.gif) no-repeat top right;} 

/* 2nd Child menu */
#nav .menu li ul {position: absolute; z-index: 10; width: 12em; margin: 0; padding: 0; display: none; text-transform: none; border: 1px solid #000; border-top: 0px; font-size: 100%;}
#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul a {width: 11em; padding: .5em; background: #665546; color: #fff; border: 0;}
#nav .menu li ul a span {background: transparent;margin: 0; padding: 0;}


/* 2nd Child link hover */
#nav .menu li ul a:hover {background: #5b6334; border: 0;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}




/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* Customise the Login Box */
#login-box { background: #eee; text-align: center;	line-height: 140%; margin: 1em 0 0.3em 0; border: 1px solid #ddd;}
#login-box fieldset {border:0;text-align:center;}
#login-box legend		{
	font-size: 90%;
	text-transform: uppercase;
	font-family:"Times New Roman", Times, serif;
	color: #333;
	font-weight: normal;
	letter-spacing: 0.15em;
}
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {font-size:0.8em;padding:2px;}

#login-box input {
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0px 1px 0px;
	width: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */



/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */

.important	{font-weight:bold;color:#f00;}
.code				{font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}

.info-box		{border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}

.clearBoth{
	clear: both;
}
.floatRight{
	float: right;
}

.disclaimer { 
font-size:11px;
color:#999999;
font-style:italic;
padding-left:15px;
}