/*-----------------------*/
/*--  Main Sections   --*/
/*---------------------*/


html body {
	margin: 0em;
	padding: 0em;
	text-align: center;
	background-color: #cccccc;
	}
	
.all {
	margin: 0em auto;
	padding: 0em;
	width: 820px;
	text-align: left;
	background: #ffffff;	
	color: #000000;
	border: .06em solid #bbbbbb;
	}

.allbutfoot {
	width:820px;
	padding: 0em 0em .25em 0em;
	background: #ffffff;
	}
a {text-decoration: none; color:#082299;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
	
#header {margin:0em; padding:0em; height: auto; background-color: #08196b;}
#header img {margin:0em; padding:0em; z-index: 10; width: 820px; height: auto; border-style: none;}
#header ul {height: 1.5em; background-color: #08196b;  text-align: center;  list-style-type: none; margin: 0em; padding: 0em; }
#header ul li {display: inline; vertical-align:1em; font: 900 .8em verdana, arial, sans-serif; margin: 0em 3em; }
#header ul li a {color: #ffffff;}
#header ul li a:visited {color:#fff1ae;}
#header ul li a:hover {color:#cc6c00;}


#Skip {display:inline; float:right; position: relative; top:-110px; padding: 0em; margin:0em; font: normal .65em verdana, arial, sans-serif; text-align: right; color: #bbbbbb;}

#navigation {background-image:url('images/dna.jpg'); background-repeat:no-repeat; background-position:right; margin: 0em; padding: 0em; float: right; clear: right; width: 13.5em;}
#NavPanel {margin: 0em; padding: 1em 0em 1em; }
#NavPanel {list-style-type: none; text-align:left;}
#NavPanel li {padding: .5em 0em .8em .75em; text-indent:-.5em; font: bolder .8em verdana, arial, sans-serif; color: #08196b}
#NavPanel a {line-height: 1.2em; color: #2a1850;}
#NavPanel a:visited {color:#6c647b;}
#NavPanel a:hover {color:#714acb; }

em.title {font-style: italic;}

p.img {margin: 0em; padding: 0em; clear: left; font: italic .7em verdana, arial, sans-serif; text-indent:4em; position: relative; top: -.5em;}

#Content {padding: 0em 14em 1em 2em;}
#Content h1 {font: normal 1.5em georgia, serif; color: #08196b; }
#Content p.main {margin: 0em; padding:0em; font: 500 .9em georgia, serif; color: #000; text-align: left; text-indent:1em; line-height:1.7em}
#Content dl {}
#Content dt {font: bold 1em georgia, serif; padding: 1em 0em .75em;}
#Content dd {margin:0em; padding:0em;}
#Content blockquote {border: #08196b solid 1px; padding: 1em 1.25em 1.25em; margin: .5em;  background-color: #fff; display: inline; float:right;}
#Content blockquote p {margin:0em; padding:0em; font: 900 .9em verdana, arial, sans-serif; color:#000;}
#Content ul {list-style-type:none; margin: 0em; padding: .5em 1.5em .5em .5em;}
#Content ul li {margin: 0em; padding: .75em 0em; font: 500 .9em georgia, serif; color: #000; text-align: left; line-height:1.7em}
#Content ul.morelinks {list-style-type:none;}
#Content ul.morelinks li {margin:0em; padding: .5em 1em; font: 500 .9em georgia, serif; line-height: 1.5em;}

/*------*/
/*the bottom navigation that pages from entry to entry*/
/*------*/
ul.horz {margin: .5em 1em; padding: 0em 14em 0em 2em; text-align:center; }
ul.horz li{list-style-type: none; display: inline; text-indent: 0em;}
ul.horz a {font: normal .7em verdana, arial, sans-serif; padding:0em; color: #08196b; margin: 0em;}
ul.horz ul.horz a:hover, ul.horz a:active {color:#714acb;}
ul.horz a:visited {color: #797d90;}

/*---FLOATING IMAGES---*/
div.img {text-align: center; display: inline; padding: .1em; margin: .1em .25em; float:right; border:#83af75 solid 1px;}
div.img img {padding: .2em .1em 0em; margin:.1em .1em 0em; }
div.img p {font: lighter .6em verdana, arial, sans-serif; text-align: left; padding: .1em .2em .2em; margin: 0em .1em .1em;}
/*---d-link is for extended image descriptions---*/
.d-link {display:inline; font: normal .6em verdana, arial, sans-serif; margin: 0em; padding: 0em;}


#learn {padding: 0em 15em 0em 2em;}
#learn ul {padding: 0em; }
#learn ul li {list-style-type: none; font: normal .7em verdana, arial, sans-serif; color: #000; padding: 0em 0em .75em 0em;}
#learn h3 {font: 900 italic .8em georgia, serif; color: #08196b;}

/*--------------------------------*/
/*---------Footer----------------*/
/*------------------------------*/
	
#foot{
	clear: both;
	z-index:60;
	width: 820px;
	padding: 0em;
	margin: 2em 0em 0em;
	}
		
	#foot ul {
		margin: 0em;
		padding: 0em;
		list-style-type: none;
		text-align: center;
				}

		#foot ul li {
			display: inline;
			margin: 0em .3em;
			font: normal .7em verdana, arial, sans-serif;
			}

	#foot p {
		margin: 0em 0em .5em;
		padding: 0em;	
		text-align: center;
		text-indent:0em;
		font: normal .7em verdana, arial, sans-serif;
		}
		
	#foot a {color: #31319c;}
		#foot a:visited{} 
		#foot a:hover{color: #a83434;}