/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	}
	
#container {
	width: 100%;
	height: 100%;
	padding: 0px;
	text-align: center;
	}
	
#canvas {
	width: 950px;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	margin: 0 auto;
	text-align: left;
	}
	
img.logo {
	margin: 0px 0px 40px 15px;
	border: none;
float:left;	}
	
img.dhh {
	margin: 20px 15px 0px 0px;
	border: none;
	float: right;
	}
	
ul.navigation {
	width: 920px;
	height: 20px;
	/height: 10px;
	background: #2a6a8f;
	padding: 15px;
	margin: 0px;
	clear: both;
	font: 100%/1.3 Arial, Helvetica, sans-serif;
	}
	
li.navigation {
	margin: 0px;
	padding: 0px;
	font: bold 80%/1.3 Arial, Helvetica, sans-serif;
	color: #68a0c0;	
	display: inline;
	list-style-type: none;
	}
	
a {
	color: #fff;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	}
	
a:hover {
	color: #c4d5dd;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	}
	
.featurearea {
	width: 950px;
	margin: 0px;
	padding: 0px;
	height: 300px;
	border-top: 1px solid #fff;
	background: #fff;
	}
	
.featurearea .left {
	width: 287px;
	height: 300px;
	background: #c4d5dd;
	border-right: 1px solid #fff;
	margin: 0px;
	float: left;
	}
	
.featurearea .left hr {
	border: none;
	border-top: 1px solid #fff;
	height: 1px;
	margin: 0px;
	/margin: 0px 0px -10px 0px;
	padding: 0px;
	display:block	}
	
.featurearea .left img {
	margin: 13px 14px 0px 14px;
	/margin: 15px 14px 0px 14px;
	border: 0px;
	}
	
.featurearea .left img.sub {
	margin: 0px;
	border: 0px;
	}
	
.featurearea .left p {
	margin: 10px 14px 10px 14px;
	/margin: 0px 14px 10px 14px;
	color: #333;
	font: 80%/1.4 Arial, Helvetica, sans-serif;
	}
	
.featurearea .left a {
	color: #2a6a8f;
	padding: 0px;
	text-decoration: underline;
	}
	
.featurearea .left a:hover {
	color: #000;
	padding: 0px;
	text-decoration: none;
	}
	
.featurearea .right {
	height: 300px;
	width: 662px;
	background: #ccc;
	float: left;
		}
		
.googlemap {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	width: 200px;
	background: #fff
	}	
	
.googlemap form {
	margin: 0px;
	padding: 0px;
	float: left;	}	
		
.googlemap a {
	color: #2a6a8f;
	padding: 0px;
	text-decoration: underline;
	font: 70%/1.4 Arial, Helvetica, sans-serif;
	}
	
.googlemap a:hover {
	color: #000;
	padding: 0px;
	text-decoration: none;
	font: 70%/1.4 Arial, Helvetica, sans-serif;
	}
	
#getDirToggle {
	width: 1px;
	margin: 0px;
	padding: 0px;
	background: #CCC
	}
	
#getDirToggle a {
	color: #2a6a8f;
	padding: 0px;
	text-decoration: underline;
	font: 70%/1.4 Arial, Helvetica, sans-serif;
	}
	
#getDirToggle a:hover {
	color: #000;
	padding: 0px;
	text-decoration: none;
	font: 70%/1.4 Arial, Helvetica, sans-serif;
	}

		
.maintext {
	background: #fff;
	width: 450px;
	float: left;
	margin: 30px 0px 20px 0px;
	padding: 0px 15px 10px 15px;
	}
	
.formcolumn {
	width: 195px;
	/width: 210px;
	margin: 0px 30px 0px 0px;
	/margin: 0px 10px 0px 0px;
	background: #fff;
	float: left
	}
	
.shortmaintext {
	width: 254px;
	background: #fff;
	margin: 0px;
	float: left;
	margin: 30px 0px 20px 0px;
	padding: 0px 15px 10px 15px;
	}
	
.timetable {
	width: 663px;
	border: 1px solid #369;
	border-bottom: none;
	float: left;
	background: #fff;
	margin: 30px 0px 20px 0px
}

.timetable .colleft {
	width: 94px;
	border-right: 1px solid #369;
	background: #fff;
	float: left;
	}
	
.timetable .colright {
	width: 93px;
	border-right: none;
	background: #fff;
	float: left;
	}

.timetable .colright h1, .timetable .colleft h1 {
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #2a6a8f;
	background: #c4d5dd;
	margin: 0px;
	padding: 3px 0px 4px 0px;
	text-transform: none;
	width: auto;
	text-align: center;
	display: block;
	}
	
.timetable .colright p, .timetable .colleft p {
	font: 75%/1.3 Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
	margin: 0px;
	padding: 10px;
	border-bottom: 1px solid #369;
	text-transform: none;
	width: auto;
	text-align: left;
	display: block;
	min-height:80px;
	/height:80px;
	}
	
.contact {
	background: #fff;
	width: 214px;
	float: left;
	border-left: 1px solid #d4e1e9;
	margin: 30px 0px 20px 0px;
	padding: 0px 15px 10px 15px;
	}
	
.mailinglist {
	background: #fff;
	width: 194px;
	float: left;
	border-left: 1px solid #d4e1e9;
	margin: 30px 0px 20px 0px;
	padding: 0px 15px 10px 15px;
	}
		
.footer {
	background: #fff url(../images/bg/footer.gif) repeat-x top left;
	border-top: 1px solid #d4e1e9;
	width: 950px;
	float: left;
	}
	
.footer p {
	margin: 10px 14px 10px 14px;
	color: #333;
	font: 70%/1.4 Arial, Helvetica, sans-serif;
	}
	
.footer a {
	color: #2a6a8f;
	padding: 0px;
	text-decoration: underline;
	}
	
.footer a:hover {
	color: #000;
	padding: 0px;
	text-decoration: none;
	}
	
h1, h2, h3 {
	font: bold 80%/1.3 Arial, Helvetica, sans-serif;
	color: #2a6a8f;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase
	}

p{
	margin: 0px 0px 5px 0px;
	color: #333;
	font: 75%/1.3 Arial, Helvetica, sans-serif;
	}
	
p.table{
	margin: 0px 0px 5px 0px;
	width: 100px;
	display: block;
	float: left;
	color: #333;
	font: 75%/1.3 Arial, Helvetica, sans-serif;
	}
	
ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	color: #333;
	font: 75%/1.5 Arial, Helvetica, sans-serif;
	}
	
ul.sub {
	margin: 0px;
	padding: 0px 0px 5px 20px;
	color: #666;
	font: 100%/1.5 Arial, Helvetica, sans-serif;
	}
	
li {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
	}
	
strong {
	color: #2a6a8f;
	}
	
.maintext a, .contact a, .mailinglist a {
	color: #2a6a8f;
	padding: 0px;
	text-decoration: underline;
	}
	
.maintext a:hover, .contact a:hover, .mailinglist a:hover {
	color: #000;
	padding: 0px;
	text-decoration: none;
	}
	
form {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px
	}
	
label {
	margin: 3px 0px 2px 0px;
	color: #666;
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	float: left;
	display: block;
	width: 90px
}

input {
	border: 1px solid #369;
	color: #333;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	float: right;
	margin: 0px 0px 5px 0px;
	width: 94px;
	padding: 0px 3px;
}

textarea {
	border: 1px solid #369;
	color: #333;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	float: right;
	margin: 0px 0px 5px 0px;
	width: 94px;
	padding: 0px 3px;
}

.submit {
	background: #005b9a url(../images/bg/submit.gif) repeat-x top left;
	height: 20px;
	color: #fff;
	font: bold 70%/1.3 Arial, Helvetica, sans-serif;
	padding: 0px 3px 3px 3px;
	width: 102px;
	float: right;
	clear: both
	}