/******************************************************************************
 * styles for the menu
 * thanks to Eric Meyer for his article "Pure CSS Menus" - see
 * http://www.meyerweb.com/eric/css/edge/menus/demo.html
 */
ul.menu {
	padding: 0; 
	margin: 0; 
}

li.menu {
	list-style-type: none;
	position: relative; margin: 0; padding: 0;

	border-bottom: 1px dashed #D8EE44;
	
	padding-left: 0;
	padding-right: 0;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 0;
	margin-right: 3px;

}

li.menu li {
	border: none;
}

li.menu a {
	display: block;
	padding: 3px 5px;
	text-decoration: none;
	background: #F6F8FC;
}
ul.menu ul {
	display: none;
	border: 1px solid #D8EE44;
	background-color: #F6F8FC;
	width: 14em;
}

ul.menu li:hover > ul {
	display: block; 
	position: absolute; 
	top: -1px; 
	left: -80%;
}

ul.menu li a:hover {
	background: #D8EE44;
}


/******************************************************************************
 * Parts of the layout, and their positioning
 */
body {
	background-image: url('images/sky-bg.gif');
	background-repeat: repeat-x;
}

#headline {
	background-image: url('images/sky.jpg');
	position: absolute;
	top: 0px;
	left: 0px;
	width: 851px;
	height: 130px;	
}

#content {
	position: absolute;
	top: 100px;
	left: 8px;
	margin: 30px;
	padding-right: 220px;
	margin-right: 0;
}

#content div {
	/* 
	 * add padding to the left of the content div to make room for the
	 * outdent given to headings
	 */
	padding-left: 1.876em;
}

#background {
	background-image: url('images/stethoscope.gif');
	position: absolute;
	top: 130px;
	left: 100%;
	width: 268px;
	height: 630px;
	margin-left: -320px;
	overflow: visible;
	display: block;
}

#news div {
	padding-left: 0;
	margin-bottom: 3em;
}


/******************************************************************************
 * Navigation menus
 */
#navigation {
	position: absolute;
	left: 100%;
	top: 20px;
	width: 180px;
	margin-left: -190px;
	padding-left: 0;
}

#navigation li {
	text-align: right;
	font-size: 8pt;
}

#navigation a {
	display: block;
	padding: 3px 5px;
}

#navigation h1 {
	height: 1.6em;
	text-align: right;
	margin-top: 0;
	margin-left: 0;
	background-color: #D8EE44;
	font-size: 80%;
	padding: 3px;
}

#navigation div {
	border: 1px solid #D8EE44;
	margin-bottom: 30px;
	padding-left: 0;
	background-color: #F6F8FC;
}

div#search {
	height: 1.6em;
	width: 100%;
	background-color: #D8EE44;
}

#search-input {
	width: 120px;
	border: none;
	color: #0041AD;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	background-color: #D8EE44;
	float: right;
	clear: right;
	margin: 3px;
}

#search-button {
	float: left;
	clear: left;
	margin-left: 2px;
}

#search form {
	margin: 0;
	padding: 0;
}

#search h1 {
	display: none;
}

div#gecko {
	border: none;
	background-color: transparent;
	width: 120px;
	margin-top: 50px;
}

#gecko a:hover {
	background-color: transparent;
}
#gecko p {
	font-size: 60%;
	color: #0041AD;
	text-align: left;
}