/*-----------------------------------------------------------------------------
version:   1.0
author:    John Anderson
email:     janderson@soaringpenguin.co.uk
website:   http://www.soaringpenguin.co.uk/
date:      2007 November 07

Copyright 2007 Soaring Penguin Ltd. All Rights Reserved
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* hack for forcing scroll bars to stop page jog - 
http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}

/*debug border on all divs*/
div{
    border: 0px solid #ccc;
}

/* Class for clearing floats */
.clear {
    clear:both;
}

/* Remove border around linked images and fix Firefox odd spaces */
img {
    border: 0;
    vertical-align: bottom;
}
body {
	font-family: arial;
	font-size: 13px;
	background-color: #ffffff;
	color: #046738;
}
.red {
	color: #ff0000;
}
.left {
	float: left;
}

/* =Structural
-----------------------------------------------------------------------------*/
	#container {
		width: 900px;
		margin: 8px auto 0 auto;
	}
		#header #contact {
			height: 112px;
			width: 900px;
			background: url(../images/header.png) no-repeat top left;
		} 
		#navigation {
			width: 233px;
			float: left;
			display: inline;
		}
		#maincontent {
			width: 432px;
			float: left;
			display: inline;
			margin: 0 0 20px 7px;
		}
		#quicklinks {
			width: 215px;
			float: right;
			display: inline;
		}
		
		
		#footer {
			clear: both;
			border-top: 1px solid #b6c8b2;
			height: 30px;
		}	
	

			 



/* =Typography
-----------------------------------------------------------------------------*/



/* =Headings
-----------------------------------------------------------------------------*/
	

/* =Links
-----------------------------------------------------------------------------*/
	#header #contact a {
		margin-top: 5px;
		text-decoration: none;
		display: block;
		float: right;
		height: 107px;
		width: 216px;
		background: url(../images/contactbutton.png) no-repeat top left;
	}
		#header #contact a:hover {
			background-position: bottom left;
		}
	#maincontent h2 {
		font-size: 18px;
		margin-left: 7px;
	}
	#maincontent a {
		text-decoration: underline;
		color: #046738;
	}
		#maincontent a:hover {
			text-decoration: none;
		}
		
	#maincontent h4 a {
		text-decoration: none;
		color: #046738;
	}
		#maincontent h4 a:hover {
			text-decoration: underline;
		}
  
	


/* =Branding
-----------------------------------------------------------------------------*/
	




/* =Main Nav
-----------------------------------------------------------------------------*/
	#navigation img {
		margin: 10px 0 6px 11px;
	}
		#navigation ul,
		#navigation ul.nav
		{
			margin: 0 0 0 10px;
			padding: 0;
			list-style: none;
		}
			#navigation ul li {
				line-height: 40px;
				background: url(../images/navbuttonlg.png) no-repeat top left;
				padding-left: 40px;
				font-weight: bold;
				margin-left: 5px;
			}
			ul.nav li {
				line-height: 45px;
				padding: 0 !important;
				margin: 0 !important;
				background: none;
				border: 1px solid white;
			}
				ul.nav li a {
					display: block;
					background: url(../images/navbuttonlg.png) no-repeat bottom left;
					line-height: 45px;
					text-decoration: none;
					font-weight: bold;
					color: #046738;
					padding-left: 40px;

				}
					ul.nav li a:hover {
						background-position: top left;
					}
				

	

/* =Sub Nav
-----------------------------------------------------------------------------*/
	#buttonnav ul {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 432px;
	}
		#buttonnav ul li {
			float: left;
		}
			#buttonnav ul li a {
				display: block;
				line-height: 94px;
				text-decoration: none;
				width: 144px;
			}
				#buttonnav ul li#bsupport a {
					background: url(../images/bsupportbutton.png) no-repeat top left;
				}
				#buttonnav ul li#hsupport a {
					background: url(../images/hsupportbutton.png) no-repeat top left;
				}
				#buttonnav ul li#vsupport a {
					background: url(../images/vsupportbutton.png) no-repeat top left;
				}
					#buttonnav ul li#bsupport a:hover,
					#buttonnav ul li#hsupport a:hover,
					#buttonnav ul li#vsupport a:hover
					{
						background-position: bottom left;
						
					}
					#buttonnav ul li#hsupport a.active,
					#buttonnav ul li#bsupport a.active,
					#buttonnav ul li#vsupport a.active
					{
						background-position: bottom left;
						
					}
	#quicklinksheader {
		width: 223px;
		height: 35px;
		background: url(../images/quicklinkheader.png) no-repeat top left;
	}
		#quicklinksheader p {
			width: 223px;
			text-align: center;
			line-height: 35px;
			font-size: 16px;
			font-weight: bold;
		}
	#quicklinks ul {
		margin: 0;
		padding: 0;
		list-style: none;
		background: url(../images/quicklinkbg.png);
	}
		#quicklinks ul li {
			margin: 0px 7px 0px 20px;
			height: 27px;
		} 
			#quicklinks ul li a {
				line-height: 27px;
				text-decoration: none;
				color: #046738;
				display: block;
				padding-left: 24px;
				background: url(../images/buttonsm.png) left no-repeat;
			}
				#quicklinks ul li a:hover {
					text-decoration: underline;
				}
		
	
	




/* =Main Content
-----------------------------------------------------------------------------*/
	#maincontent p {
		margin: 3px 7px 15px 7px;
	}
	#maincontent h3
	{
		margin-left: 7px;
		font-size: 16px;
	}
	#maincontent h4
	{
		margin: 7px 0 0 7px;
		padding: 0;
		font-size: 14px;
	}




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/
	p.copyright {
		font-size: 12px;
		line-height: 30px;
		margin-left: 12px;
		float: left; 
		display: inline;
		width: 400px;
	}
	p.freeindex {
		float: right;
		display: inline;
	}
		p.freeindex a {
			color: #046738;
			font-size: 12px;
			margin-right: 80px;
			line-height: 30px;
		}
			p.freeindex a:hover {
				text-decoration: none;
				display: block;
			} 	
	


/* =Forms
-----------------------------------------------------------------------------*/
 	form {
		margin: 0;
		padding: 0;
		float: left;	
	}
	form p {
		padding: 0;
		line-height: 20px;
		font-weight: bold;
		font-size: 14px;
	}
	form p.left {
		float: left;
		margin: 7px 0 0 0;
		display: inline;
	} 
	form label {
		float: left;
		width: 100px;
	}
	form input {
		width: 250px;
	}
	form textarea {
		width: 350px;
		height: 50px;
	}
	p.submit {
		padding: 0 0 10px 0;
	}
	
	p.submit input{
		width: 75px;
		float: right;
		margin: 5px 62px 0 0;
		display: inline;
		clear: both;
	}	
			



/* =Tables
-----------------------------------------------------------------------------*/

table {
   border-spacing: 0;
   border-collapse: collapse;
}

td {
   text-align: left;
   font-weight: normal;
}


		



/* =Misc 1
-----------------------------------------------------------------------------*/





/* =Misc 2
-----------------------------------------------------------------------------*/