/* General
--------------------------------------------------------------- */
body								{ background: #FFF url(../img/header-bg.png) repeat-x; text-align: center; }
a									{ color: #C00; }
#container							{ margin: 0px auto; width: 900px; }
#header								{ margin-bottom: 20px; }

/* Menu
--------------------------------------------------------------- */
ul#menu								{ height: 38px; position: relative; z-index: 200; }
ul#menu li							{ background: transparent url(../img/dropdown-arrowdown.png) no-repeat right; float: left; font-size: 10px; margin-right: 24px; padding: 10px 18px 12px 0px; zoom: 1; }
ul#menu li.nodropdown,
ul#menu li.nodropdown:hover			{ background: none; padding-right: 0px; }
ul#menu li a						{ color: #FFF; font-weight: bold; text-decoration: none; }
ul#menu li.hover,
ul#menu li:hover					{ background: url(../img/dropdown-arrowdown-hover.png) no-repeat right; position: relative; }
/* 2nd Level */
ul#menu ul							{ background: transparent url(../img/dropdown-sub-bg.png) repeat-y; color: #FFF; left: 0px; position: absolute; top: 100%; visibility: hidden; }
ul#menu ul li						{ background: none; border-bottom: 1px solid #666; display: inline-block; margin: 0px; padding: 8px 12px 12px; text-align: left; width: 190px; } /* IE 6 & 7 Needs Inline Block */
ul#menu ul li.hover,
ul#menu ul li:hover					{ background: url(../img/dropdown-sub-bg.png); }
ul#menu ul li a						{ color: #CCC; text-decoration: none; }
ul#menu ul li.hover a,
ul#menu ul li:hover a				{ color: #FFF; }
/* 3rd Level */
ul#menu ul ul						{ left: 100%; top: 0; }
ul#menu ul ul li					{ font-size: 9px; }
ul#menu ul ul li a:hover			{ color: #C00; }
ul#menu li:hover > ul				{ visibility: visible; }

/* Image Fade
--------------------------------------------------------------- */
#imageFade							{ background: url(../img/imagefade-bg.png) no-repeat; float: left; height: 400px; padding: 20px; text-align: left; width: 380px; }
#imageFade li						{ height: 400px; text-align: left; width: 380px; }
#imageFade li img					{ height: 380px; width: 380px; }

/* Content
--------------------------------------------------------------- */
#content							{ padding: 0px; margin-left: 440px; text-align: left; width: 460px; }
#content #logo						{ display: block; margin-bottom: 20px; text-align: center; }
#content h1							{ color: #C00; font: bold 24px 'Myriad Pro',Helvetica,Arial,sans-serif; margin: 0px 0px 20px; }
#content h1 small					{ color: #999; display: block; float: right; font: 10px Verdana,Helvetica,sans-serif; letter-spacing: 0px; position: relative; top: 15px; }
#content h2
{
	color: #666;
	font: bold 18px 'Myriad Pro',Arial,Helvetica,sans-serif;
}
#content p
{
	line-height: 1.2em;
	text-align: justify;
}
#content #intro
{
	color: #999;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
}
/* Footer
--------------------------------------------------------------- */
#footer { background: #222 url(../img/footer-bg.png); clear: both; color: #FFF; font-size: 9px;
	height: 200px;
	margin-top: 40px;
	padding-top: 16px;
	text-align: center;
}
/* Highlights
--------------------------------------------------------------- */
#footer #footer_container {
	height: 162px;
	margin: auto;
	overflow: hidden;
	text-align: left;
	width: 900px;
}
#footer #footer_container a {
	color: #f0ac5b;
}
#footer #footer_container h1 {
	border-bottom: 1px solid #f0ac5b;
	font: bold 18px 'Myriad Pro',Helvetica,Arial,sans-serif;
	padding-bottom: 3px;
}
