* {font-size: 10px; padding: 0; margin: 0; font-family: 'Helvetica Neue', 'Helvetica', 'Arial'; }
a {text-decoration: none;}
h1 {text-align: center; font-size: 2.4em; color: #660033; padding-bottom: .75em;}
h2 {font-size: 1.8em; color: #003366; border-bottom: 1px solid #660033; display: inline-block; padding-bottom: .5em; margin-bottom: .5em;}
h3 {font-size: 1.6em; color: #660033;}
h4 {font-size: 1.5em; color: #660033;}
p {font-size: 1.4em; margin: 1em 0;}
em {font-size: 1.0em; font-weight: bolder;}

body {background-color: #003366;}
#outer {position:relative; background-color: #660033; margin: 1em; padding: 1em; width: 700px;}

#content {position: relative; margin-left: 100px; padding: 4em; padding-right: 4em; background-color: white;}

.sample_reference {margin: 0 3em;}

#left_span {background-color: #660033;}
  #left_span #name_container {margin-left: 25px;}
  
#tab_bar {background-color: #99cccc; min-width: 600px;}
  #tab_bar > li {padding: 0 .8em;}
  #tab_bar a {font-size: 1.6em;}

.inline_list {margin: 1em 3em;}
.inline_list > li {font-size: 1.4em; color: #003366;}

#copyright {position: absolute; right: 0; bottom: 0; color: #660033;}
.left {float: left;}
.horizontal_list > li {display:inline;}
.clean_list > li {list-style-type: none;}
.clear {clear: both;}