body 			{	font: 80% verdana, arial, sans-serif;
				text-align:center;
				background-color: #7F8BAB;
			}

* 			{	margin:0; 
				padding:0;
			}
div#container		{	width: 800px;
				margin: 10px auto;
				background-color: #6776A1;
				color: #fff;
				border: 1px solid #000;
				text-align:left;
			}
div#header		{	width: 100%;
				overflow: hidden;
			}
div#header p		{	letter-spacing: .45em;	
				font-size: 1em;
				font-weight: normal;
				text-indent: 23px;
			}
img#topOffer		{	float: right;
				padding: 20px 20px 0 0;
				border: 0;
			}
img#toplogo		{	padding-left: 15px;
				padding-top: 5px;
			}
div#menubar		{	height: 20px;	
				margin-top: 10px;
				margin-bottom: 20px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;			
			}
div#top h1		{	padding: 0;
				margin: 0;
			}
div#leftnav		{	float: left;
				width: 168px;
				padding-left: 20px;
			}
div#rightnav		{	float: right;
				width: 144px;
			}
div#content		{	margin-left: 200px;
				margin-right: 150px;
				padding: 0 0 1em 0;				
			}
/* Hides from IE-mac \*/
* html #content		{	height: 1%;
			}
/* End hide from IE-mac */

div#content h1 		{ 	font-size: 1.3em;
				margin: 0 0 .5em 0; 
			}
div#content h2 		{ 	font-size: 1.2em;
				margin: 0 0 .5em 0; 
			}
div#content h3 		{ 	font-size: 1.1em;
				margin: 0 0 .5em 0; 
			}
div#content h4 		{ 	font-size: 1em;
				margin: 0 0 .5em 0; 
			}
div#content p		{ 	margin: 1em 0; 
				padding: 0;
			}
div#content ul		{ 	margin: 1em 0 1em 2em; 

			}
div#content li		{ 	padding: 0; 
			}
p#first 		{ 	margin-top: 0;
				font-style: italic;
			}
div#date		{	margin-left: 200px;
				margin-right: 150px;
				padding: .5em;
				text-align: right;
				clear: both;
			}
div#footer		{	clear: both;
				height: 70px;
				text-align: center;
			}
div#footer p		{	padding-top: 2em;
			}
div#formcontainer 	{	margin: 25px 0 0 5px;
				width: 98%;
			}
div#formcontainer form  {
			}

div#formcontainer div.clearform	{	padding: 5px 0px; 
					vertical-align: top;
			}

div#formcontainer form label {	width: 100px; 
				float: left;
				color: #fff; 
				margin-right: 10px;
			}

.formcaption 		{	color:#fff; 
				font-size: .75em; 
			}	
div#formcontainer div.buttongroup 	{	float: left; 
						margin: 0px; 
						padding: 0px;
			} 
div#formcontainer div.buttongroup div 	{	margin-bottom: 5px; 
					} 
div#formcontainer div.buttongroup input	{	margin-right:5px;
					} 
.clearform	{	width: 99%;
			overflow: hidden;
			margin: .5em 0;
		}
.button		{	font-family: verdana, arial, sans-serif;
			color: #fff;
			background-color: #4B5B86;
			padding: .1em 1.2em;
			font-weight: bold;
			font-size: .85em;
		}
textarea	{	font-family: verdana, arial, sans-serif;
			font-size: 1em;
		}
table#admin	{	color: #000;
		}
table#admin td	{ 	padding: 2px;
		}
a:link		{	text-decoration: none;
			color: #fff;
		}
a:visited 	{	
			color: #E8E8E8;
			text-decoration: none;
			}
a:hover 	{	
			color: #000;
			text-decoration: underline;
			}

/* THE HORIZONTAL MENU STARTS HERE */

div#listmenu 	{	font-size:.85em;	/* SET FONT-SIZE HERE */
			font-weight: bold;
			margin-left: 0;
			padding-top: 3px;

	}
div#listmenu ul {	margin:0; /* indents ul from edge of container */
		}
div#listmenu li {	float:left;
			position:relative; 
			list-style-type:none;
		}
div#listmenu a 	{	display:block;
			padding: 0 3px;
                        margin: 0 10px; /*creates space each side of menu item's text */
			text-decoration:none;	 /* removes the underlining of the link */
			color:#fff;	/* sets the type color */
		}
div#listmenu a:hover 	{	
			color:#6776A1;
			text-decoration: none;
			background-color: #fff;
			}
/* the horizontal menu ends here */


/* the drop-down starts here */

div#listmenu ul li ul 	{
			margin:0;
			position:absolute;
			width: 200px;
			left:-1px;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			}
div#listmenu ul li ul li {
			width: 100%;
			background-color: #7F8BAB;
			padding-top: 5px;
			padding-bottom: 5px;
			border-top: 1px solid #fff;
			}
div#listmenu ul li ul li:first-child {
        border-top:1px solid #fff; /*the top edge of the dropdown */
	}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul 	{	display:none;
			}
div#listmenu ul li:hover ul {	display:block; 
			}

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
				float:left;
				border-left:none; 	/* adds the leftmost menu vertical line to the ul */
				margin-left: 0; 	/* IE doubles the given value above - why? */
			}
* html div#listmenu a 	{	display:block;
			} 	/* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top: 0 ;
	border-left:1px solid #fff; /* stops the drop inheriting the ul border */
	}
* html body		{	behavior:url('/style/csshover.htc');
		}
/* end of hack zone */

/* END OF LIST-BASED MENU */