body	{	
	font-size: 1em;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: serif;
	background-color: #eeeeee;
/*	font-family: Times, serif;*/
/*	font-size-adjust:	.48; */
	}	

h1	{	
	font-family: Helvetica, sans-serif;
	font-size-adjust: .46;
	font-size: 2.33em;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	}
	
h1.center {
   text-align: center;
   }
	
h2 {
	font-family: Helvetica, sans-serif;
	font-size-adjust: .46;
	font-size: 1.75em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	}
	
h2.center {
   text-align: center;
   }
	
h3 {
	font-family: Helvetica, sans-serif;
	font-size-adjust: .46;
	font-size: 1.50em;
	font-weight: 300;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	}	
	
h4 {
	font-family: Helvetica, sans-serif;
	font-size-adjust: .46;
	font-size: 1.40em;
	font-weight: 300;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	}	
	
h5 {
	font-family: Helvetica, sans-serif;
	font-size-adjust: .46;
	font-size: 1.25em;
	font-weight: 300;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	}
	
pre {
	font-family: LucidaMonoEFOP, LucidaMonoEF, "Lucida Mono", Monaco, LucidaSansTypewriter, "Lucida Sans Typewriter", "DejaVu Sans Mono", "Courier New", monospace;
	}
	
.mono {
	font-family: LucidaMonoEFOP, LucidaMonoEF, "Lucida Mono", Monaco, LucidaSansTypewriter, "Lucida Sans Typewriter", "DejaVu Sans Mono", "Courier New", monospace;
	}
	
sup {
   font-size: 0.6em;
   }
   
.mediafallback {
   padding-left: 1em;
   padding-top: 1em;
   font-size: 1.1em;
   font-weight: bold;
   }
	
.latin {
   font-family: Times, "Times New Roman", serif;
   }

.greek {
   font-family: "Palatino Linotype", "DejaVu Serif", "Lucida Grande", serif;
   }

.ipa {
   font-family: "DejaVu Serif", "Doulos SIL", "Lucida Grande", serif;
   }

.taxon {
   font-style: italic;
        color: blue;
}

.redtaxon {
   font-style: italic;
        color: red;
}

.red {
   color: red;
}

.blue {
   color: blue;
}

.redlatin {
   font-style: italic;
   color: red;
}

.small {	
	font-size: 0.7em;
}

.smallcaps {
   font-variant:small-caps;
   }

.sidenote {
   font-size: 0.8em;
   font-style: italic;
   }
   
p.keyQuest {
   font-size: 1.2em;
   color: blue;
   text-align: center;
   }

a:link	{	
	text-decoration: underline;
	/* color: MediumStateBlue; */
	color: #7B68EE;
	}	
		
a:visited	{	
	text-decoration: underline;
	color: #C00;
	}	
		
a:active	{	
	text-decoration: none;
	color: #F00;
	}	
		
a:hover	{	
	text-decoration: none;
	color: #C00;
	background: #FC0;
	}
	
a:hover img {
   text-decoration: none;
	background: none;
   }
		
a.offsite	{	
	text-decoration: underline;
	color: #C00;
	}
	
img {
	border: 0;
	}

ul {
   margin-left: 0;
   }
   
table.full {
   width: 100%;
   }
   
table.result_table {
   font-size: 0.8em; 
   width: 100%;
   }
   
table.half {
   width: 50%;
   }
   
table.binaryQA {
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 400px;
   }
   
table.trinaryQA {
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 400px;
   }
   
table.reviews {
   width: 100%;
   }
   
table#descSched {
   margin-left: auto;
   margin-right: auto;
   }
   
table#descSched td {
   padding: 8px;
   }
   
tr.grtr {
   background-color: #ffffcc;
   }
   
tr.bltr {
   background-color: #e0ffff;
   }
   
th.species_list {
   text-align: left;
   width: 24%;
   }
   
th.garter_ident {
   text-align: left;
   width: 24%;
   }

th.rana_ident {
   text-align: left;
   width: 19%;
   }
   
th.database {
   width: 48%;
   }
   
td.grcell-left {
   text-align: left;
   background-color: #ffffcc;
   }
   
td.blcell-left {
   text-align: left;
   background-color: #e0ffff;
   }
   
td.datatdleft {
   text-align: right;
   margin-right: 0.5em;
   }
   
td.datatdright {
   text-align: left;
   font-weight: bold;
   margin-left: 0.5em;
   }
   
td.number {
   text-align: center;
   }
   
td.result_latin {
   font-style: italic;
	color: blue;
   }
   
td.result_date {
   text-align: center;
   }
   
td.result_verified {
   text-align: right;
   }
   
img.flLeft {
   float: left;
   margin: 4px;
   padding: 8px;
   border: 0;
   }
   
img.flRight {
   float: left;
   margin: 50px;
   border: 0;
   }

/*   
div.container {
   position: absolute;
   width: 100%;
   top: 80px;
*/

div.cleardiv {
   clear: both;
   }
   
#leftside {
   position: absolute;
   background-color: #DDCCEE;
   top: 90px;
   left: 0px;
   width: 195px;
   font-size: 0.8em;
   margin-left: 2px;
   margin-right: 5px;
   }
   
#leftside hr {
   width: 80%;
   }
   
#fullbody {
   margin-top: 80px;
   margin-left: 1em;
   margin-right: 1em;
   }
   
#content {
   margin-top: 90px;
   margin-left: 200px;
   width: 50em;
/*   margin-right: 15px;*/
   }
   
div.bcontent {
   margin-top: 90px;
   margin-left: 200px;
   margin-right: 15px;
   }
   
div.searchcontent {
   margin-top: 10px;
   margin-left: 200px;
   margin-right: 15px;
   }
   
div.userpref {
   margin-top: 80px;
   margin-left: 5%;
   margin-right: 5%;
   }
   
#docheader {
   position: absolute;
   width: 100%;
   height: 90px;
   top: 0px;
   left: 0px;
   }
   
div.footer {
   clear: both;
   width: 100%;
   }
   
div.gallery {
   float: left;
   width: 200px;
   text-align: center;
   }

div.gallery p {
   font-size: 0.8em;
   text-align: center;
   }
   
div.galMlink {
   width: 100px;
   float: left;
   height: 1.4em;
   }
   
.textgalMlink {
   text-align: left;
   margin-left: 20px;
   font-size: 1.1em;
   }

div.galLlink {
   float: right;
   width: 100px;
   height: 1.4em;
   }
   
.textgalLlink {
   text-align: right;
   margin-right: 9px;
   font-size: 1.1em;
   }
   
div.topimage {
   float: left;
   width: 310px;
   }
   
div.topimage p {
   font-size: 0.8em;
   text-align: center;
   }
   
figure.hexmap {
   float: left;
   width: 310px;
   }
   
figure.hexmap p {
   font-size: 0.8em;
   text-align: center;
   }
   
figure.ranaident {
   margin-left: -200px;
   }
   
div.webbadge {
   float: left;
   height: 35px;
   }

div.required {
   float: left;
   background-color: #AACCCC;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-bottom: 0.3em;
   padding-top: 0.3em;
   }
   
div.error {
   float: left;
   background-color: #DA0000;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-bottom: 0.3em;
   padding-top: 0.3em;
   }
   
div.up_required {
   float: left;
   background-color: #AACCCC;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   }
   
div.up_Bigrequired {
   float: left;
   width: 95%;
   background-color: #AACCCC;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   }
   
fieldset.required {
   float: left;
   background-color: #AACCCC;
   }
   
div.leftFloat {
   float: left;
   }
   
div.formFloat {
   float: left;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-bottom: 0.3em;
   padding-top: 0.3em;
   }
   
div.BigformFloat {
   float: left;
   width: 95%;
   padding-left: 0.5em;
   padding-right: 0.5em;
   }
   
div.up_formFloat {
   float: left;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   }
   
div.up_BigformFloat {
   float: left;
   width: 95%;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   }
   
aside.rec_datetime {
   float: right;
   padding-left: 1em;
   font-size: 0.8em;
   }
   
div.datadiv {
   float: left;
   }
   
fieldset.leftFloat {
   float: left;
   width: 90%;
   }
   
label.topleft {
   float: left;
   clear: both;
   font-size: 1em;
   }
   
/* http://www.devinrolsen.com/tutorials/css/horz_menu/index.php */   
   
#pagenav {
   width:100%;
   height:30px;
   background: #DDCCEE;
/*   background:#999; */
   }

#pagenav ul {
   margin:0px; padding:0px;
   }

#pagenav ul li {
   display:inline;
   float:left; 
   list-style:none;
   margin-left:15px;
   margin-top: 5px;
   position:relative;
   height:30px;
   }

#pagenav li a {
/*   color:#fff; */
   color: #7B68EE;
   text-decoration:none;
   }

#pagenav li a:hover {
/*   color:#fff; */
   color: #C00;
	background: #FC0;
   text-decoration:underline;
   text-decoration:none;
   }

#pagenav li ul {
   margin:0px;
   padding:0px;
   display:none;
   position:absolute;
   left:0px;
   top:20px;
   background-color:#999;
   }

#pagenav li:hover ul {
   display:block;
   width:160px;
   }
   
#pagenav li:hover ul.sallie {
   display:block;
   width:220px;
   }
   
#pagenav li:hover ul.coding {
   display:block;
   width:120px;
   }

#pagenav li li {
   list-style:none;
   display:list-item;
   }

#pagenav li li a {
   color:#fff;
   text-decoration:none;
   }

#pagenav li li a:hover {
   color:#fff;
   text-decoration:underline;
   }

/* video tabs */
.vidLabel {
   font-family: helvetica, sans;
   font-variant: small-caps;
   font-size: 22px;
   }
.sm_vidLabel {
   font-family: helvetica, sans;
   font-variant: small-caps;
   font-size: 18px;
   }
   
a.vidLink {
   text-decoration: none;
   }
/* low resolution */

div.sm_low_video {
   background-color: rgba(173, 216, 230, 0.9);
   width: 124px;
   height: 22px;
   float: left;
   padding-top: 2px;
   margin-right: 9px;
   text-align: center;
   }
div.sm_sd_video {
   background-color: rgba(173, 216, 230, 0.5);
   width: 124px;
   height: 22px;
   float: left;
   padding-top: 2px;
   margin-right: 9px;
   text-align: center;
   }
div.sm_hd_video {
   background-color: rgba(173, 216, 230, 0.5);
   width: 124px;
   height: 22px;
   float: left;
   padding-top: 2px;
   text-align: center; 
   }
/* SD resolution */   
div.sd_low_video {
   background-color: rgba(173, 216, 230, 0.5);
   width: 208px;
   height: 30px;
   float: left;
   padding-top: 4px;
   margin-right: 11px;
   text-align: center; 
   }
div.sd_sd_video {
   background-color: rgba(173, 216, 230, 0.9);
   width: 208px;
   height: 30px;
   float: left;
   padding-top: 4px;
   margin-right: 11px;
   text-align: center;
   }
div.sd_hd_video {
   background-color: rgba(173, 216, 230, 0.5);
   width: 208px;
   height: 30px;
   padding-top: 4px;
   float: left;
   text-align: center; 
   }
/* HD resolution */
div.hd_low_video {
   background-color: rgba(173, 216, 230, 0.5);
   width: 232px;
   height: 30px;
   float: left;
   padding-top: 4px;
   margin-right: 12px;
   text-align: center; 
   }
div.hd_sd_video {
   background-color: rgba(173, 216, 230, 0.5);
   width: 232px;
   height: 30px;
   float: left;
   padding-top: 4px;
   margin-right: 12px;
   text-align: center; 
   }
div.hd_hd_video {
   background-color: rgba(173, 216, 230, 0.9);
   width: 232px;
   height: 30px;
   padding-top: 4px;
   float: left;
   text-align: center;
   }
   
div.audioLink {
   background-color: rgba(173, 216, 230, 0.5);
   width: 124px;
   height: 22px;
   float: left;
   padding-top: 2px;
   margin-right: 9px;
   text-align: center;
   }
div.mtAudioLink {
/*   background-color: rgba(173, 216, 230, 0.5); */
   width: 124px;
   height: 22px;
   float: left;
   padding-top: 2px;
   margin-right: 9px;
   text-align: center;
   }   
   
object.fpob {
   background-color: black;
   }
   
/* audio vouchers */
div.avoucher {
   width: 220px;
   height: 135px;
   float: left;
   text-align: center;
   background-image: url(/media/splash/avoucher.png);
   position: relative;
   }
   
audio.avoucher {
   position: absolute;
   bottom: 0; left: 0;
   width: 220px;
   }
   
object.avoucher {
   position: absolute;
   bottom: 0; left: 0;
   }
   
p.avoucher {
   background-color: #eeeeee;
   }
/* species account pages */
div.mmAudio {
   width:390px;
   }
   
div.h5Audio {
   width:390px;
   }
   
div.fpAudio {
   width:384px;
   height: 24px;
   border-left: 3px solid #25353c;
   border-right: 3px solid #25353c;
   }
   
div.mmVideo {
   width: 384px;
   border-left: 3px solid #25353c;
   border-right: 3px solid #25353c;
   border-top: 3px solid #25353c;
   }
   
div.h5Video {
   width: 384px;
   height: 288px;
   border: 3px solid #25353c;
   }
   
div.fpVideo {
   width:384px;
   height: 312px;
   border-left: 3px solid #25353c;
   border-right: 3px solid #25353c;
   border-top: 3px solid #25353c;
   }
   
audio.mmAudio {
   width: 390px;
   }
   
div.sdVideo {
   width:640px;
   border-left: 3px solid #25353c;
   border-right: 3px solid #25353c;
   border-top: 3px solid #25353c;
   }
   
div.h5sdVideo {
   width:640px;
   height: 480px;
   border: 3px solid #25353c;
   }
   
div.fpsdVideo {
   width:640px;
   height: 504px;
   border-left: 3px solid #25353c;
   border-right: 3px solid #25353c;
   border-top: 3px solid #25353c;
   }
   
div.hdVideo {
   width:800px;
   border-left: 3px solid #25353c;
   border-right: 3px solid #25353c;
   border-top: 3px solid #25353c;
   }
   
div.h5hdVideo {
   width:800px;
   height: 450px;
   border: 3px solid #25353c;
   }
   
div.fphdVideo {
   width:800px;
   height: 474px;
   border-left: 3px solid #25353c;
   border-right: 3px solid #25353c;
   border-top: 3px solid #25353c;
   }
   
/* reviews */
div.p_review {
   padding-left: 1em;
   padding-right: 1em;
   background-color: #ffffff;
   border: 2px solid #58686c;
   }
   
div.p_review h2 {
   font-family: Helvetica, sans-serif;
	font-size-adjust: .46;
	font-size: 1.75em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	text-align: center;
   }
   
div.p_review img {
   float: left;
   border: 0;
   padding-top: 1em;
   padding-right: 1em;
   padding-bottom: 1em;
   }
   
div.p_review em {
   font-size: 0.7em;
   }
   
img.invImage {
   border: 0;
   }