/*******************************************************************************
* Cascading Style Sheet (CSS2.0)                                               *
* Written by Scott Trinh                                                       *
* Last revised: September 26, 2006                                             *
*******************************************************************************/


/****** Highest Level Declarations ******/

body {
	margin: 0px;
	background-color: #000000;
	color: #FFFFFF;
	font-family: Helvetica Neue, Arial, Sans-serif;
}
h1, h2, h3 {
	font-family: serif;
}
.wrapper {
	width: 750px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border: #888888 1px solid;
	background-color: #000000;
}

#header {
	background: #93838D url('images/vivid-header.jpg') no-repeat;
	width: 750px;
	height: 155px;
}
#motto {
	display: block;
	position: relative;
	left: 120px;
	top: -100px;

	text-align: left;
	color: #000000;
	font-family: serif;
	font-style: italic;
	font-size: 15px;
	font-weight: bold;
}

/****** Text Styles ******/

.dropcap {
	float: left;
	font-size: 40pt;
	font-family: Serif;
	line-height: 30px;
}
.textpop {
	color: #B790D7;
}
.textpop strong {
	font-weight: bold;
	letter-spacing: 0.15em;
}

/****** Horizontal Menu Styles ******/

.menu {
	background-color: #573077;
	width: 214px;
	height: 70px;
}
.menu td {
	text-align: center;
	border-top: #999999 3px double;
}
.menu td a:link, a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.menu td a:hover, a:active {
	text-decoration: underline;
	color: #CCCCCC;
}

#menu1 {
	margin-right: 20px;
	font-weight: bold;
	font-size: 18px;
}
#menu2 {
	margin-right: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.1em;
}

/****** Sidebar ******/

.content {
	border-top: #999999 3px double;
}

.sidebar {
	float: left;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 14px;
	width: 215px;
	height: 100%;
	margin-left: 10px;
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
}
.sidebar h1 {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}
.sidebar h2 {
	font-size: 20px;
	font-weight: bold;
}
.sidebar table {
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-width: 0;
	border-collapse: collapse;
	width: 215px;
}
.sidebar th {
	text-align: center;
	background-color: #573077;
	padding: 1px 1px 1px 1px;
	border: 1px #999999 solid;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	line-height: 1.5em;
}
.sidebar td {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #000000;
	padding: 1px 1px 1px 1px;
	border: 1px #999999 solid;
	padding	: 0;
	text-align: center;
	line-height: 1.5em;
}
#home .sidebar td {
	text-align: left;
	padding: 5px 5px 5px 5px;
}

.sidebar a:link, 
.sidebar a:visited,
.sidebar a:hover, 
.sidebar a:active {
	display: block;
	color: #FFF;
	text-decoration: none;
}
.sidebar td a:hover, 
.sidebar td a:active {
	display: block;
	color: #FFF;
	background-color: #222222;
	text-decoration: none;
}

/****** Main Content Area ******/

.maincontent {
	float: right;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12pt;
	width: 505px;
	height: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 5px 5px 5px 5px;
}
.singlecol {
	font-size: 13pt;
	margin: 20px 20px 20px 20px;
}

.maincontent h1,
.singlecol h1 {
	font-size: 30pt;
	font-weight: bold;
	text-align: center;
	color: #B790D7;
}
.maincontent h2,
.singlecol h2 {
	font-size: 19pt;
	font-weight: normal;
	text-align: center;
	color: #CCCCCC;
}
.maincontent h3 {
	font-size: 18pt;
	font-weight: normal;
	text-align: left;
	color: #B790D7;
	display: block;
	line-height: 0.8em;
	border-bottom: 1px #B790D7 solid;
	margin-bottom: 0px;
}
.singlecol h3 {
	font-size: 18pt;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	color: #CCCCCC;
}
.singlecol h4 {
	font-size: 18pt;
	font-weight: normal;
	text-align: left;
	color: #B790D7;
	display: block;
	line-height: 0.8em;
	border-bottom: 1px #B790D7 solid;
	margin-bottom: 0px;
}
.maincontent p,
.singlecol p {
	line-height: 1.1em;
	letter-spacing: 0.03em;
	text-align: left;
	font-weight: normal;
	padding-left: 8px;
	border-left: 2px solid #222;
}
.singlecol a:link,
.singlecol a:visited,
.singlecol a:hover,
.singlecol a:visited {
	text-decoration: underline;
	color: #FFF;
}
.maincontent blockquote,
.singlecol blockquote {
	letter-spacing: 0.05em;
}

.mainpic {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/****** FAQ Styles ******/

#faq .maincontent ol li {
	line-height: 1.1em;
	margin-bottom: 0.7em;
}
#faq .maincontent ol a {
	text-decoration: underline;
	cursor: help;
	color: #FFF;
}
#faq .maincontent table {
	width: 500px;
	border-collapse: collapse;
	margin-bottom: 10px;
}
#faq .maincontent th {
	background-color: #573077;
	padding: 5px 5px 5px 5px;
	border: 1px #999999 solid;
	width: 150px;
	text-align: left;
}	
#faq .maincontent td {
	background-color: #000;
	padding: 5px 5px 5px 5px;
	border: 1px #999999 solid;
	width: 150px;
	text-align: left;
}	

/****** Footer ******/

.footer {
	clear: both;
	font-size: 9px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 25px;
}