/* Global Styles */

/*body {
	margin:0px;
	} */
	

/* a {
	color: #993300;
	} */
	
/*a:hover {
	color: #DEC7F6;
	} */

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red }

/* ID Styles */

#header {
	color: #FFFFFF;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

/*	
#header:hover {
	color:#333333;
	background-color: #FFFFFF;
	}
*/

/*
#navigation td {
	border-bottom: 1px solid #F4FFE4;
	}
*/

	
/*#navigation a {*/
/*	color: #FFFFFF; */
/*	line-height:16px; */
/*	letter-spacing:.1em; */
/*	text-decoration: none;*/
/*	display:block; */
/*	padding:8px 6px 10px 20px;*/
/*	font-family: Arial, Helvetica, sans-serif;*/
/*	font-size: medium*/
/*	font-size: 12px;*/
/*	font-weight: bold;*/
/*	text-align:center;*/
/*	border: none	*/
/*	}*/


/*	
#navigation a:hover {
	color:#333333;
	background-color: #DEC7F6;
	}
*/

#logo 	{
	font:24px Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight:bold;
	letter-spacing:0.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	
/* Class Styles */

.style01 {font-family: "Times New Roman", Times, serif}
/*Foregroud Purple rgb(110, 0, 150) */
.style02 {color: #6F0096; text-decoration:none;}
.style02 a:hover, .style02 a:visited {color: #6F0096; background-color:#FFFFFF}
/*Foreground Turquoise rgb(0, 200, 200) */   
.style03 {color: #00C8C8}
/*Background Purple rgb(222, 199, 246) */
.style04 {color: #DEC7F6}
/*Background Turquoise rgb(160, 255, 255) */
.style05 {color: #A1ffff}

.style08 {color: #53005D}

/* ================================================================ This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
=================================================================== */
.menu {width:981px; height:32px; position:relative; z-index:100; border-right:1px solid #000; font-family:arial, sans-serif; background:none}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:991px; w\idth:990px; background:none}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; background:none}
.menu ul ul {width:109px; background:none}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:109px;position:relative;}
/* style the links for the top level */
/*colour=foreground menu text colour; background=menu fillin colour */
.menu a, .menu a:visited {display:block;font-size:12px; text-decoration:none; color:#6F0096; width:108px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background: none; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:109px; w\idth:98px; background:none}
/* style the second level background */
/* Background=background colour of the select for the lowest menu. */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#A1FFFF url(grey-arrow.gif) no-repeat 90px center;}
/* style the second level hover */
/* Background=hover background and select for entry into the lower menu. */
.menu ul ul a.drop:hover{background:#00B0B0 url(blue-arrow.gif) no-repeat 90px center;}
.menu ul ul :hover > a.drop {background:#00B0B0 url(blue-arrow.gif) no-repeat 90px center;}
/* style the third level background */
/*Background=bacground colour of the lowest menu */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#A1FFFF;}
/* style the third level hover */
/* Background=hover colour on lowest menu */
.menu ul ul ul a:hover {background:#00B0B0;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:109px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
/* position the third level flyout menu */
.menu ul ul ul{left:109px; top:-1px; width:109px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-109px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
/* Background=background colour of the first drop menu. Colour=text colour. */
.menu ul ul a, .menu ul ul a:visited {background:#E8ACFE; color:#000; height:auto; line-height:1em; padding-top: 5px; padding-bottom: 5px; width:108px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:110px;w\idth:88px;}
/* style the top level hover */
/* Background=hover colour on the top menu. Colour=hover text colour on top menu. */
.menu a:hover, .menu ul ul a:hover{color:#FFFFFF; background:#BA00FE;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFFFFF; background:#BA00FE;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}




	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #6F0096;
	line-height:26px;
	letter-spacing:.21em;
	}

.pageHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #6F0096; 
	font-size: 36px;
/*	line-height: 26px;*/
	letter-spacing:.2em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #6F0096; 
	font-size: 16px;
	line-height:22px;
	text-decoration:none;
	letter-spacing:.2em;
	}

.subHeadertwo {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #300C8C8; 
	font-size: 16px;
	line-height:22px;
	text-decoration:none;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 12px;
	}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
	
.TopText { 
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 12px;
	}