/*
	www.MazeSoft.com
	Main CSS Style template
	(c) 2008

	Version History:
	v1.0 - 01/17/2008 - Initial Design Draft
*/

/* Standard HTML Elements */

body
{
  	background: #FFF;
 	color: #000;
  	font-family: "Palatino Linotype", serif;
  	font-size: normal;
	margin: 15px 5px 0px 10px;
	padding: 0px;
 	text-align: center;
 	vertical-align: middle;
}

hr
{
	size: 3;
	text-align: center;
	width: 98%;
}

/* Positioning */

#Contact
{
	display: inline;
	float: right;
	line-height: 1.2em;
	text-align: right;
	vertical-align: middle;
}

#Content
{
	float: left;
	margin: 0;
	padding: 0;
	width: 790px;
}

#ContentItem
{
	margin: 10px 0px 10px 0px;
}

#ContentFrontPage
{
	margin: 0 10px 0 10px;
}

#ContentLeft
{
	float: left;
	width: 49%;
}

#ContentRight
{
	float: left;
	width: 49%;
}

#Footer
{
	bottom: -10px;
	height: 50px;
	margin: 10px 0 10px 0;
	position: relative;
	text-align: center;
	width: 100%;
}

#Header
{
	height: 86px;
	margin: 0;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 790px;
}

#HeaderMiddle
{
	display: inline;
	float: left;
	height: 84px;
	vertical-align: middle;
	text-align: center;
	width: 508px;
}

#Menu
{
	border-bottom: 2px groove black;
	float: left;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	width: 790px;
	text-align: center;
	font-variant: small-caps;
	vertical-align: middle;
}

#Wrap
{
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	position: relative;
	text-align: left;
	width: 790px;
	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 790px;
}

/* Formatting */

.ContactText
{
	font-size: small;
	font-variant: small-caps;
}

.HeaderText
{
	color: Maroon;
	font: Verdana, Arial, Sans-serif;
	font-size: 32px;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
}

.HeaderPicture
{
	display: inline;
	float: left;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	width: 91px;
}

.LeftContentPicture
{
	border-right: 2px groove black;  
	display: inline;
	float: left;
	margin: 10px;
	position: relative;
}

ul#MenuUL,
ul#MenuUL ul
{
	float: left;
}

ul#MenuUL
{
	float: left;
	width: 790px;
	z-index: 999999;
	position: relative;
}

/*
ul#MenuUL:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*/

ul#MenuUL li
{
	float: left; 
	list-style: none;
	position: relative;
	width: 180px;
}

ul#MenuUL li a,
ul#MenuUL li li a
{
	color: #000;
	display: block;
	text-decoration: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#MenuUL li { float: left; height: 1%; }
* html ul#MenuUL li a { height: 1%; }
/* End */

ul#MenuUL ul
{
	display: none;
	float: left;
	left: -34px;
	position: absolute;
}

ul#MenuUL li:hover ul,
ul#MenuUL li li:hover ul,
ul#MenuUL li li li:hover ul,
ul#MenuUL li.over ul,
ul#MenuUL li li.over ul,
ul#MenuUL li li li.over ul { display: block; }

ul#MenuUL li.MenuItem
{
	text-align: center;
	padding: 0 5px 0 5px;
}

ul#MenuUL li:hover ul ul,
ul#MenuUL li:hover ul ul ul,
ul#MenuUL li.over ul ul,
ul#MenuUL li.over ul ul ul { display: none; }

ul#MenuUL li ul li
{
	display: inline;
	width: 184px;
}

ul#MenuUL li ul li a
{
	height: 18px;
	padding: 0px 0px 5px 0;
	background: #aaa;
	border-bottom: 1px solid #666666;
	margin-left: -6px;
}

ul#MenuUL li a:hover
{
	color: Maroon;
}

ul#MenuUL li.MenuItem:hover,
ul#MenuUL li.over
{
	background-color: #999;
}

ul#MenuUL li.SelectedMenuItem
{
	background-color: #999;
	text-align: center;
	padding: 0 5px 0 5px;
}

ul#Question
{
	list-style: arrow;
}

.NormalText
{
	font-size: normal;
	line-height: 1.3em;
}

.ResultText
{
	color: Maroon;
	font-size: normal;
	font-weight: bold;
	line-height: 1.3em;
}

.RightContentPicture
{
	display: inline;
	float: right;
	margin: 10px;
	position: relative;
}

.SmallText
{
	font-size: smaller;
	font-variant: small-caps;
}