/* Basic styles */

body {background: #9CA7B7 url("images/bg.png") repeat-x top center; margin: 10px; font-size: 14px}
a {color: #222277; text-decoration: none }
a:hover {color: #222277; text-decoration: underline }
img {border: 0; }
code {white-space: pre; font-family: monospace }

/* Page styles */

#container {width: 1250px; margin: 0 auto; }
#content {float: left; padding: 0; background-color: #FFFFFF; font-size: 22px; min-height: 450px; width: 100%; font-family: Verdana,sans-serif;}
#content #wrapper {padding: 0 10px; margin-top: 10px}
#content #wrapper p {margin-top: 6px; font-size: 20px}

/* Header */

#header #logo {background: rgb(0,45,110) url('images/head.png') repeat-x; color: white; padding: 35px 20px 35px 20px;
font-size: 24pt; font-family: Verdana,sans-serif; font-weight: bold; }
#logo a {color: white; text-decoration: none; }

#navigation {background: #EEEEEE url('images/bar.png') repeat-x; float: left; width: 100%; padding: 0; margin: 0; border-bottom: 1px solid #BBB;}
#navigation ul {margin: 0; list-style-type: none; float: left; padding: 0; width: 100%}
#navigation ul li
{
float: left;
padding: 5px 16px 5px 16px; 
border-right: 1px solid #AAA;
display: inline;
margin: 0;
font-family: Times,serif;
}
#navigation ul li.right {float: right; font-size: 84%; color: rgb(0,35,100); padding: 6px 8px 6px 8px; border: 0; }
#navigation li.right a {color: rgb(0,35,100); text-decoration: none}
#navigation li.right a:hover {color: rgb(0,35,100); text-decoration: underline}
#navigation a {text-decoration: none; color: #000000; }
#navigation a:hover {text-decoration: underline; color: #111111;}
h1.page_head {font-size: 17pt; font-family: Times,serif; color: #333333; border-bottom: 1px solid #AAAAAA; margin: 0 0 10px 0}


/* Miscellaneous */

.site_info {border: 2px dashed #AAA; margin-top: 10px; padding: 10px; background-color: #EEE}
.inline_photo {float: right; text-align: center; border: 1px solid #9CA7B7; padding: 2px; margin-bottom: 70px}
.caption {font-size: 11px; text-decoration: italic}
input[type="button"] {font-size: 22px}
#activity, #activity_2 {font-size: 15px; font-family: monospace}
.template_dna_base, .primer_dna_base, .dntp_dna_base, .ddntp_dna_base {padding-left: 2px; padding-right: 2px; color: white; border: 2px solid white}
.template_dna_base {background-color: #444}
.primer_dna_base {background-color: purple}
.dntp_dna_base {background-color: #A1A1D8}
.ddntp_dna_base {background-color: red}
table.gel {margin-bottom: 10px; width: 400px; margin-left: 30px; text-align: center; padding: 0; border: 1px solid black}
th, td {text-align: center}
th {padding: 5px}
td {padding: 2px}
th {border: 1px solid #444; }
.filled {background-color: #777}
.quiz ul li {list-style-type: none}
.quiz ul {margin-bottom: 16px}

/* Footer */

#footer {text-align: center; color: #FFFFFF; padding: 5px; background: url('images/head.png') repeat-x; font-family: Verdana,sans-serif; clear: both; }
#footer a {color: white; text-decoration: none}
#footer a:hover {text-decoration: underline}