/* --------------------
**  High-level tags
** --------------------
*/

img { 
	border:0; 
	vertical-align: bottom;
}

table {
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	padding: 0px;
}

td {
	vertical-align: top;
	border: 0px;
	padding: 0px;
}

BODY { 
	/* color: white;  */
	font-family: Verdana,serif; 
	background-color: #330099;
	margin: 0px;
}

/* --------------------
**  Custom tags
** --------------------
*/

p.center {
	text-align: center;
}

.red {
	color: #FF0000;
}

/* --------------------
**  Custom tables
** --------------------
*/

/* used only on contact_us.htm page for mapquest table */
table.mapquest {
	color: black;
	background-color: #f0dcff;
}

/* used for prices tables on several pages */
table.prices {
	color: black;
	background-color: #f0dcff;
	text-align: center;
}

/* --------------------
**  menu
** --------------------
*/

#menu {
	vertical-align: top;
	padding: 0px;
	border: 0px;
	color: white;
	font-size: .9em;	
}

/* These 4 A css definitions are needed for IE6 compatibility */

#menu A:link {color: #eded00; text-decoration: underline; }
#menu A:visited {color: #eded00; text-decoration: underline; }
#menu A:active {color: #0000ff; text-decoration: underline; }
#menu A:hover {color: #ffff7f; text-decoration: none; }


/* Menu class is used for left-hand side nav. menu */
table.menu {
	width:225px;
	vertical-align: top;
}
/*
.menu a:link {color: #eded00; text-decoration: underline; }
.menu a:visited {color: #eded00; text-decoration: underline; }
.menu a:active {color: #0000ff; text-decoration: underline; }
.menu a:hover {color: #ffff7f; text-decoration: none; }
*/

table.menu a {
	vertical-align: middle;
}

table.menu img {
	vertical-align: middle;
}


/* --------------------
**  Data
** --------------------
*/
/* data class surrounds toc and content */

#data {
	background-color: white; 
	border-style: solid;
	border-color: #f0dcff;
	border-collapse: collapse;
	/* width:700px; */
	border-width: 5px;
	/* padding: top right bottom left; */
	padding: 0px 0px 0px 0px;
	color: black; 
}

/* --------------------
** headlineMenu
** --------------------
*/

#headlineMenu {
	color: black; 
	text-align: center;	
	border-bottom-style: solid;
	border-color: #f0dcff;
	border-width: 5px;
	width: 100%;
}

#headlineMenu A:link {color: #330099; text-decoration: underline; }
#headlineMenu A:visited {color: #330066; text-decoration: underline; }
#headlineMenu A:hover {color: #ff2222; text-decoration: none; }
#headlineMenu A:active {color: #330099; text-decoration: underline; }

/* --------------------
**  Content
** --------------------
*/

#content {
	background-color: white;
	color: black;
}

#content H1 {
	color: #330099; 
	/* color: #ff3333;  */
	font-family: Verdana,serif; 
	font-size: 125%; 
	font-variant: small-caps; 
}

#content H2 {
	text-indent: 20px;
	/*  color: #ff6666; */
	color: #640064; 
	font-family: Verdana,serif; 
	font-size: 110%; 
	font-variant: small-caps; 
}

#content H3 {
	text-indent: 25px;
	/*  color: #ff6666; */
	color: #330099; 
	font-family: Verdana,sans-serif; 
	font-size: 100%; 
}

#content P { 
	color: black;
	text-indent:2em;
	/*text-align: left; 
	text-indent: 20px; */
	font-size: 100%; 
	font-family: Verdana,serif; 
}

#content A:link {color: #330099; text-decoration: underline; }
#content A:visited {color: #ff6666; text-decoration: underline; }
#content A:hover {color: #ff2222; text-decoration: none; }
#content A:active {color: #ff2222; text-decoration: underline; }

/* --------------------
**  Copyright
** --------------------
*/

div.copyright {
	text-align: center;
	font-size: 80%;
	color: white;
}