/*
	MegaMicrobe Style Sheet
	Version 2.0
	January 2008
*/

body {
	font-family: sans-serif;
	font-size: medium;
	color: #000000;
	background-color:#7381AC;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

/*
	The links have an adjuested blue decoration that is a bit more subdued
	All links (image, navigation bar, and these have a hover color change.
*/
a {
	text-decoration: none;
	color: #155bff;
}

.Entry {
	clear: both;
}
.Headline {
	font-size: 120%;
	clear: both;
}


a:visited {
	color: #ea00ff;
}

a:hover {
	color: #15cdff;
}

img.link {
	border: 3px solid #8cabf3;
}

img.link:hover {
	border: 3px solid #8cdef3;
}


/**************************************
	div header
	
	The header contains the contact me mail link.
	The header contains the navigation bar.
	
*/

#header {
	font-family: fantasy;
	font-size: 120%;
	background-color: transparent;
	color: black;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	background-image: url(bug1.gif);
	background-position: 0px -5px;
	background-repeat: no-repeat;
	min-height: 80px;
	text-align: center;
}

#header p.contact 
{
	margin-right: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 100%;
}

#header p.contact a {
	text-decoration: none;
	color: #FFFFFF;
}

#header p.contact a:hover {
	color: #15cdff;
}


/*****	
	Top Level Navigation Bar

	In the top bar items there are three conditions:
	- the item is not in the tree of current pages:		blue background, hover color, black link
	- the item is the current page:						orange background, no hover color, grey link
	- the item is the root of the current page:			orange background, hover color, black link
	
	- The item has 3 ids,
		- li
		- li#current
		- li#root
		
	- a has 2 ids,
		- a
		- a#current

*****/
#header ul {
	text-align: center;
	font-family: sans-serif;
	font-size: 60%;
	border-bottom: 1px solid black;
	list-style-type: none;
	padding: 4px; 
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#header li {
	display: inline;
	background-color: #b0b0b0;
	color: black;
	padding: 4px;
	border: 1px solid black;
}


#header li#current {
	background-color: #d0d0d0;
	color: black;
	border-bottom: 1px solid #d0d0d0;
}

#header li#root {
	background-color: #d0d0d0;
	color: black;
	border-bottom: 1px solid #d0d0d0;
}

#header li:hover {
	background-color: #f0f0f0;
	color: black;
}

#header li#current:hover {
	background-color: #d0d0d0;
	color: black;
}

#header li#root:hover {
	background-color: #d0d0d0;
	color: black;
}


#header a {
	text-decoration: none;
	background-color: transparent;
	color: black;
}

#header li#current a {
	background-color: transparent;
	color: #505050;
}

#header li#subcurrent a {
	background-color: transparent;
	color: #505050;
}

/*****
	The sublist is the second level navigation bar.
	Here there are just 2 conditions:
	- the item is the current page:		orange background, no hover, grey link
	- the item is not the current page:	orange background, hover, black link
	
	
****/
#header ul#sublist {
	background-color: #d0d0d0;
	color: black;
}

#header ul#sublist li{
	background-color: #8cabf3;
	color: black;
	border-style: none;
	height: 60px;
	width: 60px;
	margin-left: 2px;
}

#header ul#sublist li:hover {
	background-color: #ffffff;
	color: black;
}

#header ul#sublist li#subcurrent {
	background-color: #d0d0d0;
	color: black;
}
	
#header li#subcurrent a {
	background-color: transparent;
	color: #505050;
}



/***********************************
			
	div main
		can contain div item
			contains p.heading
			can contain img.left
			can contain img.right
			can contain p.itemtext

***********************************/


#main {
	padding: 20px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #f0f0f0;
	color: black;
}



/***
	The slides section contains a hover scripted slide show.
***/

#slideshow {
	float: left;
}

#description {
}
img.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

img#slide
{
	float: left;
	margin-right: 20px;
}
p#caption {
	font-family: fantasy;
	font-size: 120%;
}


 img.mini
{
	margin: 2px;
	padding: 0px;
	border: 3px solid #8cabf3;
}


div.desc img.mini:hover {
	border: 3px solid #8cdef3;
}
.floatright {
	float: right;
}




hr {
	width: 100%;
	clear: both;
}


/***********************************

	div footer
	
***********************************/
/* div footer */
#footer {
	font-family: fantasy;
	font-size: 100%;
	background-color: transparent;
	color: black;
	min-height: 100px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	clear: both;
	background-image: url(bug1.gif);
	background-position: right;
	background-repeat: no-repeat;
	border-width: 0px;
}

#footer p {
	text-align: center;
}
.sold {
	color: #FF0033;
}