/* CSS Document */

/*
---------------

	Colors:
		Blue: #339
		Gold: #c90



---------------
*/



html,body {
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	background-color: #339;
	margin-bottom: 15px;
	}

form {
	margin: 0px;
	padding: 0px;
	}

p {
	line-height: 125%;
	}

div.clear { clear: both; }


h1 { font-size: 140%; }

h2 { font-size: 120%; }

h3 { font-size: 110%; }

h4 { font-size: 100%; }

/*
*/
a { text-decoration: none; }

a:link {
	color: #339;
	text-decoration: none;
	/*
	border-bottom-width: 0px;
	border-bottom-color: #c90;
	border-bottom-style: dotted;
	*/
	}
	a:visited {
		color: #339;
		/*
		border-bottom-width: 1px;
		text-decoration: none;
		*/
		}
	a:hover {
		color: #933;
		/*
		border-bottom-width: 1px;
		border-bottom-color: #339;
		border-bottom-style: dotted;
		*/
		}
	a:active {
		color: #933;
		/*
		border-bottom-width: 1px;
		*/
		}

img {
	border-width: 0px;
	}
	img.icon-vhs {
		padding: 3px;
		width: 35px;
		height: 27px;
		}

.error-message {
	color: #f00;
	font-style: italic;
	}
span.required {
	color: #930;
	font-style: italic;
	}


dd {
	padding: 8px 0px;
	}

.caption {
	font-size: 90%;
	color: #666;
	margin: 4px;
	text-align: left;
	}
p.page-top {
	text-align: right;
	margin-right: 20px;
	font-size: 80%;
	text-transform: uppercase;
	}

acronym, abbr {
	cursor: help;
	}


#sitemap {
	margin-left: 10px;
	}
	#sitemap li {
		padding-bottom: 4px;
		}

#contact-form th {
	text-align: right;
	width: 100px;
	padding: 4px;
	}
#contact-form td {
	padding: 4px;
	}



/* Structure
-------------- */

#container {
	width: 770px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	}
	#utility {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
		background-color: #339;
		font-size: 88%;
		min-height: 35px;
		}
		#utility img {
			border-width: 0px;
			width: 276px;
			height: 35px;
			}
		#utility ul {
			margin-top: 14px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			padding: 0px;
			list-style-type: none;
			float: right;
			}
			#utility ul li {
				padding: 2px 3px;
				display: inline;
				color: #ccc;
				}
			#utility ul li a:link {
				color: #fff;
				border-bottom-width: 0px;
				}
				#utility ul li a:visited {
					border-bottom-width: 0px;
					color: #fff;
					}
				#utility ul li a:hover {
					color: #fff;
					border-bottom-width: 1px;
					border-bottom-color: #c90;
					border-bottom-style: dotted;
					}
				#utility ul li a:active {
					color: #ff6;
					border-bottom-width: 0px;
					}

	#header {
		background-color: #fff;
		background-image: url(../../images/site/banner-1.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		height: 134px;
		}
		#header div {
			margin: 0px;
			padding: 0px;
			background-image: url(../../images/site/header-top-left.gif);
			background-position: top left;
			background-repeat: no-repeat;
			}
			#header div img {
				width: 241px;
				height: 104px;
				margin-top: 18px;
				margin-left: 18px;
				border-bottom-width: 0px;
				}


	#content-wrap {
		background-image: url(../../images/site/compass.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		min-height: 200px;
		}
		#navigation {
			width: 226px;
			float: left;
			padding-right: 4px;
			}
			#navigation ul {
				list-style-type: none;
				margin-left: 12px;
				margin-bottom: 25px;
				padding: 0px;
				}
				#navigation ul li {
					padding: 2px 0px;
					}
				#navigation ul li a {
					border-width: 0px;
					color: #339;
					font-weight: bold;
					font-size: 93%;
					}
					#navigation ul li a:link {
						border-width: 0px;
						}
					#navigation ul li a:visited {
						color: #339;
						}
					#navigation ul li a:hover {
						color: #963;
						}
					#navigation ul li a:active {
						color: #ff6;
						}

					#navigation ul li ul {
						margin: 0px 10px;
						}
						#navigation ul li ul li {
							padding: 0px;
							}
						#navigation ul li ul li a {
							font-weight: normal;
							}



		#navigation p {
			text-align: center;
			}
			#navigation p a {
				border-bottom-width: 0px;
				}


		#content {
			width: 530px;
			padding: 0px 5px;
			float: left;
			}
			#content a:link {
				color: #339;
				border-bottom-width: 1px;
				border-bottom-color: #c90;
				border-bottom-style: dotted;
				}
				#content a:visited {
					color: #339;
					border-bottom-width: 1px;
					border-bottom-color: #c90;
					border-bottom-style: dotted;
					}
				#content a:hover {
					color: #963;
					border-bottom-width: 1px;
					border-bottom-color: #339;
					}
				#content a:active {
					color: #933;
					border-bottom-width: 0px;
					}

			#content table.homepage {
				border-width: 0px;
				display: block;
				font-size: 100%;
				}
				#content table.homepage th.header {
					color: #339;
					font-weight: bold;
					text-align: left;
					padding: 4px 2px;
					}
					#content table.homepage th.header a {
						border-bottom-width: 0px;
						text-decoration: none;
						}
					#content table.homepage th.header a:visited {
						border-bottom-width: 0px;
						text-decoration: none;
						}
				#content table.homepage .border-right {
					border-right-width: 2px;
					border-right-style: solid;
					border-right-color: #c90;
					}
				#content table.homepage .border-bottom {
					border-bottom-width: 1px;
					border-bottom-style: solid;
					border-bottom-color: #c90;
					}
				#content table.homepage td.col-content {
					padding: 4px;
					vertical-align: top;
					}
					#content table.homepage td.col-content ul {
						margin-left: 4px;
						padding-left: 10px;
						}
				#content table.homepage td.col-side {
					width: 150px;
					padding: 15px 10px;
					text-align: center;
					}
					#content table.homepage td.col-side img.icon-vhs {
						float: right;
						}
					#content table.homepage td.col-side a:link {
						border-bottom-width: 0px;
						}

	#footer {
		background-image: url(../../images/site/footer-bottom-right.gif);
		background-position: bottom right;
		background-repeat: no-repeat;
		clear: both;
		padding: 15px 10px;
		margin-left: 230px;
		font-size: 88%;
		text-align: center;
		color: #999;
		}
		#footer ul {
			margin: 0px;
			padding: 3px 0px;
			list-style-type: none;
			}
			#footer ul li {
				padding: 3px 2px;
				display: inline;
				}
			#footer ul li a:link {
				border-bottom-width: 0px;
				}
				#footer ul li a:visited {
					border-bottom-width: 0px;
					}
				#footer ul li a:hover {
					border-bottom-width: 1px;
					border-bottom-color: #339;
				border-bottom-style: dotted;
					}
				#footer ul li a:active {
					color: #ff6;
					border-bottom-width: 0px;
					}




