/*

http://www.colorblender.com/
    Blend based on initial "emphon blue" below:
    
    emphron blue:  #004a8f
    light blue:    #0071db
    olive dust:     #8f7500
    pastel orange: #db8f00
    gray:          #707070
    silver:        #8f8f8f

http://wellstyled.com/tools/colorscheme2/index-en.html#
Using 00488f (it wouldn't do 004a8f)
You can then also select variations on the below based on "pastel", "contrast" etc.
Tetrad-Contrast group looks good but not recorded below.

    Mono (all blue):
        emphron:    004a8f
        dark:       003264
        very light: bfdfff
        light:      80c0ff
        
    Contrast:
        brown:           8f4b00
        dark brown:      643400
        v. light brown:  ffe1bf
        light brown:     ffc280
        
    Triad (both above plus):
        rust: 8f2200
        dry blood: 641800
        pale pink: ffcfbf
        pale sunburn: ff9e80
    
    Tetrad (Mono + Contrast above plus):
        olive dust: 8f7500
        dirt:  645200
        pink skin: fff4bf
        soft yellow?: ffe880
        
        violet:  32008f
        deep purple: 230064
        soft purple: d6bfff
        purpley blue: ad80ff
        
    Analogic:
        dark purpley blue: 19118f
        black blue:  110c64
        Soft purpley blue: cac7ff
        another purpley blue: 968eff
        
        green: 008f5d
        dark green: 006441
        light blue green: bfffe9
        aquamarine?: 80ffd2

http://www.defencemechanism.com/color/
ColorToy 2.0 The Flash Color Schemer

	 emphron blue:  #004a8f
	 mid blue:	#005eb5
	 light blue:    #0071db
	 olive dust:	#8F7500
	 tan:		#B57600
	 light tan:	#DB8F00
	 grey silver:	#707070
	 silver grey:	#8F8F8F
	 black:		#000000
*/

* {
  padding: 0px;
  margin: 0px;
}

body {
    color: #ff0000; /* spot unlabelled text more readily */
    background: #bfdfff url(striped-shirt.png) 0% 0% repeat;
      font-style: normal; 
      font-weight: normal; 
      font-size: 75%; /*12px;*/
      line-height: 1.5em;
      text-align:center;
    font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
      margin: 0px;
      padding: 0px;
      border: 0px;
      width: 100%;
}

.clear {
       clear: both;
}

/*
body.default {
    background: #bfdfff url(grad_sunrise.jpg) 0% 0% repeat-x;
}

body.enviro {
    background: #bfdfff url(Environment.jpg) fixed top left repeat-x;
}
*/

p {
    color: #2f2f2f;
    text-align: justify; 
    margin: 0px 0px 15px;
}

#main li {
    padding-bottom:1ex;
} 
#main li p {
    padding-top: 1ex;
}

h1, h2, h3, h4, h5 {
    color: #004a8f;
    font-family: Palatino, Georgia, Baskerville, Times, "Times New Roman", serif;
    line-height: 1.2em;
}

h1 {
    font-style: normal; 
    font-weight: bold;
    text-align: left;
       font-size: 207%; 
       margin: 0px 0px 20px;
       padding-top: 30px }

h2 {
       font-style: normal; 
       font-weight: bold; 
       font-size: 173%; 
       text-transform: capitalize; 
       margin: 0px 0px 10px; 
    padding-top: 30px;
       padding-bottom: 10px; 
       border-top: none #f0f0f0; 
       border-right: none #f0f0f0; 
       border-bottom: 1px dotted #db8f00; 
       border-left: none #f0f0f0 }

h1 + h2 {
    padding-top: 0px;
}

h3 {
       font-style: normal; 
       font-weight: bold;
       font-size: 144%;
       background-color: transparent;
       text-transform: capitalize; 
       margin: 0px 0px 15px; 
       border: 1px #db8f00 }

h4 {
       font-style: normal; 
       font-weight: bold; 
       font-size: 120%; 
       text-transform: capitalize;
       margin: 0px; 
       padding-left: 0px }

h5 {
       font-style: normal; 
       font-weight: bold; 
       font-size: 100%;
       text-transform: capitalize; 
       margin: 0px }

TH   { color: #5777b1; 
       font-style: normal; 
       font-weight: bold; 
       font-size: 100%; 
       background-color: transparent; 
       text-transform: capitalize; 
       margin: 0px 0px 15px; 
       border: #db8f00 }

a:link {
    color: #004a8f;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

a:visited {
    color: #008f5d; 
    font-style: italic;
    text-decoration: none;
}

a:hover {
    color: #db8f00;
    text-decoration: none;
    border-bottom: 1px solid #db8f00;
    font-style: italic;
}

sup    { font-size: 80%}

ul     {
    color: #2f2f2f;
         list-style-position: outside;
         margin: 0px 0px 15px 50px;
}

td      { color: #7d7d7d; 
          margin: 0px; 
          padding: 0px; 
          border: 0px }

select    { color: #004a8f; 
            font-weight: normal; 
			font-size: 120%; 
			background-color: #f0f0f0;
			margin: 0px;
            padding: 0px;
            height: 18px;
}


addr  {font-size: 1em ;
       line-height: 50%;
       margin: 0}

pre       { font-style: normal; 
            font-weight: normal; 
 			font-family: "Courier New", Courier, Monaco, monospace;
			margin-bottom: 15px }

input     { color: #69678c; 
			font-style: normal; 
			font-weight: normal; 
			background-color: #dcdcdc; 
			margin: 0px; 
			padding: 0px;
			height: 18px }

.checkbox { background-color: transparent }
.textWhite { color: #fff; 
			 text-decoration: none }
form  {
    background-color: #f0f0f0;
    color: #7C613D;
    margin: 0px;
}
.fleft {
    float:left;
}
div.fleft {
    width: 315px;
}
span.fleft {
    text-align: right;
    width: 11em;
    margin-right: 1em;
}
.fleft ul { /* needed for index.php for now */
    text-align: left;
}
.portrait{
    float:left;
    margin:0px 8px 4px 0px;
}
#container {
    color: #1f1f1f;
    width: 660px;
    position:relative;
    margin:30px auto 30px auto;
    border:0px;
    border-right: 2px solid #004a8f;
    border-bottom: 2px solid #004a8f;
    padding:30px 0px 20px 125px;
    background: #fbfbfb url("./DNA-edge.png") 0% 0% repeat-y;
}
#main {
    float:left;
    width:450px;
    text-align:justify;
    margin: 0px 0px 60px 0px;
}
#big {
    font-size: 120%;
    width:630px;
}
#menu {
    margin: 0px 0px 0px 480px;
    width:150px;
    line-height:17px;
    text-align:left;
}

#menu ul {
    font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, Swiss, Geneva, SunSans-Regular, sans-serif;
    font-style: italic;
    list-style: none; 
    padding: 0px; 
    margin: 0px;
}

#menu ul li {
    margin: 8px 0px 0px 0px;
}

li {
    margin: 8px 15px 0px 0px;
}

li.sub-menu  {
    padding-left: 20px;
}

#big ul {
     margin-left: 15px;
}

#big li {
    margin: 8px 10px 0px 0px;
}

/* non-standard */
#container {
  -webkit-box-shadow: rgb(136, 136, 136) 10px 12px 15px;
}