/*

	This website was created by Natural Graphic

	Copyright:	2008 Natural Graphic Ltd All rights reserved
	Author(s):	Alex Traylen
	Web:		www.naturalgraphic.co.uk
	Email:		talk [at] naturalgraphic.co.uk
	Phone:		+44 (0) 20 7241 2264

*/





/* -----------------------------------
+
+
+	General
+
+
----------------------------------- */

html,
body
		{
			background-color:#fff;
			line-height:120%;
			font-family:
				helvetica,
				arial,
				verdana,
				sans-serif;
			height:100%;					/* needed for container min-height */
			color:#333;
		}

.clearer
		{
			line-height:1px;
			font-size:1px;
			clear:both;
		}





/* -----------------------------------
+
+
+	Typography
+
+
----------------------------------- */

h1
		{
			font-weight:bold;
			margin:0 0 1em 0;
			line-height:115%;
			font-size:105%;
			color:#000;
		}
		
h2
		{
			line-height:130%;
			font-size:105%;
			color:#002663;
		}
		
h3
		{
			margin:0 0 1em 0;
			line-height:115%;
			font-size:100%;
			color:#333;
		}
		
p
		{
			margin:0 0 1em 0;
		}
		
.caption
		{
			margin:0.3em 0 0 0;
			font-size:70%;
			color:#002663;
		}
		
.small
		{
			font-size:80%;
			color:#333;
		}
		
.green
		{
			color:#679B80;
		}
		
.greenbold
		{
			font-weight:bold;
			color:#679B80;
		}
		
.quote
		{
			line-height:120%;
			padding:0 30px;
			font-size:120%;			
			color:#679B80;
		}
		
.quote img
		{
			float:left;
			margin:0 20px 5px 0;
		}
		
		
		
		
/* -----------------------------------
+
+
+	Links
+
+
----------------------------------- 
	
a
		{
		color:#78BDE8;
		}
		
a:active
		{
		color:#000;
		}
		
a:visited
		{
		color:#78BDE8;
		}
		
a:hover
		{
		color:#000;
		}

*/



/* -----------------------------------
+
+
+	General containers
+
+
----------------------------------- */

#container
		{
			position:relative;				/* needed for footer positioning*/
			height:100%;					/* IE6: treated as min-height*/
			height:auto !important;			/* real browsers */
			min-height:100%;				/* real browsers */
		}
	
#header
		{
			background:transparent url(../img/backgrounds/bg-top.png) top left repeat-x;
		}

#logoholder
		{
			text-align:center;
			margin:0 auto;
			width:960px;
		}

#content
		{
			padding:20px 0 280px 0;	/* bottom padding for footer */
			margin:0 auto;
			width:960px;
		}

#mainimage
		{
			margin:0 10px;
		}
		
#quicklinks
		{
			border-bottom:#cdcdcd solid 1px;
			border-top:#cdcdcd solid 1px;
			background-color:#ececec;
			width:220px;
			float:left;
		}
		
#quicklinks h2
		{
			margin:10px 0 0 10px;
		}
		
#quicklinks select
		{
			margin:10px 0 0 10px;
			width:200px;
		}

#quicklinks p
		{
			margin:15px 10px;
			font-size:76%;
		}

#subnavigation #login
		{
			width:200px;
		}
		
#subnavigation #login fieldset input
		{
			width:172px;
		}
		
#login
		{
			border-bottom:#cdcdcd solid 1px;
			border-top:#fff solid 1px;
			background-color:#ececec;
			margin-bottom:30px;
			width:220px;
			float:left;
		}
		
#login fieldset
		{
			margin:10px;
		}
		
#login fieldset legend
		{
			padding-bottom:10px;
		}
		
#login fieldset label
		{
			color:#679b80;
			font-size:76%;
		}
		
#login fieldset input
		{
			
			border:#ccc solid 1px;
			margin:1px 0 7px 0;
			background:#fff;
			font-family:
				helvetica,
				arial,
				verdana,
				sans-serif;
			width:192px;
			height:18px;
			padding:3px;
		}
		
#login fieldset input#loginbutton
		{
			background:#679b80;
			font-family:
				helvetica,
				arial,
				verdana,
				sans-serif;
			font-size:76%;
			margin:5px 0;
			height:30px;
			width:60px;
			color:#fff;
			border:0;
		}
		
.datapanel
		{
			border-bottom:#cdcdcd solid 1px;
			border-top:#cdcdcd solid 1px;
			background-color:#ececec;
			margin-bottom:20px;
			width:220px;
			float:left;
		}
		
.datapanel p
		{
			padding:10px 10px 0 10px;
			line-height:120%;
			font-size:80%;
		}





/* -----------------------------------
+
+
+	Grid
+
+
----------------------------------- */

/* Columns */

.column60px,
.column140px,
.column220px,
.column460px,
.column540px,
.column700px,
.column940px
		{
			margin:20px 10px 0 10px;
			float:left;
		}
		
.column60px
		{
			width:60px;
		}
		
.column140px
		{
			width:140px;
		}

.column220px
		{
			width:220px;
		}
		
.column460px
		{
			width:460px;
		}

.column540px
		{
			width:540px;
		}

.column700px
		{
			width:700px;
		}
		
.column940px
		{
			width:940px;
		}

/* Wrappers */

.wrapper480px,
.wrapper720px
		{
			float:left;
		}
		
.wrapper480px
		{
			width:480px;
		}
		
.wrapper720px
		{
			width:720px;
		}
		
		
		
		
/* -----------------------------------
+
+
+	Lists
+
+
----------------------------------- */

.wrapper720px ul
		{
			color:#679b80;
		}
		
.wrapper720px ul li
		{
			margin:0 0 15px 0;
			line-height:115%;
		}
		
.wrapper720px ul li ul
		{
			margin:15px 0 0 15px;
		}
				
.wrapper720px ul li ul li
		{
			margin:0 0 10px 0;
			font-size:86%;
			color:#666;
		}
		
.sitemap ul li
		{
			padding-bottom:20px;
			line-height:180%;
			font-size:86%;
		}

.sitemap ul li ul li
		{
			padding-bottom:0;
			padding-left:20px;
			font-size:96%;
		}




/* -----------------------------------
+
+
+	Footer
+
+
----------------------------------- */

#footer
		{
			border-top:#c0e7cf solid 1px;
			background:#eef9f2;
			padding:0 0 30px 0;
			position:absolute;
			font-size:76%;
			width:100%;
			bottom:0;						/* stick to bottom */
		}

#footer #footerlinks
		{
			margin:0 auto 20px auto;
			width:960px;
		}
		
#footer #footerlinks a
		{
			text-decoration:none;
			color:#679b80;
		}
		
#footer #footerlinks a:active
		{
			color:#000;
		}
		
#footer #footerlinks a:visited
		{
			color:#679b80;
		}
		
#footer #footerlinks a:hover
		{
			color:#000;
		}
		
#footer #footerlinks ul
		{
			margin:7px 0 0 10px;
		}
		
#footer #footerlinks ul li
		{
			line-height:120%;
			padding:3px 0;
		}
		
#footer #footercontent
		{
			border-top:#c0e7cf solid 1px;
			margin:0 auto;
			width:940px;
			color:#aaa;
		}
		
#footer #footercontent #copyright
		{
			margin:20px 0 0 0;
			float:left;
		}
		
#footer #footercontent #credit
		{
			margin:20px 0 0 0;
			float:right;
		}
		
#footer #footercontent a
		{
			text-decoration:none;
			color:#aaa;
		}
		
#footer #footercontent a:active
		{
			color:#000;
		}
		
#footer #footercontent a:visited
		{
			color:#aaa;
		}
		
#footer #footercontent a:hover
		{
			color:#000;
		}
		
		



/* -----------------------------------
+
+
+	Warnings
+
+
----------------------------------- */

#iewarning
		{
			border-bottom:#ebb solid 1px;
			background:#fcc;
			display:none;
		}

#iewarning p
		{
			text-align:center;
			line-height:160%;
			padding:20px 0;
			margin:0 auto;
			font-size:86%;
			width:940px;
			color:#c00;
		}




/* -----------------------------------
+
+
+	Main navigation
+
+
----------------------------------- */
		
#mainnavigation
		{
			text-align:center;
			margin:0 auto;
			width:960px;
			height:70px;
		}
		
#mainnavigation ul
		{
			padding:26px 0 0 0;
			text-align:center;
			margin:0 auto;
			height:44px;
		}
		
#mainnavigation ul li
		{
			display:inline;
			margin:0 5px;
		}

#mainnavigation ul li a
		{
			padding:5px 8px 15px 8px;
			text-decoration:none;
			line-height:34px;
			color:#679b80;
		}

#mainnavigation ul li a:hover
		{
			background-color:#ACE0C9;
			padding-bottom:8px;
		}
		
#mainnavigation ul li a.active,
#mainnavigation ul li a.active:active,
#mainnavigation ul li a.active:visited,
#mainnavigation ul li a.active:hover
		{
			background-image:url(../img/backgrounds/bg-pointer.png);
			background-position:center bottom;
			background-repeat:no-repeat;
			background-color:#ACE0C9;
			padding-bottom:15px;
		}
		
		



/* -----------------------------------
+
+
+	Sub navigation
+
+
----------------------------------- */	

ul#subnav
		{
			border-bottom:#AADFBE solid 1px;
			background:#E7F4ED;
			width:200px;
		}
		
ul#subnav li
		{
			padding:0;
			line-height:40px;
		}
		
ul#subnav li span
		{
			display:block;
		}		
		
ul#subnav li a
		{
			border-bottom:#E7F4ED solid 1px;
			border-top:#E7F4ED solid 1px;
			padding:8px 10px 8px 10px;
			text-decoration:none;
			line-height:120%;
			display:block;
			color:#679B80;
			width:180px;
		}
		
ul#subnav li.first
		{
			background-image:url(../img/backgrounds/bg-subnav-top.png);
			border-bottom:#fff solid 1px;
			background-repeat:no-repeat;
			padding:0 0 0 10px;
			line-height:40px;
			color:#002663;
		}
		
ul#subnav li a:hover
		{
			background-image:url(../img/backgrounds/bg-subnav-active-green.png);
			background-repeat:repeat-y;
			width:180px;
		}
		
ul#subnav li.active,
ul#subnav li.open
		{
			background-image:url(../img/backgrounds/bg-subnav-active-green.png);
			border-bottom:#AADFBE solid 1px;
			border-top:#AADFBE solid 1px;
			background-repeat:repeat-y;
			width:200px;
		}
		
ul#subnav li.active a,
ul#subnav li.open
		{
			border:0;
		}
				
ul#subnav li.active span,
ul#subnav li.open span
		{
			background-position:center right;
			background-repeat:no-repeat;
			width:208px;
		}
		
ul#subnav li.active span
		{
			background-image:url(../img/backgrounds/bg-subnav-active-green-pointer.png);
		}
		
ul#subnav li ul
		{
			border-bottom:#dadada solid 1px;
			background-color:#eee;
			font-size:86%;
			width:200px;
		}
		
ul#subnav li ul li.active
		{
			background-image:url(../img/backgrounds/bg-subnav-active-grey.png);
			border-bottom:#cbcbcb solid 1px;
			border-top:#cbcbcb solid 1px;
			background-repeat:repeat-y;
			width:200px;
		}
		
ul#subnav li ul li.active span
		{
			background-image:url(../img/backgrounds/bg-subnav-active-grey-pointer.png);
			background-position:center right;
			background-repeat:no-repeat;
			width:208px;
		}
			
ul#subnav li ul li a
		{
			border-bottom:#eee solid 1px;
			border-top:#eee solid 1px;
			padding:0 0 0 20px;
			line-height:28px;
			width:180px;
			color:#666;
		}
		
ul#subnav li ul li a:hover
		{
			background-image:url(../img/backgrounds/bg-subnav-active-grey.png);
			background-repeat:repeat-y;
			width:180px;
		}
		




/* -----------------------------------
+
+
+	Tables
+
+
----------------------------------- */	

table
		{
			border-bottom:#AADFBE solid 1px;
			margin-bottom:20px;
			text-align:left;
			width:100%;
		}
		
th
		{
			border-bottom:#AADFBE solid 1px;
			white-space:nowrap;
			font-weight:bold;
			font-size:80%;
			color:#679B80;
			padding:3px;
		}
		
th.day
		{
			border-bottom:#AADFBE solid 1px;
			background:#AADFBE;
			font-weight:normal;
			font-size:80%;
			color:#333;
			padding:6px;
		}
		
td
		{
			font-size:86%;
			padding:3px;
		}
		
td.right,
th.right
		{
			text-align:right;
		}

td.nowrap,
th.nowrap		
		{
			white-space:nowrap;
		}
		
tr.colouredrow th,
tr.colouredrow td
		{
			background:#ececec;
		}
		
		
		
		
		
/* -----------------------------------
+
+
+	Google Maps
+
+
----------------------------------- */	

#mapcanvas0,
#mapcanvas1,
#mapcanvas2
		{
			margin:30px 0 0 0;
			height:220px;
			width:220px;
		}
		
#mapform,
#mapform0,
#mapform1,
#mapform2
		{
			border-bottom:#cdcdcd solid 1px;
			border-top:#fff solid 1px;
			background-color:#ececec;
			margin-bottom:30px;
			width:220px;
			float:left;
		}
		
#mapform fieldset,
#mapform0 fieldset,
#mapform1 fieldset,
#mapform2 fieldset
		{
			margin:10px;
		}
		
#mapform fieldset legend,
#mapform0 fieldset legend,
#mapform1 fieldset legend,
#mapform2 fieldset legend
		{
			padding-bottom:10px;
		}
		
#mapform fieldset label,
#mapform0 fieldset label,
#mapform1 fieldset label,
#mapform2 fieldset label
		{
			color:#679b80;
			font-size:76%;
		}
		
#mapform fieldset input,
#mapform0 fieldset input,
#mapform1 fieldset input,
#mapform2 fieldset input
		{
			
			border:#ccc solid 1px;
			margin:1px 0 7px 0;
			background:#fff;
			font-family:
				helvetica,
				arial,
				verdana,
				sans-serif;
			width:192px;
			height:18px;
			padding:3px;
		}
		
#mapform fieldset input#submit,
#mapform0 fieldset input#submit0,
#mapform1 fieldset input#submit1,
#mapform2 fieldset input#submit2
		{
			background:#679b80;
			font-family:
				helvetica,
				arial,
				verdana,
				sans-serif;
			font-size:76%;
			margin:5px 0;
			height:30px;
			width:100px;
			color:#fff;
			border:0;
		}

		
		
		
		
/* -----------------------------------
+
+
+	Healthysoft
+
+
----------------------------------- */

/* Tables */

table.healthysoft th,
table.healthysoft td
		{
			text-align:center;
			width:20%;
		}
		
/* Forms */
		
#memberform fieldset legend
		{
			padding-bottom:20px;
		}
		
#memberform fieldset label
		{
			display:inline-block;
			margin:0 20px 10px 0;
			color:#679b80;
			font-size:86%;
			width:220px;
		}
		
#memberform fieldset textarea,
#memberform fieldset input
		{
			vertical-align:middle;
			border:#ccc solid 1px;
			background:#fff;
			font-family:
				helvetica,
				arial,
				verdana,
				sans-serif;
			font-size:86%;
			height:18px;
			padding:3px;
		}
		
#memberform fieldset input.small
		{
			width:104px;
		}

#memberform fieldset textarea
		{
			height:100px;
			width:208px;
		}
		
#memberform fieldset input#dateday,
#memberform fieldset input#datemonth
		{
			width:20px;
		}
		
#memberform fieldset input#dateyear
		{
			width:40px;
		}
		
#memberform fieldset input#memberformbutton
		{
			background:#679b80;
			font-family:
				helvetica,
				arial,
				verdana,
				sans-serif;
			font-size:76%;
			display:block;
			margin:20px 0;
			height:30px;
			width:60px;
			color:#fff;
			border:0;
		}
		
#memberform fieldset input[type="text"]
		{
			text-align:left;
			width:208px;
		}

#memberform fieldset .radiobuttons .title
		{
			margin:0 20px 0 0;
			font-size:86%;
			color:#679b80;
			width:224px;
			float:left;
		}
		
#memberform fieldset .radiobuttons .buttonholder
		{
			margin-bottom:10px;
			font-size:86%;
			color:#679b80;
			float:left;
		}