<style type="text/css">

html {
	margin: 0px;
	padding: 0px;
	font-size:100%;
	}

body {
	margin: auto;
	font-family: 'Open Sans', sans-serif;
	background-color:#D4F1FF;
	/*background: url("images/medsand.gif") repeat;*/
/*	max-width:1060px;*/
	font-size: 8pt;
}


h1,h2,h3,h4 {
	font
}

.adsense_horizontal {
}

h1 {
	font-size: 14pt;
}

h2 {
	/*font-family: Georgia, serif;*/
	font-size: 10pt;
}

h3 {
	/*font-family: Georgia, serif;*/
	color: #1006b8;
	font-size: 8pt;
}

h4 {/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 10pt;
	color: #1006b8;
	line-height:1.2em;
	}

p {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

.bold {
	font-weight: 700;
}

#nav, .button {
	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;
	
}

a.button {
    font-size: 10pt;
    background-color: #1e5799;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
	font-variant: small-caps;
	border-bottom: 1px #000;
}
.button:hover {
    text-decoration: none;
}
.full {
	width: 30%;
	clear: both;
}


#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: 10pt;
	font-weight: 700;
	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;
	}

#primary {
	/*width: 70%;*/
}

#secondary {
/*	width: 30%;*/
}

#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;*/
}


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


.topless {
	border-top: 0;
}

.small {
	font-size: 10pt;
}

.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:700;
	
}


/* Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}	

#right_column {
	margin-top: 10px;
	margin-right: 5px;
	float: right;
	width:30%;
	/* min-width: 220px; */
	padding: 5px;
	background-color: #fff;
	font-size: 10pt;
	color: #000;
	/*margin-left: -100%;*/
}

#right_column p {
	font-size: 10pt;
	/*font-family: sans-serif;*/
	color: #000;
}

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


.first-letter {
	font-size : 300%;
	 font-weight : 700;
	 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/babelfish.png");
	background-repeat: no-repeat;
	background-position: right;
	padding: 5px 5px 5px 10px;
}

/*The CSS code below will ensure that your images will never be bigger than their parent container.*/
img {
	max-width: 100%;
}
/**/

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: 10pt;
}

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

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: 10pt;
}

ol, ul {
	font-size: 10pt;
}

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

.hovermenu ul {
	font-weight: 700;
	/*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: 700;
	/*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; font-size: 0.5rem;
}

.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:700;
    margin-right:10px;
    padding:5px;
    width:100px;
}
 
dl dd {
    margin:2px 0;
    padding:5px 0;
    
}

dd {
  float:left;
	clear: right;
}

/* @media (min-width: 640px) { body {font-size:1rem;} } 
@media (min-width:960px) { body {font-size:1.2rem;} } 
@media (min-width:1100px) { body {font-size:1.5rem;} } */

</style>