﻿/* <!-- */
    /* General styles */
    body {
	margin: 0;
	padding: 0;
	border: 0;
/* This removes the border around the viewport in old versions of IE */	width: 100%;
	background: #fff;
	min-width: 600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */;
	font-size: 90%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
	a {
	color: #285E52;
}
	a:hover {
	color: #fff;
	background: #7AA891;
	text-decoration: none;
}
	a.center{
	text-align:center;
	}		
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
        
        
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
    p.right {
		text-align:right
	}
	p.center {
		text-align:center;
	}
	p.bold {
		font-weight:bold;
	}	
	img {
		margin:10px 0 5px;
	}
	table.whenwhere {
		border-style:solid;
		border-width:1px;
		}
	table.whenwhere th, table.whenwhere td {
		padding-right:2em;
		padding-left:1em;
		}	
	.submitbutton {
		margin: 2em 0 2em 200px;
		}
	ol li {
	margin-bottom: 1em;
	}
	.underline {text-decoration: underline;
	}
	.strong {
		font-weight: bold;
	}
	.italic {
		font-style: italic;
	}
	.emphasiscolor {
		color:red;
	}
	img.floatLeft { 
    float: left; 
    margin: 4px; 
	}
	img.floatRight { 
    float: right; 
    margin: 4px; 
	}	
	/* Page wrapper to center window */	
	#pagewrapper {
 		margin: 0 auto;
  		width: 800px;
  		text-align: left;
  		}	
	
	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}

	/* centered tabs */
	.centeredmenu {
	float: left;
	width: 100%;
	background: #fff;
	
	overflow: hidden;
	position: relative;
	padding-top: 3px;
}
	.centeredmenu ul {
	   clear:left;
	   float:left;
	   list-style:none;
	   margin:0;
	   padding:0;
	   position:relative;
	   left:50%;
	   text-align:center;
	}
	.centeredmenu ul li {
	   display:block;
	   float:left;
	   list-style:none;
	   margin:0;
	   padding:0;
	   position:relative;
	   right:50%;
	}
	.centeredmenu ul li a {
		display: block;
		margin: 0 0 0 1px;
		padding: 3px 15px;
		background: #285E52;
		color: #FFFFFF;
		text-decoration: none;
		line-height: 1.3em;
		border-bottom: 3px solid #000;
	}
	.centeredmenu ul li a:hover {
	   background:#7AA891;
	   color:#000;
	}
	.centeredmenu ul li a.active,
	.centeredmenu ul li a.active:hover {
	   color:#fff;
	   background:#000;
	   font-weight:bold;
	}
	/* form styling */
	
 	fieldset.contactform {
		margin: 1em 0;
		padding: 1em;
		border: 1px solid #7aa891;
		width: 300px;
	}
	fieldset.contactform.color {
		margin: 1em 0;
		padding: 1em;
		border: 1px solid green;
	}
	input.contactform.color {
		border: 1px solid green;
	}
legend.contactform {
		font-weight:bold;
		
	}
	label.contactform {
		display:block;
	}
	/*input.contactform[type="text"] {
		width: 350px;
	}
	input.contactform[type="text"].red {
		width: 350px;
		border: 1px solid red;
	}*/
	
	textarea.contactform {
		width: 350px;
		height: 100px;
		font-family:  Tahoma, verdana, arial,sans-serif; 
		font-size: 11px;
		
}		
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colleft,
	.colmid,
	.colright {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (left logo) settings */
	.leftlogo {
		background:#fff;		/* right column background colour */
	}
	.leftlogo .colleft {
		right:66%;				/* right column width */
		background:#fff;		/* left column background colour */
	}
	.leftlogo .col1 {
		width:62%;				/* right column content width */
		left:102%;				/* 100% plus left column left padding */
	}
		
	
	.leftlogo .col2 {
		width:30%;				/* left column content width (column width minus left and right padding) */
		left:6%;				/* (right column left and right padding) plus (left column left padding) */
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
		background:#eee;		/* right column background colour */
	}
	.rightmenu .colleft {
		right:25%;				/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		width:71%;				/* left column content width (left column width minus left and right padding) */
		left:27%;				/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:21%;				/* right column content width (right column width minus left and right padding) */
		left:31%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	.rightmenu .col2 h2 {
		background-color:#7aa891;
		text-align:center;
		font-size:125%;
	}
		
	
.rightmenu .col2 p {
		padding-left:5px;
		padding-right:5px;
	}
/* 2 Column (right form) settings */
	.rightform {
		background:#eee;		/* right column background colour */
	}
	.rightform .colleft {
		right:40%;				/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightform .col1 {
		width:58%;				/* left column content width (left column width minus left and right padding) */
		left:42%;				/* (right column width) plus (left column left padding) */
	}
	.rightform .col2 {
		width:36%;				/* right column content width (right column width minus left and right padding) */
		left:46%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	.rightform .col2 h2 {
		background-color:#7aa891;
		text-align:center;
		font-size:125%;
	}
	.rightform .col2 h2.color {
		background-color:red;
		color:white;
		text-align:center;
		font-size:125%;
	}
	.rightform .col2 p {
		padding-left:5px;
		padding-right:5px;
	}
	/* Full page settings */
	.fullpage {
	background: #fff;		/* page background colour */
}
	.fullpage .col1 {
		width:96%;				/* page width minus left and right padding */
		left:2%;				/* page left padding */
	}
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
        
	}/* --> */