/* ------------------------------ */
/* 1. universal reset */
/* ------------------------------ */

* {
	margin: 0;
	padding: 0;
}

/* ------------------------------ */
/* 2. page layout */
/* ------------------------------ */

	/* base */

body#pagetop {
	margin: 0;
	padding: 0;
	color: #CCCCCC;
	background: #000000;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;	text-align: center;
}

div#general {
	width: 900px;
	margin: 0 auto 0 auto;
	background: #333333;
	text-align: left;
}

div#empty {
	height: 35px;
	/* background: #444444; */
}

div#bordertop {
}

div#top {
	clear: both;
}

div#content {
	/* background: url(images/topcontainer.gif) no-repeat 50% 0; */
	margin-top: 10px;
}

div#main {
	/* border-right: 1px solid #999999; */
	min-height: 600px;
	width: 900px;
	float: left;
	padding: 0px 10px 0 10px;
}

div#bottom {
	clear: both;
	width: 900px;
	height: 40px;
	padding: 0 0 0 0;
	background: url(images/footer_hd.jpg) no-repeat 0 0;
}

div#footer {
	clear: both;
	width: 900;
	height: 200px;
	background: #333333 url(images/footer_bg.jpg) no-repeat 0 0;
}

div#footer a:link,div#footer a:visited,div#footer a:active,div#footer a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

div#close {
	clear: both;
	/* width: 900px; */
	height: 60px;
	padding: 10px 0 0 0;
	color: #333;
	background: #000000;
	text-align: center;
	font-size: 11px;
}

	/* title */

div#header {
	height: 110px;
	background: #000000 url(images/header.gif) no-repeat 0 0;
	vertical-align:baseline;
}

	/* main */

div#main div.container {
	margin-top: 20px;
	padding-right: 20px;
	padding-bottom: 8px;
}

div.container ul {
	margin-left:20px;
	/* list-style-image: url(images/list.gif); */
}

div.container ul ul {
	/* list-style-image: url(images/list2.gif); */
}


div#main div.section {
	padding-top: 9px;
}

/* ------------------------------ */
/* 3. layout */
/* ------------------------------ */

	/* home */

div#backgr h1 {
	height: 40px;
	font-size: 14px;
	color: #CC6600;
	vertical-align: baseline;
}

div#backgr h2 {
	height: 40px;
	font-size: 18px;
	color: #CC6600;
	vertical-align: baseline;
}

div#backgr h3 {
	padding-top: 20px;
	font-size: 24px;
	color: #CC6600;
	vertical-align: baseline;
}

div#backgr hr {
	width: 880px;
	height: 1px;
	text-align: center;
	color: #333333;
	border-top: 1px solid #666666;
	margin-bottom: 20px;
}

/* ------------------------------ */
/* 4. links */
/* ------------------------------ */

div#header a:link,div#header a:visited,div#header a:active,div#header a:hover,div#top a:link,div#top a:visited,div#top a:active,div#top a:hover {
	border: none;
	text-decoration: none;
}

a:link,a:visited {
	color: #CC6600;
	text-decoration: underline;
}

a:active,a:hover {
	color: #CC6600;
	text-decoration: underline;
}

div#right a:active,div#right a:hover {
}

/* ------------------------------ */
/* 6. other */
/* ------------------------------ */

strong {
	color: #CCCCCC;
	font-weight: bold;
	line-height: 24px;
	vertical-align: baseline;
}

#bookmark{
	height: 100px;
	position: relative;
	top: 50px;
}

/* ******************************************
	form
****************************************** */	
form {margin: 0;}
input,
textarea {
	color: #333;
	background: #999999;
	border: 1px solid #666666;
}

.logout {
	width: 80px;
	height: 20px;
	color: #CCCCCC;
	font-size: 12px;
	background: transparent;
	border: none;
	text-align: left;
}

/* **************************************************************
	H e a d e r  M e n u

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
************************************************************** */
#navContainer {margin-top: 0px; height:40px; display:block;clear:both; background: transparent url(images/menue-bg1.png) no-repeat;}

 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	float:left;
	height: 40px;
	border: 0;
	padding:0;
	margin:  0px 20px 0px 30px;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative; 
}

/* Root Level Link Formatting */
#nav ul li {float: left; color: #999999; text-align: center; font-weight: normal; }
#nav ul li a {display: block; background: transparent; padding: 12px 32px 13px 32px; color: #999999; text-decoration: none; font-weight: bold; }
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active {background: url(images/navbgl1hi.jpg); padding: 12px 32px 13px 32px; color: #CCCCCC; }

/*Current page Customisations*/
#nav a.menu-current { }
#nav a.menu-parent { }

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 11em; margin-top: 38px; margin-left: -100%; display: none; text-transform: none; border-bottom: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; font-size: 100%; background: transparent url(images/menue-bg.png) repeat;}
#nav .menu li ul li {width: 11em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul li a {width: 10.5em; padding: .3em .1em .3em .4em; color: #CCCCCC; border-top: 1px solid #666666; border-left: 0px solid #666666; border-right: 0px solid #666666; font-weight: normal;  background: none;}

/* 2nd Child link hover */
#nav .menu li ul a:hover { background: url(images/navbgl1hi.png); color:#CCCCCC;}
#nav .menu li ul a.menu-current { }

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}

/* 3rd Child Menu Appreances */
#nav .menu li ul li ul	{ margin: 15px 0 0 -30%; z-index: 9999;  background: transparent url(images/menue-bg.png) repeat;}
#nav .menu li ul li ul li	{width: 11em;}
#nav .menu li ul li ul li a 	{ width: 10.5em;}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul	{  width: 9em; background: transparent url(images/menue-bg.png) repeat;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}