/* CSS Document */
div { margin: 0px;}
body {
	font-family: Arial, "Times New Roman", sans-serif;
	font-size: 9pt;
	background: url(images/background.jpg) top left repeat fixed;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF; 
	border: 5px inset #fff;
}
a, a:visited {
	color: #FFFFFF;
	font-weight: normal;
}
h1 {color: #FFFFFF; font-size: 13pt;}
h2 {color: #FFFFFF; font-size: 12pt;}
h3 {color: #FFFFFF; font-size: 10pt;}
h4 {color: #FFFFFF; font-size: 10pt;}

#container {
	width: 90%;
	margin: 0px auto;
	padding: 0px;
}
#logo {
	background: url(images/logo.png) center center no-repeat;
	width: 500px;
	height: 100px;
	margin: 0px auto;
}
#logo h1 { display: none;}
#logo p {
	text-align:center;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 55px;
}
#top, .top {
	text-align:center;
	border-bottom: 3px ridge #FFFFFF;
}
#top a, #top a:visited {
	color: #FFFFFF;
}
#mainmenu {
	width: 20%;
	display: block;
	float: left;
	margin-top: 10px;
}
#leftbanner { width: 180px; display: block; text-align: center; margin-top: 10px; padding-top : 10px; }
.center { text-align: center; }
.menu { padding: 0px; margin: 0px; }
.list {
	list-style-type: none;
}
.list a { 
	text-decoration: none;
	padding-left: 25px;
	background: url(images/nav.png) top left no-repeat;
	width: 100%;
	height: 30px;
	display: block;
}
.list a:hover { 
	background: url(images/nav2.png) top left no-repeat;

}
.list ul li {list-style-type: none; display: none;}
#content {
	width: 79%;
	display: block;
	float: right;
	padding: 10px 0px;
}
#content p { text-align: center; }
#footer { text-align: center; }
#footer img { border: 2px inset #fcfcfc;}
.subtitle { color: #cccccc; font-size: 8pt;}
.promo {
	vertical-align: top;
	background: url(images/box.png) top center repeat-x;
	text-align: center;
	padding: 10px 20px;
	border: 3px inset #f3f3f3;
}
.promo img {
	border: 1px solid #ffffff;
}
.titable { width: 50%; margin: 0px auto; border: 1px inset #e3e3e3; background: url(images/box.png) 0px -75px repeat-x; }
.titable tr td { border-top: 1px inset #c3c3c3; }
.bottom-links ul { width: 100%; display: block; }
.tlist { width: 80%; margin: 0px auto; text-align: left;}
.bottom-links ul li {list-style-type: none; float: left; width: 20%; display: block; text-align: center; }
.clear {clear: both; height: 5px; }

/* ========================== Menu CSS ====================== */
/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#flyout {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:180px;}
#flyout ul {padding:0; margin:0; list-style:none; width:180px; height:auto; background: url(images/trans.gif); position:absolute; left:-9999px; top:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin-bottom:1px;}
#flyout li a {display:block; float:left; width:180px; height:30px; background: url(images/nav-normal.png) no-repeat left bottom; color:#fff; line-height:24px; font-size:8pt; text-decoration:none; text-indent:10px;}
#flyout li a.fly {background: url(images/nav-fly.png) no-repeat left bottom;}

#flyout li:hover {position:relative; background: url(images/nav-normal.png) no-repeat left top;}
#flyout li a:hover {position:relative; color:#000;}
#flyout li:hover > a.fly {background: url(images/nav-fly.png) no-repeat left top; color:#000;} /* fly main item hover */
#flyout li:hover > a { background: url(images/nav-normal.png) no-repeat left top; color:#000;} /* main item hover */

#flyout ul li a {background: url(images/nav-normal.png) no-repeat left bottom;} /* flyout list */
#flyout ul li a.fly {background: url(images/nav-fly.png) no-repeat left bottom;}
#flyout ul ul li a {background:#ccc;}
#flyout ul ul li a.fly {background: url(images/nav-fly.png) no-repeat left bottom;}
#flyout ul ul ul li a {background:#ddd;}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:180px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a {background: url(images/nav-normal.png) no-repeat left top; color:#000;}  /* fly out hover */
#flyout ul ul li:hover > a {background: url(images/nav-normal.png) no-repeat left top; color:#000;}