/*

Name:		Bendigo UFS Pharmacies
Designers:	Dale Harris / Chris Stirton
Date:		August 14, 2006

*/

	/* CSS Reset */

	body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
	table {border-collapse:collapse;border-spacing:0;}
	fieldset, img{border:0;}
	h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
	caption, th {text-align:left;}
	h1, h2, h3, h4, h5, h6 {font-size:100%;}
	q:before, q:after {content:'';}
	hr {display:none;}
	

	/* Base Styles */

	html {
		font-size:100%;
		}

	body {
		background:rgb(255,255,255);
		color:rgb(51,51,51);
		font-size:62.5%;	
		font-family:"Lucida Grande", Verdana, Arial, "Lucida Sans Unicode", "Lucida Sans", sans-serif;
		line-height:1.5;
		margin:20px 0;
		text-align:center;
		}


	/* Base Styles: Links */

	a:link, a:visited {
		color:rgb(11,161,238);
		}

	a:hover, a:active {
		color:rgb(11,161,238);
		text-decoration:none;
		}


	/* Base Styles: Headings */
		
	h1, h2, h3, h4, h5, h6 {
		color:rgb(215,5,46);
		font-weight:bold;
		margin-left:20px;
		margin-right:20px;
		}
	
	h1 {
		font-size:1.2em;
		}
	
	h2 {
		font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, "Lucida Sans Unicode", "Lucida Sans", sans-serif;
		font-size:1.8em;
		font-weight:normal;
		line-height:1;
		margin-bottom:5px;
		margin-top:15px;
		}			

	h3 {
		font-size:1.2em;
		}	

	h4 {
		font-size:1.2em;
		}		
	
	h5 {
		font-size:1.2em;
		}

	h6 {
		font-size:1.2em;
		}		
		
		
	/* Base Styles: Block Level Elements (excluding Headings) */
	
	p, ul, ol, dl, address, table {
		font-size:1.1em;
		margin:0 20px 10px 20px;
		}
	
		/*new*/
	
	ul {
		padding:0 0 0 20px;
		}
	
	li {
		padding:0;
		margin:0;
		}
	
	ul.compact li {
		margin-bottom:0;
		}
	
	ul li em {
		color:rgb(102,102,102);
		font-weight:normal;
		}
	
	ul.membership em {
		text-transform:uppercase;
		}
	
	p.note {
		border:1px solid rgb(255,255,153);
		background:rgb(255,255,204);
		padding:4px;
		}
		
	p.conditions {
		color:rgb(153,153,153);
		font-size:1em;
		}
		
	/* Base Styles: Inline Styles */	
	
	em {
		font-style:normal;
		font-weight:bold;
		}
		
	strong {
		font-weight:bold;
		}
		
	em strong,
	strong em {
		font-style:italic;
		font-weight:bold;
		}
		

	/* Wrapper */

	#wrapper {
		position: relative;
		margin:0 auto;
		width:768px;
		text-align:left;
		}


	/* Header */

	#header {
		background:transparent url(../images/bg-header.gif) top left no-repeat;
		height:85px;
		width:768px;
		}

	#header h1 {
		margin:0;
		}
		

	/* Navigation */

	#navigation {
		/*background:transparent url(../images/bg-navigation.gif) top left repeat-y;*/
		float:left;
		padding-bottom:20px;
		width:155px;
		}
	
	#navigation ul {
		/*background:transparent url(../images/bg-navigation-ul.gif) top left no-repeat;*/
		background: transparent url(../images/bg-navigation.gif) top left repeat-y;
		list-style:none;
		margin:0;
		padding:21px 0 15px 0;
		margin-bottom: 10px;
		}
		
	#navigation li {
		display:inline;
		}

	#navigation a {
		display:block;
		/*font-size:0.1em;*/
		height:22px;
		overflow:hidden;
		text-decoration:none;
		text-indent:-9999px;
		width:100%;
		}
	

	#n-01 {background:transparent url(../images/n-home.gif) 0 0 no-repeat;}
	#n-02 {background:transparent url(../images/n-aboutus.gif) 0 0 no-repeat;}
	#n-03 {background:transparent url(../images/n-history.gif) 0 0 no-repeat;}
	#n-04 {background:transparent url(../images/n-community.gif) 0 0 no-repeat;}
	#n-05 {background:transparent url(../images/n-membership.gif) 0 0 no-repeat;}
	#n-06 {background:transparent url(../images/n-productsservices.gif) 0 0 no-repeat;}
	#n-07 {background:transparent url(../images/n-specials.gif) 0 0 no-repeat;}
	#n-08 {background:transparent url(../images/n-newsevents.gif) 0 0 no-repeat;}
	#n-09 {background:transparent url(../images/n-education.gif) 0 0 no-repeat;}
	#n-10 {background:transparent url(../images/n-careers.gif) 0 0 no-repeat;}
	#n-11 {background:transparent url(../images/n-stores.gif) 0 0 no-repeat;}
	#n-12 {background:transparent url(../images/n-contactus.gif) 0 0 no-repeat;}
	#n-13 {background:transparent url(../images/n-links.gif) 0 0 no-repeat;}
	#n-14 {background:transparent url(../images/n-health.gif) 0 0 no-repeat;}

	#navigation a:hover {
		background-position:0 -22px;
		}
		
	#navigation dl {
		margin: 0;
		padding: 0;
	}
	
	#navigation dt {
		width: 100%;
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	
	#subnav-health dt {
		background: transparent url(../images/doyousufferfrom.gif) no-repeat top left;
		height: 25px;
	}
	
	#subnav-health dd a {
		display: block;
		width: 144px;
		background: transparent url(../images/bg-subnav.gif) no-repeat top right;
		color: rgb(215,5,46);
		text-indent: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: right;
		font-size: 10px;
		text-transform: uppercase;
		padding-right: 10px;
		border-right: 1px solid rgb(216,216,216);
		height: auto;
	}
	
	#subnav-health dd a:hover {
		background-position: top right;
		text-decoration: underline;
	}

	body#section-home #navigation #n-01, 
	body#section-aboutus #navigation #n-02,
	body#section-history #navigation #n-03,
	body#section-community #navigation #n-04,
	body#section-membership #navigation #n-05,
	body#section-productsservices #navigation #n-06,
	body#section-specials #navigation #n-07,
	body#section-newsevents #navigation #n-08,
	body#section-education #navigation #n-09,
	body#section-careers #navigation #n-10,
	body#section-stores #navigation #n-11,
	body#section-contactus #navigation #n-12,
	body#section-links #navigation #n-13,
	body#section-health #navigation #n-14 {
		background-position:0 -22px;
		}


	/* Content & related classes:
			.title
			.primary
			.secondary
			.introduction */
	
	#content {
		background:transparent url(../images/bg-content.gif) top left repeat-y;
		float:left;
		position:relative;
		width:613px;
		}
	
	#content .title {
		background:transparent url(../images/bg-content-h2.gif) top left no-repeat;
		height:75px;
		}
		
	#content .title h1 {
		height:75px;
		font-size:0.1em;
		overflow:hidden;
		text-indent:-9999px;
		margin:0;
		}

	body#section-aboutus #content .title h1 {background:transparent url(../images/h1-aboutus.gif) 21px 20px no-repeat;}
	body#section-history #content .title h1 {background:transparent url(../images/h1-history.gif) 21px 20px no-repeat;}
	body#section-community #content .title h1 {background:transparent url(../images/h1-community.gif) 21px 20px no-repeat;}
	body#section-membership #content .title h1 {background:transparent url(../images/h1-membership.gif) 21px 20px no-repeat;}
	body#section-productsservices #content .title h1 {background:transparent url(../images/h1-productsservices.gif) 21px 20px no-repeat;}
	body#section-specials #content .title h1 {background:transparent url(../images/h1-specials.gif) 21px 20px no-repeat;}
	body#section-newsevents #content .title h1 {background:transparent url(../images/h1-newsevents.gif) 21px 20px no-repeat;}
	body#section-education #content .title h1 {background:transparent url(../images/h1-education.gif) 21px 20px no-repeat;}
	body#section-careers #content .title h1 {background:transparent url(../images/h1-careers.gif) 21px 20px no-repeat;}
	body#section-stores #content .title h1 {background:transparent url(../images/h1-stores.gif) 21px 20px no-repeat;}
	body#section-contactus #content .title h1 {background:transparent url(../images/h1-contactus.gif) 21px 20px no-repeat;}
	body#section-links #content .title h1 {background:transparent url(../images/h1-links.gif) 21px 20px no-repeat; }
	body#section-health #content .title h1 {background:transparent url(../images/h1-health.gif) 21px 20px no-repeat; }


	#content .primary {
		background:transparent url(../images/bg-content-primary.gif) top left no-repeat;
		float:left;
		padding:20px 0;
		width:380px;	
		}
		
	#content .secondary {
		background:transparent url(../images/bg-content-secondary.gif) top left repeat-x;
		float:left;
		padding-top:335px;
		width:233px;
		}
		
	#content .secondary h6 {
		display: block;
		background-color: rgb(215,5,46);
		color: rgb(255,255,255);
		font-family: Impact, "Times New Roman", serif;
		text-align: center;
		font-size: 22px;
		margin: 0;
		font-weight: normal;
	}
	
	#content .secondary h5 {
		margin: 0;
		padding: 0;
	}
	
	#img-secondary {
		position:absolute;
		top:10px;
		right:0;
		}
		
	body#section-home #content .secondary p {
		color:rgb(102,102,102);
		font-size:1em;
		}

	#content .introduction {
		color:rgb(215,5,46);
		font-size:1.4em;
		}
		

	/*	Content - Section: Home 
		The "Home" page is quite different to the main template, 
		hence the extra styles required.	*/

	body#section-home #content {
		background:transparent url(../images/bg-content-home.gif) top left repeat-y;
		}
	
	body#section-home #content .title {
		background:transparent url(../images/bg-home-title.gif) top left no-repeat;
		height:132px;
		}

	body#section-home #content .title h1 {
		height:120px;
		}

	body#section-home #content .title h1 {background:transparent url(../images/h1-building.gif) 20px 20px no-repeat;}

	body#section-home #content .primary {
		width:226px;
		}

	body#section-home #content .secondary {
		background:transparent url(../images/bg-secondary-home.gif) top left no-repeat;
		height:auto;
		min-height:0;
		padding-top:220px;
		width:197px;
		}

	#content .news {
		background:rgb(29,47,120) url(../images/bg-news.gif) top left no-repeat;
		float:left;
		padding:40px 0 0 0;
		width:190px;	
		}
		
	#content .news h1 {
		background:transparent url(../images/h1-news-newsevents.gif) top left no-repeat;
		display:block;
		font-size:0.1em;
		height:11px;
		margin-bottom:15px;
		overflow:hidden;
		text-indent:-9999px;
		width:96px;
		}
	
	#content .news h2 {
		font-family:"Lucida Grande", Verdana, Arial, "Lucida Sans Unicode", "Lucida Sans", sans-serif;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.2;
		margin:10px 20px 5px 20px;
		}
	
	#content .news h2 a:link,
	#content .news h2 a:visited {
		color:rgb(255,255,255);
		text-decoration:none;
		}	
	
	#content .news h2 a:hover,
	#content .news h2 a:active {
		text-decoration:underline;
		}
	
	#content .news p {
		color:rgb(210,214,229);
		font-size:1em;
		}

	#content .news p.morenews {
		background:transparent url(../images/bg-morenews.gif) top left no-repeat;
		margin:0;
		padding:10px 20px;
		}


	/*	Footer & related classes:
			.byline
			.copyright
			.details
			.credits	*/
	
	#footer {
		background:transparent url(../images/bg-footer.gif) right 10px no-repeat;
		border-top:1px solid rgb(213,213,213);
		clear:both;
		margin-left:155px;
		padding-top:10px;
		}

	#footer p {
		color:rgb(102,102,102);
		font-size:1em;
		margin-bottom:0;
		}
		
	.credits a:link,
	.credits a:visited {
		color:rgb(102,102,102);
		text-decoration:none;
		}
		
	.credits a:hover,
	.credits a:active {
		text-decoration:underline;
		}
		
	/* Contact form styles */
	#tblcontactform td, #tblcontactform th {
		vertical-align: top;
		padding: 2px 0;
	}
	
	p.error {
		border:1px solid rgb(255,153,153);
		background:rgb(255,204,204);
		padding:4px;	
	}
	
	dt { 
		color:rgb(215,5,46);
		font-weight: bold;
		font-size: 1.2em;
	}
	
	#photos {
		display: block;
		position: absolute;
		/*
		top: -1px;
		right: 154px;
		width: 233px;
		height: 164px;*/
		left: 227px;
		top: 0px;
	}