/* Global Styles */

body {
	margin:0px;
	}
	
a {
	color: #993300;
	text-decoration: none;
	}
	
a:hover {
	color: #5C743D;
	}

/* ID Styles */

#logo 	{
	font:30px Calibri, Helvetica, sans-serif;
	color: #ffffff;                                  /* Color of the logo text */
	letter-spacing:.2em;
	line-height:30px;
	}

#logo  a {
	color: #ffffff;                                  /* Color of the logo text */
	text-decoration: none;
	}

#tagline 	{	
	font:15px Calibri, Helvetica, sans-serif;
	color: #F4F4F4;                                  /* Color of the logo tagline */
	text-decoration:none;
	letter-spacing:.4em;
	line-height:18px;
	}

#box {
	MARGIN-TOP: 0px;
	FLOAT: right;
	WIDTH: 150px;
	HEIGHT: 100%;
	background-color: #f4f4f4;                       /* Background color of the optional box */
	border: 1px solid #cccccc;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 8px;
}

#box H1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #111111;
	line-height:22px;
	letter-spacing:.2em;
	}
	
#box2 {
	MARGIN-TOP: 0px;
	FLOAT: left;
	WIDTH: 150px;
	background-color: #f4f4f4;                       /* Background color of the optional box */
	border: 1px solid #cccccc;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 8px;
}

#box2 H1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #111111;
	line-height:22px;
	letter-spacing:.2em;
	}

/* Class Styles */
	
.bodyText {
	font:14px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #555555;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #111111;
	line-height:22px;
	letter-spacing:.2em;
	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}

.imageText {
	font: italic 10px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	}
	
.footnote {
	font:10px Arial, Helvetica, sans-serif;
	color:#888888;
	margin-top:0px;
	}
	
.footnote a{
	font:10px Arial, Helvetica, sans-serif;
	color:#888888;
	margin-top:0px;
	}
	
.tablelisting {
	font: 14px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
.grey {
	background: #F4F4F4;
	}
	
.tablelisting a{
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#444444;
	}

/* Here starts the code of the pop-out menu */

#menu {
	width: 165;
	background: #F4F4F4; /* Background color of the menu */
	color: #225588 /* Text color of the menu */
	}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu a, #menu h2 {
	font: bold 11px Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	display: block;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #cccccc; /* Border color of the menu */
	margin: 0;
	padding: 8px 6px 10px 20px;
	}

#menu h2 {
	color: #F4F4F4;
	}

#menu a {
	color: #225588; /* Text (link) color of the menu */
	text-decoration: none;
	background: #F4F4F4;
	}

#menu a:hover {
	background: #225588; 
	color:#ffffff;
	}

#menu li {
	position: relative;
	}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
	{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
	{display: block;}