﻿* { margin: 0px; padding: 0px; }
html,body { width: 100%; height: 100%; }
body { font-size: 80%; }

#flashcontent {
	width: 450px;
	height: 330px;
	font: .95em Arial, Helvetica, sans-serif;
	color: #FFF;
}

#middle { 
	position: absolute;
	top: 150px;
	left: 0px;
	width: 100%;
	height: 330px;
	background-color: #692227;
	z-index: 2;
}
#vertical {
	position: absolute;
	top: 0px;
	left: 100px;
	width: 450px;
	height: 100%;
	background-color: #d9d9d9;
	z-index: 1;
}

#flash {
	position: absolute;
	top: 0px;
	left: 100px;
	width: 450px;
}
#nav {
	position: relative;
	left: 570px;
	width: 200px;
}
#copy {
	position: relative;
	margin: 30px 20px;
	top: 350px;
}
#quote {
	position: absolute;
	top: 45px;
	left: 570px;
	width: 350px;
}

.logo { margin: 30px 0px 0px 20px; }

p {	font: .95em Arial, Helvetica, sans-serif; color: #000; margin-bottom: 8px; }
#quote p { font: italic .95em Arial, Helvetica, sans-serif; line-height: 22px; color: #692227; }
a {	font-family: Arial, Helvetica, sans-serif; color: #692227; }
a:hover { text-decoration: underline; }
#flashcontent a { color: #d9d9d9; }
h1 { font: 1.5em Arial, Helvetica, sans-serif; color: #692227; margin-bottom: 10px; }

ul { list-style: none outside; }
li a { font: 1.2em Arial, Helvetica, sans-serif; color: #d9d9d9; text-decoration: none; }
li a:hover { text-decoration: none; }
li.sub a { padding-left: 10px; font-size: .95em; color: #d9d9d9; }
li.selected a { font-weight: bold; color: #FFF; }
	
