body { font-family: "gill sans mt",sans-serif ;margin-left: 1em;
	background-color: #e1e3eb;
	background-color: white;
	font-size: 0.8em;
	}

h2 { padding-bottom: 0; 
	background: transparent url("images/line.jpg") no-repeat 0px 1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	clear: both;
}

h3 { padding-bottom: 0; 
	margin-top: 1em;
	margin-bottom: 0.5em;
}

p {margin-left: 1em; margin-right: 1em; margin-top:0em}
p.alt { font-size: 0.9em }

p.tip { background: url("images/tip.jpg") 2px 0.5em no-repeat;
	font-size: 0.9em;
	margin-left: 2.5em ; 
	margin-right: 10em ;
	padding: 0.5em 0.5em 0.5em 35px ;
	}

div.topbar {
	position: absolute;
	top:0px;
	left:10px;
	width:900px;
	height: 90px;
	background: #FFFFFF url("images/logo.jpg") no-repeat;
	}

div.menuback { position: absolute; top: 110px; left: 5px;
        width:900px;
        height:20px;
        background-color: #89A4FF;
        border: solid 1px #3F7D94;
       
}

div.menu { position: absolute; top: 95px; left: 10px;
        width:900px;
        height:60px;
        line-height: 75px;
        vertical-align: middle;
}
html>body div.menu {
        top: 115px;
        height:60px;
        line-height: 1em;
}

div.menu a {
        color: #FFFFFF;
		background: black;
        padding: 10px 15px;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        border: solid 2px #748395;
        margin: 5px;
}

div.menu a:hover {
        color: white;
        background-color: #748395;
        }

div.submenu { margin-top:0.3em; margin-bottom: 0.7em; }

div.submenu a { font-family:"verdana",sans-serif;
	font-size:0.8em;
	font-weight: bold;
	text-align:left;
	height: 1.5em;
	background-image: none;
	color: blue;
	margin-left:2em; 
}

div.submenu a:hover { color:white; 
	background-color: blue;
	text-align:left;
	background-image:none; }

div.col1 { position: absolute; top: 160px; left:10px;
	margin: 0.5em; padding: 0.5em;
	width: 200px;
	border: solid 1px black;
}

div.col1 p { margin-left: 0; }

div.col2 { position: absolute; top: 160px; left:220px; 
	margin:0.5em; padding: 0.5em;
	width: 475px}
div.col2 a:link { color: #5040FF ; text-decoration: underline ; font-weight: bold }

div.col3 { position: absolute; top: 160px; left:695px;

	margin: 0.5em; padding: 0.5em;
	width: 190px;
	border: solid 1px black;

}
div.col3 h3 { margin-top: 0; }
div.col3 p { margin-left: 0; }

div.body { position: absolute; top: 160px; left:110px; 
	margin:0.5em; padding: 0.5em;
	width: 645px}
div.body a:link { color: #5040FF ; text-decoration: underline ; font-weight: bold }

div.screenshots { padding: 1em; position: relative; width: 1200px;  };
div.hidden { position: absolute; top: 4em; left:155px; 
	margin:0.5em; padding: 0.5em; visibility: hidden}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightblue;
padding: 5px;
left: -640px; 
top: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 30px;
left: 0px; /*position where enlarged image should offset horizontally */
}

.thumbnail p {
	text-decoration: underline;
}