﻿* {
	margin:0;
	padding:0;
}

html {
	height:100%;
	font-size:100.01%;
} 

body {
	text-align: center;
	min-height: 101%;
	font: 100.01%/130% Helvetica, Arial, sans-serif;
	color: #333;
	background-color: #e0ecf5;
  background: url("../media/website/bg.jpg");
} 

body * {
	text-align:left;
}

/*
	Credit to Mike Foskett for this nice intro: http://www.websemantics.co.uk
*/




/* General Link Specification */

a, a:link {
	text-decoration:none;
	/*color:#728b8f;*/
  color:#1579FF;
	background-color: transparent;
}

a:visited, a:active {
	text-decoration:none;
	color:#1579FF;
	background-color: transparent;
}

a:hover, a:focus {
	text-decoration:none;
	color:#333;
	background-color: transparent;
}

a.externalLink {
	background: transparent url(../media/website/external.png) no-repeat scroll left center;
  padding: 0 0 0 15px;
}

/* Links for Top Navigation and Footer */

#navigationCenter a, #navigationCenter a:link, #footerContent a, #footerContent a:link {
	text-decoration:none;
	/*color:#728b8f;*/
  color:#62777B;
	background-color: transparent;
}

#navigationCenter a:visited, #footerContent a:visited {
	text-decoration:none;
	color:#62777B;
	background-color: transparent;
}

#navigationCenter a:hover, #navigationCenter a:active, #navigationCenter a:focus, #footerContent a:hover, #footerContent a:active, #footerContent a:hover {
	text-decoration:none;
	color:#333;
	background-color: transparent;
}

#navigationCenter #navActive, #footerContent #navActive {
  color:#666;
}

/* General */

br.clearer {
	clear:both;
}

.clearer {
	clear:both;
  height:0;
  line-height:0;
  padding:0;
  margin:0;
}

img {
	border:none;
}

hr {
 display: none;
}

/* container */

#container {
	width:920px;
	padding:0;
	margin:0 auto;
}

/* header */

#header {
	width:920px;
	float:left;
}

#headerLeftCorner {
	width:60px;
  height:70px;
	float:left;
  padding:0;
  margin:0;
  background-image: url("../media/website/bg_02.jpg");
}


#headerLeft {
	width:474px;
  height:70px;
	float:left;
  padding:0;
  margin:0;
  background-image: url("../media/website/bg_03.jpg");
}

#headerLeft p {
  margin:30px 0 0 20px;
  padding:0;
  font-size:0.8em;
}

#headerRight {
	width:326px;
  height:70px;
	float:left;
  padding:0;
  margin:0;
}


#headerRightCorner {
	width:60px;
  height:70px;
	float:left;
  padding:0;
  margin:0;
  background-image: url("../media/website/bg_05.jpg");
}


/* navigation */

#navigation {
  clear:both;
	width:920px;
	float:left;
}

#navigationLeftCorner {
	width:60px;
  height:50px;
	float:left;
  padding:0;
  margin:0;
  background-image: url("../media/website/bg_07.jpg");
}


#navigationCenter {
	width:800px;
  height:50px;
	float:left;
  padding:0;
  margin:0;
  background-image: url("../media/website/bg_08.jpg");
}

#navigationCenter p {
  padding:16px 0 0 20px;
  margin:0;
  font-size:0.9em;
}

#navigationRightCorner {
	width:60px;
  height:50px;
	float:left;
  padding:0;
  margin:0;
  background-image: url(../media/website/bg_09.jpg);
}


/* main */

#main {
  clear:both;
	width:920px;
	float:left;
  padding:0;
  margin:0;
  /*background: url(../media/website/bg_11.jpg) repeat;*/
  background: url(../media/website/bg_11.jpg) repeat-y;
}

#mainContent {
	width:800px;
	float:left;
  padding:0 60px;
  margin:0;
  background:transparent;
}


#mainContentFlash {
	width:800px;
  height:445px;
	float:left;
  padding:0;
  margin:0;
  background:transparent;
}

#mainContentFlashPortrait {
	width:300px;
  height:445px;
	float:left;
  padding:0;
  margin:0;
  background:transparent;
}

.mainContentLeft {
	width:260px;
	float:left;
  margin:0;
  padding:20px 20px 10px 40px;
  background:transparent;
}

.mainContentRight {
	width:420px;
	float:left;
  margin:0;
  padding:20px 40px 10px 20px;
  background:transparent;
}

h2 {
  padding:0 0 5px 0;
  margin: 0 0 0px 0;
  font-size: 1.2em;
  font-weight:normal;
  line-height:1.4em;
  background-image:url("../media/website/headline_border.jpg");
  background-repeat:no-repeat;
  background-position:bottom left;
}

.mainContentRightTextblock {
  padding:10px 0 20px 0;
  margin:0;
  font-size:0.9em;
  line-height:1.4em;
}

/* Special Classes */

.imgLeft {
  float:left;
  margin:3px 10px 5px 0;
  border:0;
}

.teaser {
  width:230px;
  padding:0;
  margin:0 0 20px 0;
}

.teaserTextblock {
  padding:0;
  margin:5px 0;
  font-size:0.8em;
  line-height:1.3em;
}

.schedule {
  clear:both;
  float:left;
  width:420px;
  padding:0 0 10px 0;
  margin:0 0 5px 0;
  background-image:url("../media/website/headline_border.jpg");
  background-repeat:no-repeat;
  background-position:bottom left;
}

.scheduleDate {
  float:left;
  width:150px;
  margin-right:20px;
  font-size:0.9em;
  font-weight:bold;
  line-height:1.4em;
}

.scheduleItem {
  float:left;
  width:250px;
}

.scheduleNote {
  font-size:0.8em;
  color:#666;
}

.smallGrey {
  padding-left:0.2em;
  font-size: 0.8em;
  color:#666;
}


#emergencyContent {
	width:758px;
	float:left;
  padding:20px;
  margin:0;
  background:#FFD9CC;
  border:1px solid #CC3300;
  color:#CC3300;
  font-size:0.9em;
}

#welcomeContent {
	width:698px;
  clear:both;
	float:left;
  margin:10px 40px;
  padding:10px;
  background:transparent;
  border:1px solid #e0ecf5;
  font-size:0.9em;
  line-height:1.4em;
}

/* footer */

#footer {
  clear:both;
	width:920px;
  height:68px;
	float:left;
  padding:0;
  margin:0;
  /*background: url("../media/website/bg_12.jpg") repeat-x;*/
  background: url(../media/website/bg_12.jpg) repeat-y;
}

#footerContent {
	width:800px;
	float:left;
  margin:0;
  padding:0 60px;
}

#footerLegal {
  float:left;
  width:500px;
  text-align:left;
  margin:30px 0px 20px 20px;
  font-size: 0.7em;
  line-height:1.3em;
  color:#444;
}

#footerLinks {
  float:right;
  width:200px;
  text-align:right;
  margin:30px 20px 0 0;
  font-size: 0.8em;
}


/* Form Elements */


#contactForm {

}

#contactForm fieldset {
	border:1px solid #ccc;
	padding:5px;
	margin:0;
}

#contactForm legend {
	padding: 0.6em 8px 0.6em 8px;
	margin:0;
	font-size:1.2em;
	font-weight:normal;
}

.form_row {
	clear:both;
	padding: 0 0 8px 0;
}

.form_row br {
	clear:both;
}

.form_label {
	width:29%;
	float:left;
	text-align:right;
}

.form_fieldContainer {
	width:69%;
	float:right;
}

/* Text Inputs */
.form_input {
	font-family: Helvetica, Arial, sans-serif;
	width:63%;
	font-size:1.0em;
	padding:0.2em;
	border: solid 1px #ccc;
	color:#444;
	background-color:white;
}

.form_input:hover, .form_input:active, .form_input:focus {
	border:solid 1px #827979;
}


/* Submit Button */
.form_submit {
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.0em;
	line-height: 1.2em;
	padding:0.1em 0.5em;
	border-style:solid;
	border-width:1px;
	border-color:#BAB5B5 #827979 #827979 #BAB5B5;
	text-align:center;
	background-color:#fff;
	}

.form_submit:hover, .form_submit:focus, .form_submit:active {
	background-color:#e0ecf5;
	color:#444;
}


/* the error messages */

.error
{
	color:#ff3300;
}

p.errorMessage
{
	color:#ff3300;
	padding: 0 0 0.2em 1em;

}

p.successMessage
{
	padding: 0.6em 8px 0 8px;
  font-weight:bold;

}

p.form_footer
{
	font-size:0.8em;
}