@media screen {
* {
	margin: 0;
	padding: 0;
}


body {
	font-size: 68%;
	font-family: Arial, Helvetica, Tahoma, Sans-serif;
	text-align: center;
	background: url(../graphics/background.gif) top left repeat-x #40589f;
	color: #333366;
}

h1 {
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 2.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #333399;
}

h2 {
	display: block;
	width: 100%;
	padding: 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background-color: #333399;
}

h3 {
	margin-top: 10px;
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: -1px;
}

h3.div {
	background: url(../graphics/heading.gif) right 0.6em no-repeat;
}
	
h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Tahoma Sans-serif;
}

a { 
	color: #333399;
}

a:link {
	color: #333399;
}

a:hover {
	color: #ccc;
	text-decoration: underline;
}

img {
	border: 1px solid #000;
}

img.home {
	display: block;
	margin: 8px 0; 
	border: 1px solid #d5d5d5;
}

img.no-border {
	border: none;
	margin-bottom: 15px;
}

.clear {
	clear: both;
	background-color: none;
	border: none;
}

p {
	padding: 5px 0;
	line-height: 1.4em;
}

p.centered {
	text-align: center;
}

p.margined {
	margin: 10px 0;
}

#wrapper {
	width: 904px;
	margin: 0 auto;
}

#nav {
	width: 100%;
	margin-bottom: 10px;
}

	#nav ul {
		float: right;
		margin: 20px 0 0 auto;
	}

	#nav li {
		display: inline;
	}
	
		#nav li a {
			display: block;
			float: left;
			padding: 0 20px;
			font-size: 1.2em;
			text-decoration: none;
			border-right: 1px solid #333399;		
		}
		
			#nav li a:hover {
				color: #333399;
				text-decoration: underline;
			}
		
			#nav li a.no-border {
				border: none;
			}

#header {
	text-indent: -9999px;
	text-align: left;
	border: 1px solid #d5d5d5;
	background: url(../graphics/header.jpg) top center no-repeat;;
}

	#header a {
		display: block;
		width: 35%;
		text-align: left;
		height: 111px;
		outline: none;
	}


#content {
	text-align: left;
	border-top: none;
	background: url(../graphics/gradient_l.gif) top left repeat-x #fff;
}

#background-holder {
	border: 1px solid #d5d5d5;
	border-top: none;
	background: url(../graphics/slogan_bg.gif) top left repeat-y;
}

#content #slogan {
	float: left;
	text-indent: -9999px;
}

	#content #slogan span {
		display: block;
		height: 490px;
		width: 198px;
		background: url(../graphics/simplify.jpg) no-repeat;		
	}
	
		#content #slogan span.home {
			background: url(../graphics/slogan.jpg) no-repeat;		
		}
	
	#content #content-left {
		float: left;
		width: 365px;
	}
	
		#content #content-left div {
			margin: 15px;		
			font-size: 1.0em;
		}
		
		#content #content-left ul {
			margin-top: 10px;
			list-style: disc;
			list-style-position: inside;
		}
		
		#content #content-left li {
			margin-left: 15px;
			padding-bottom: 15px;
			font-size: 1.2em;
		}
		
		#content #content-left ul.sublist {
			font-size: 0.85em;
		}
		
		#content #content-left ul.sublist li {
			padding-bottom: 5px;
		}
		
		#content #content-left div.submit {
			margin-left: 100px;		
		}
		
		#content #content-left h1 {
			background: url(../graphics/heading.gif) right 0.6em no-repeat;
		}
		
		#content #content-left .errors h1 {
			margin: 0;
			padding: 0;
			font-size: 1.3em;
			font-family: Arial, Helvetica, Tahoma, Serif;
			text-transform: none;
			letter-spacing: normal;
			color: #f00;
			background: none;
		}
		
		#content #content-left .errors ul {
			list-style-position: outside;
		}
		
		#content #content-left .errors li {
			font-size: 1.0em;
		}
		
		#content #content-left p.first {
			border-top: 1px solid #d5d5d5;
		}
	
	#content #content-right {
		float: right;
		width: 37%;
		padding-top: 20px;
		font-size: 1.0em;
		border-left: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
		background: url(../graphics/gradient_r.gif) top left repeat-x #f8f8f8;
	}
	
		#content #content-right ul {
			list-style: none;
			text-align: center;
		}
		
		#content #content-right li {
			float: left;
			padding: 8px 5px 5px 5px;
			width: 47%;
		}
		
		#content #content-right li img {
			margin: 5px 0;
			width: 100px;
		}
		
		#content #content-right li.clearing {
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			float: none;
			clear: both;
			line-height: normal;
		}
		
		#content #content-right li.short {
			height: 2px;
		}
		
		#content #content-right li.weather {
			text-align: center;
		}
		
			#content #content-right li.weather b {
				display: none;
			}
			
			#content #content-right li.weather img {
				width: 52px;
				background-color: #fff;
			}
			
			#content #content-right li.weather p {
				font-size: 0.9em;
				clear: both;
			}
			
			#content #content-right li.term {
				text-align: left;
			}
			
			#content #content-right li.term p {
				margin-left: 5px;
			}
			
			#content #content-right li.term strong {
				font-size: 1.2em;
			}
				
		#content #content-right h2 {
			
		}
		
			#content #content-right h2.home {
				float: left;
			}
	
			#content #content-right h2.half {
				float: left;
				width: 49.7%;
			}
			
			#content #content-right h2.border-right {
				width: 49%;
				border-right: 2px solid #d5d5d5;
			}
			
	#content #main {
		float: left;
		width: 700px;
	}
	
		#content #main div.container {
			margin: 15px;
		}
		
			#content #main div.container h1 {
				margin: 10px 0;
				text-align: center;
				background: none;
			}
			
			#content #main div.container p.contact-info {
				padding-left: 360px;
				background: url(../graphics/logo.gif) 160px center no-repeat;
			}
		

#bottom-nav {
	margin-top: 4px;
	padding: 5px 0;
	color: #fff;
	background-color: #333399; 
	border: 1px solid #d5d5d5;
}
	
	#bottom-nav a {
		text-decoration: none;
		color: #fff;
	}
		
		#bottom-nav a:hover {
			text-decoration: underline;
		}

	#bottom-nav ul {
		margin-left: 8px;
		list-style: none;	
	}
	
	#bottom-nav li {
		display: block;
		float: left;
		padding-right: 20px;
	}
		
	#bottom-nav p {
		margin-right: 8px;
		padding: 0;
		text-align: right;
	}

form {
	margin-top: 15px;
}
	
	fieldset {
		clear: both;
		margin: 0 0 30px 0;
		padding-top: 10px;
		border: none;
		border-top: 1px solid #333399;
	}
	
		fieldset div {
			clear:left;
			margin: 6px 0;
		}
		
			fieldset legend {
				font-size: 1.2em;
				font-weight: bold;
				padding: 0 5px;
				color: #333399;
			}
			
			fieldset label {
				float: left;
				display: block;
				width: 80px;
				margin: 4px 0 6px 0;
				padding: 0 6px 0 0;
				text-align: right;
			}
			fieldset input.field,
			fieldset select,
			fieldset textarea { width:200px; margin:0; padding:1px 2px; }
			fieldset select { width:208px; }
			fieldset small { display:block; }
		fieldset div.required {}
			fieldset div.required label { font-weight:bold; }
		fieldset small {
			margin-left: 88px;
			font-size: 1.0em;
		}
		
	.errors { margin:0 0 10px 0; padding: 0; background:#ffc; border:1px double #6a6a6a; }
		.error_title { margin:0; padding: 6px; background-color: #c00; color:white; font-size:100%; }
		.errors h1 {
			color: #333399;
		}
		.errors p { }
		.errors ul { list-style: none; }
		
	.errors_field label { color:#c00; }
	.errors_field input,
	.errors_field select,
	.errors_field textarea { background-color:#ffc; }
}

@media print {
	body {
		font-size: 80%;
		font-family: Arial, Helvetica, Tahoma, Sans-serif;
	}

	#nav { 
		display: none;
	}
	
	#header {
		display: none;
	}
	
	#content #slogan {
		display: none;
	}
	
	#content #content-left {
		clear: both;
	}
	
	#content #content-left img {
		display: none;
	}
	
	#content #content-left ul {
		margin-top: 10px;
		list-style: disc;
		list-style-position: inside;
	}
	
	#content #content-left li {
		margin-left: 15px;
		padding-bottom: 15px;
		font-size: 1.2em;
	}
	
	#content #content-right li.weather {
		display: none;
	}

	#content #content-right li.term {
		display: none;
	}
	
	#content #content-right h2.home {
		display: block;
		height: 40px;
		clear: both;
	}
	
	#content #content-right h2.half {
		display: none;
	}
	
	#content #content-right ul {
		margin-right: auto;
		list-style: none;
		text-align: center;
	}
	
	#content #content-right li {
		float: left;
		padding: 8px 5px 5px 5px;
		width: 47%;
	}
	
	#content #content-right li img {
		margin: 5px 0;
		width: 100px;
	}
	
	#content #content-right li.clearing {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 20px;
		float: none;
		clear: both;
		line-height: normal;
	}
	
	#content #content-right li a {
		display: none;
	}
	
	#bottom-nav ul {
		display: none;
	}
}