html {
	margin: 0px;
	padding: 0px;
}

h1,h2,h2 {
	font-family: Georgia,serif;
}

.adsense_horizontal {
}

h1 {
	font-size: 32px;
	font-weight: 800;
	color: #000;
}

h2 {
	font-family: Georgia, serif;
	font-weight: 800;
	color: #000;
	font-size: 14pt
}

h3 {
	font-family: Georgia, serif;
	font-weight: 800;
	color: #1006b8;
	font-size: medium;
}

h4 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	font-size: small;
	color: #1006b8;
	line-height:1.2em;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small
}

.bold {
	font-weight: 800;
}

#nav {
	clear: both;
	background: #1e5799;
	background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
	background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	padding: 6px 10px 10px 10px;
	margin: 0px 5px 0px 5px;
}

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

#nav li {
	display: inline;
	margin: 0px;
	padding: 10px;
}

.menu {
	/* border-right: 2px solid #ccc; */
	text-decoration: none;
	padding: 8px 10px 12px 8px;
	color: #fff;
	font-size: small;
	font-weight: 800;
	background-color: inherit;
}

.menu:hover {
	background: #b8e1fc;
	background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd));
	background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
	background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
	background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 );
	background: linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
	color: #fff;
	}

#main {
	margin: 5px;
	margin-right: 245px;
	background-color: white;
	font-family: verdana, arial, sans-serif;
	padding: 5px 10px 5px 20px;
	/* border-right: solid #ccc 2px; */
}

#mainwrapper {
	float: left;
	width: 1000px;
}

body {
	margin: auto;
	font-family: verdana, arial, sans-serif;
	background-color:#ccc;
	background: url("images/medsand.gif") repeat;
	width:1048px;
}

.calculator {
	border: solid 2px #0080ff;
	font-size: small;
	max-width:400px;
	margin-right: auto;
	margin-left: auto;
	
}



.topless {
	border-top: 0;
}

.small {
	font-size: small;
}

.calc-text {
	text-align:right;
	padding-right: 1em;
}
.calc-value,.calc-header {
	text-align: center;
	
}

.button {
	text-align: center;
}

input {
	text-align:center;
}
 
.user_input{
	
}

.result{
	background-color:#ccffff; 
	font-weight:bold;
	
}

#right_column {
	margin-top: 10px;
	margin-right: 5px;
	float: right;
	width: 220px;
	padding: 5px;
	background-color: #fff;
	font-size: small;
	font-family: sans-serif;
	color: #000;
	margin-left: -100%;
}

#right_column p {
	font-size: small;
	font-family: sans-serif;
	color: #000;
}

#right_column img {
	display: block;
	margin-left: auto;
	margin-right: auto
}


.first-letter {
	font-size : 300%;
	 font-weight : bold;
	 float : left;
	 width : 1em;
	 color : #c00;
	 text-shadow: 1px 1px 5px yellow;
}

#wrapper {
	width: 100%
}

<!--#f3f7d1-->

blockquote {
	font-family: Times, serif;
}

#header {
	margin: 5px;
	background-image: url("images/how_many_fish_banner3.jpeg");
	background-repeat: no-repeat;
	padding: 5px 5px 5px 10px;
}

img.title {
	float: left;
	height: 135px;
}

img.logo {
	width: 180px;
}

a img {
	border: 1px solid white;
}

a:hover img {
	border: 1px solid red;
}

a:hover {
	color: red;
/*

irrelevant definition to overcome IE bug */
}

#logo {
	position: absolute;
	top: 10px;
	left: 630px;
	width: 180px;
	padding: 5px 5px 5px 5px;
	background-color: white;
	height: 20px;
	text-align: center;
}

#search {
	width: 180px;
	height: 120px;
	position: absolute;
	top: 50px;
	left: 630px;
	background-color: white;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

#adsense {
	width: 180px;
	height: auto;
	position: absolute;
	top: 190px;
	left: 630px;
	background-color: white;
	padding: 0;
	text-align: center;
}

#pic {
	float: right;
	width: auto;
	margin: 0 0 15px 20px;
	padding: 15px;
	border: 1px solid black;
	text-align: center;
	font-size: medium
}

#picmid {
	width: auto;
	margin: 0 0 15px 20px;
	padding: 15px;
	border: 1px solid black;
	text-align: center;
	font-size: medium
}

span.foo {
	float: left;
	width: 0.7em;
	font-size: 400%;
	font-family: "courier new", serif;
	line-height: 80%;
	color: #1006b8
}

p.indent {
	margin: 25px
}

ol.top-list li {
	font-size: medium;
}

ol, ul {
	font-size: small;
}

#menubar {
	width: 600px;
	height: 20px;
	font-family: "courier new", serif;
	color: #1006b8;
	/* border: 1px groove; */
	text-align: center;
	font-weight: 800;
	background: white;
}

.hovermenu ul {
	font-weight: 800;
	font-family: "courier new", serif;
	padding-left: 0;
	margin-left: 0;
	height: 20px;
	width: 600px
}

.hovermenu ul li {
	text-align: center;
	list-style: none;
	display: inline;
	font-weight: 800;
	font-family: "courier new", serif;
	font-size: 16px;
	background-color: #FFFFFF;
}

.hovermenu ul li a {
	padding: 2px 0.5em;
	text-decoration: none;
	float: left;
	color: #1006b8;
	background-color: white;
	/* border: 1px solid #1006b8; */
}

.hovermenu ul li a:hover {
	background-color: #FFE271;
	/* border-style: outset; */
}

.darkblue {color: #1006b8;
	
}
.lightblue{color: #0080ff;
	
}

td {
	text-align:center;	
}

tr {
	height:18px;
}

#footer {text-align:center; border-top: 3px solid #0080ff; clear:both; padding: 5px;}

.search {float:right}

.italic {font-style:italic}

#content_wrapper {background-color:#000; border:none; margin: 5px; background-color:#fff;}

html>body .hovermenu ul li a:active {
	

/* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}



/*DL, DT, DD TAGS LIST DATA*/
dl {
    margin-bottom:50px;
}
 
dl dt {
    background:#5f9be3;
    color:#fff;

    font-weight:bold;
    margin-right:10px;
    padding:5px;
    width:100px;
}
 
dl dd {
    margin:2px 0;
    padding:5px 0;
    
}

dd {
  float:left;
	clear: right;
}