/******************************************************************************
 *
 * File:	styles/main.css
 * Site:	www.mwhcp.org.au
 *
 * Description:	Contains layout and style for site
 * 		includes colour.css for site colours and images
 *
 * Author:	Nathan Dyer
 * Created:	2009-01-02
 *
 *****************************************************************************/

/*****************************************************************************
 *
 * Layout and style of the template
 *
 ****************************************************************************/

html	{
	height:		100%;
}

body	{
	font-family:		"Arial", "Helvetica", "Verdana", sans-serif;
	background-color:	#FFFFFF;
	color:			#000000;
	position:		absolute;
	margin:			0;
	padding:		0;
	width:			100%;
	font-size:		85%;
	height:			100%; 
}

a	{
	color:			#85CADB;
}

a:hover, a:active {
	color:			#80B7E2;
}

img {
	border:			none;
}

#page_body {
	text-align:		left;
	min-height:		100%;
	position:		relative;
}

/* IE Only filter to get the page the right size */
* html #page\_body {
	height:			100%;
}

#page_header {
	background:		url('/images/bg-header.jpg') no-repeat top left #56AA2E;
	color:			white;
}

#page_main {
	width:			100%;
	text-align:		left;
	background:		#FFFFFF;
	padding-bottom:		2em;
}

#page_content {
	position:		relative;
	text-align:		left; 
	padding:		15px 230px 2em 40px;
}


/*****************************************************************************
 *
 * Layout and Style for the within the header
 *
 ****************************************************************************/
#page_title {
	height:			102px; 
	padding:		0 5px 0 5px; 
}

#page_title img {
	display:		none;
}

#page_title h1 {
	display:		none;
}

/*****************************************************************************
 *
 * Layout and Style for the menus
 *
 ****************************************************************************/
#menu {
	height:			1.5em; 
	background:		url('/images/menu-cnrl.gif') no-repeat bottom left #A8D494; 
	width:			100%;
	position:		relative;
}

#menu div {
	background:		url('/images/menu-cnrr.gif') no-repeat bottom right; 
	position:		absolute;
	right:			0;
	width:			100%;
	bottom:			0;

}

#menu ul {
	font-size:		90%; 
	list-style:		none;
	text-align:		center;
	margin:			0;
	padding:		0 0 0 2em;
	left:			0; 
}

#menu a {
	display:		block; 
	margin:			0px;
	padding:		2px 3px;
	color:			#512879;
	text-decoration:	none;
}

#menu a:hover {
	color:			#9899CD;
}

#menu li {
	float:			left;
	position:		relative;
	padding-right:		1.5em; 
}

#menu ul li ul {
	display:		none; 
} 
#menu ul li ul li {
	margin:			0 auto;
}  

/*****************************************************************************
 *
 * Layout and Style for sidebar
 *
 ****************************************************************************/
#page_sidebar {
	width:			200px;
	position:		absolute;
	top:			0;
	right:			0;
	padding:		15px 20px 0 10px;
	margin:			0;
}

.page_sideentry {
	background:		url('/images/bg-sideentry.gif') no-repeat bottom right #DCEDD5;
	margin-bottom:		5px;
	padding:		0;
	border-top:		1px solid #D8D8EC; /*#D8D8EC;*/
	border-left:		1px solid #D8D8EC;
	border-bottom:		1px solid #3E3E47;
	border-right:		1px solid #3E3E47;
}

.page_sideentry h4 {
	background-color:	#A8D494;
	padding:		0 0 0 10px;
	margin:			0;
}

.page_sideentry p, .page_sideentry  div {
	padding-left:		10px;
}

.page_sideentry img {
	width:			198px;
	display:		block;
	padding:		0;
	margin:			0;
}

#con_info {
	font-size:		80%;
}

.con_hours span {
	width:			2.5em;
	display:		block;
	float:			left;
}

#page_summary h3 {
	clear:			both;
}

#page_summary .right {
	font-size:		80%;
}
/*****************************************************************************
 *
 * Layout and Style for contact forms
 *
 ****************************************************************************/

label {
	width:		10em;
	margin-right:	5px;
	text-align:	right;
	display:	block;
	float:		left;
}

textarea {
	width:		25em;
	padding:	0;
}

input {
	width:		15em;
	padding:	0;
}

#form p
{
	margin:		5px;
}

.submit input {
	width:		auto;
	margin-left:	5px;
	padding:	0px 5px;
}

.error {
	margin-bottom:		1em;
	padding:		10px 3em;
	border:			1px solid #E90000;
	background-color:	#F0A3A3;
}

.warning {
	margin-bottom:		1em;
	padding:		10px 3em;
	border:			1px solid #E9C900;
	background-color:	#F0E0A3;
}

.ok {
	margin-bottom:		1em;
	padding:		10px 3em;
	border:			1px solid #00E900;
	background-color:	#A3F0A3;
}

/*****************************************************************************
 *
 * Layout and Style for caption boxes within page
 *
 ****************************************************************************/
.left {
	display:	block;
	float:		left;
	padding-right:	10px;
}

.right {
	display:	block;
	float:		right;
	padding-left:	10px;
}

.normal {
	clear:		both;
}

/*****************************************************************************
 *
 * Search results
 *
 ****************************************************************************/
.dbres {
	display:	block;
	clear:		both;
	position:	relative;
}

.dbres img {
	float:		left;
	width:		100px;
	height:		75px;
	border:		0;
	display:	block;
}

.dbedit {
	clear:		both;
	float:		right;
}

.dbedit span {
	padding-left:	0.5em;
}

.dbtitle span {
	display:	block;
	float:		left; 
}

.dbname {
	width:		15em;
}

.dbdetail {
	padding-left:	1em;
	font-size:	80%;
	display:	block;
	float:		left; 
}

.dbdetail span {
	padding-right:	15px;

} 

/*****************************************************************************
 *
 * other
 *
 ****************************************************************************/

.udethead {
	width:		5.5em;
	display:	block;
	float:		left;
}

#userdet div {
	clear:		both;
}

.required {
	font-weight:	bold;
}

.inlineform label, .inlineform input {
	float:		none;
	display:	inline;
	width:		auto;
}

.inlineform span {
	margin-right:	1em;
}

.fieldnote {
	position:	relative;
	right:		0;
	padding-left:	10px;
	font-size:	75%;
}

/*****************************************************************************
 *
 * staff display
 *
 ****************************************************************************/
.staff {
	padding:		0 0 1em 10px;
	float:			left;
}

.sname {
	font-size:		110%;
	color:			#9A009A;
}

.sphoto {
	float:			left;
}

.sphoto div {
	text-align:		center;
}

.sinfo {
	text-align:		left;
}

#staff_disp {
	text-align:		center;
}

.image_item {
	padding:	5px;
/*	border:		1px solid #D8D8EC; */
	margin:		5px;
	text-align:	center;
	display:	block;
	float:		left;
}

.image_item img {
	display:	block;
}

.image_item a {
	padding-left:	10px;
}

.image_list {
	clear:		both;
	display:	block;
}

/*****************************************************************************
 *
 * blog display
 *
 ****************************************************************************/
.blog_comment {
	background:		#DCEDD5;
	margin:			0 0 5px 0;
	padding:		0;
	border-top:		1px solid #D8D8EC;
	border-left:		1px solid #D8D8EC;
	border-bottom:		1px solid #3E3E47;
	border-right:		1px solid #3E3E47;
}

.blog_comment h4 {
	background-color:	#A8D494;
	padding:		0 0 0 10px;
	margin:			0 0 5px 0;
}

.blog_title h2 {
	padding:		0;
	margin:			0;
}

.blog_comment div {
	padding:		0 0 0 10px;
}

.blog_comment div div {
	padding:		0;
}

.blog_info {
	font-size:		90%;
}

.blog_summary .right {
	font-size:	80%;
}

.blog_summary h3 {
	margin:			0 0 5px 0;
}

.file_list {
	clear:		both;
	width:		80%;
	display:	block;
}

.page_file {
	text-align:	center;
	width:		auto;
}

.page_file img {
	display:	block;
	margin:		0 auto;
}