img { border-width: 0; }

img.img-right {
	margin-left: 10px;
	float: right;
	margin-bottom: 10px;
}

img.img-left {
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
}

ul {
	font-size: 1.0em;
}

span.md5 {
  font-size: 0.9em;
}

p.section-head {
	margin-top: 2em;
}

p + ul {  
	margin-top: -0.8em;
}

/*************************************************************
******************** Begin Wide Screen ***********************
*************************************************************/
@media (min-width: 660px) {

	body {
	  margin-left: 10px;
	  color: black;
	  background-color: white;
	  font-size: 100%;
	  font-family: Verdana, Geneva, sans-serif;
	  padding-bottom: 10px;
	}

	#main {
	  font-size: 0.75em;
	  line-height: 1.4;
	  width: 700px;
	}

	a:link {color: #1825A0;}
	a:visited {color: #606060;}
	a:hover {background-color: #FFFF00;}
	a.clear:hover {background-color: transparent;}

	#nav-top {
	  font-weight: normal;
	  font-size: 1.1em;
	  line-height: 1.4;
	  text-align: center;
	  margin: 1.4em 0 1.4em 0;
	}

	#nav-top ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	}

	#nav-top ul li {
	  display: inline;
	  margin: 0 2.4em 0 0;
	}

	#nav-top ul li a {
	  text-decoration: none;
	  position: relative;
	}

	#nav-top ul li a:active {
	   top: 0.1em;
	   left: 0.1em;
	}
	
	h1 {
		font-size: 1.8em;
		font-weight: bold;
		line-height: 1.1;
		text-align: center;
		margin: 1.4em auto 1.4em auto;
	}

    h2 {
		font-size: 1.4em;
		font-weight: bold;
		margin-top: 1.2em;
	}
	
	h3 {
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 1.4em;
	}
	
	#screenshot-main {
		display: block;
		margin: 0 auto 2em auto;
	}
}  /* End Wide Screen (min-width: 660px) */

/*************************************************************
******************* Begin Narrow Screen **********************
*************************************************************/
@media (max-width: 659px) {
	
	body {
	  margin: 0 0.5em 1.5em 0.5em;
	  color: black;
	  background-color: white;
	  font-size: 100%;
	  font-family: verdana, sans-serif;
	}

	#main {
	  font-size: 1em;
	  line-height: 1.25;
	  max-width: 480px;
	  margin: 0 auto;
	}

	a:link { color: #1825A0; }
	a:visited { color: #606060; }
	a:active { background-color: #FFFF00; }

	#nav-top {
	  font-weight: normal;
	  font-size: 0.8em;
	  line-height: 2.0;
	  text-align: center;
	  margin: 0.8em 0 0 0;
	}

	#nav-top ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	}

	#nav-top ul li {
	  display: inline;
	  margin: 0 1.6em 0 0;
	}

	#nav-top ul li a {
	  text-decoration: none;
	  position: relative;
	}
	
	h1 {
		font-size: 1.6em;
		font-weight: bold;
		line-height: 1.1;
		text-align: center;
		margin: 0.6em auto 0.8em auto;
	}

    h2 {
		font-size: 1.2em;
		font-weight: bold;
		margin: 0;
		padding-top: 0.4em;
	}
	
	h3 {
		font-size: 1.2em;
		font-weight: bold;
		padding-top: 0.4em;
		margin: 0;
	}
	
	#screenshot-main {
		display: block;
		margin: 0 auto;
		width: 90%;
	}	
}  /* End Narrow Screen (max-width: 659px) */