/*
  Adapted by Simon Chiang in 2007 from:
  
  zenlike1.0 by nodethirtythree design
  http://www.nodethirtythree.com

  Transcending CSS by Andy Clarke
  www.transcendingcss.com/
*/


@import url(normalize.css);


/*  Layout
 *  Notes:  do not set position for content div (main and sub) 
 *  -- these must be set by the inman clearing css in normalize
*/
html {
  text-align: center;
}

body {
  position: relative;
  width: 92%; /* changed from 82% */
  min-width: 770px;
max-width: 1200px;
  margin: 10px auto; /* changed from 35? */
  text-align: left;
  padding: 8px;
}

div#branding, div#banner, div#nav_main, div#content, div#site_info {
  position: relative;
  width: 100%;
}

div#branding, div#banner, div#nav_main {
  margin-bottom: 3px;
}

/* branding */
div#branding {
  height: 6em; /* changed from 9em */
}

div#branding_text {
  padding: 1.4em 2.0em 1.3em 2.0em; /* top: 4em to 1.4em */
}

/* banner */
div#banner {
  height: 64px; /* picture height changed from 105 */
}

/* navigation */
div#nav_main {
  height: 2.5em; /* changed from 3.5em */
}

ul#nav_site {
  padding-top: 0.7em;
}

ul#nav_site li {
  display: inline;
  padding: 0.5em 1.0em 0.9em 1.0em;
}

/* content */ 
div#content {
  padding-top: 1em;
  padding-bottom: 1em;
}

div#content_main {
  left: 20%;
  width: 80%;
  min-height: 600px;
  height: auto;
}
/* for Internet Explorer */
/*\*/
* html .container {
height: 400px;
}
/**/

div.section {
  width: 90%;
  min-width: 700px;
  padding: 0 10px 0 10px;
  
}

div#content_sub {
  left: 0%;
  width: 20%;
}


img.left
{ 
  border: thin solid #3B3A5A;
  margin: 1em;
  padding: 0.3em;
}

img.right
{
  position: relative;
  float: right;
  margin-right: 100px;
}

/* site_info */
div#site_info {
  padding-top: 1.0em;
}

/*  Typography
 *
 *
*/

body {
  
  font-family: "georgia", "times new roman", serif;
}

div#branding_text h1 {
  font-weight: normal;
  font-size: 2.5em;
}

<!-- div.section h2 {
  font-size: 1.3em;
  margin-bottom: 0.5em;
}

div.section p {
  font-size: 0.9em;
  line-height: 1.4em;
  margin-bottom: 1.0em;
  text-align: justify;
} -->

div#site_info {
  font-size: .9em;
}

/*  Color Scheme and Images
 *  #003333 - dark 
 *  #336666 - ligher
 *  #666600 - mid
 *  #CCCCCC - light
 *  #7F8400 - pea green  
 *  #3B3A5A - CBMSS sky
 *  #676596 - CBMSS ground
*/

html {
  background: #000000 url('../images/bg1.jpg');
}

body {
  background-color: #fff;
}

/* branding */
div#branding {
  background-color: #3B3A5A
}

div#branding_text h1 {
  color: #ffffff;
}
div#branding_text blockquote {
  color: #AAAA94;
}

/* banner */
div#banner {
  background: #fff url('../images/hdrpic2.jpg') no-repeat top left;
}

/* navigation */
div#nav_main {
  background: #5f6090;
}

ul#nav_site li a {
  color: #fff;
  font-size: 0.9em;
  font-weight:bold;
  text-decoration: none;
}

/* content */ 
div#content {
  background: #fff url('../images/border1.gif') repeat-x left top;
}

/* site_info */
div#site_info {
  background: #fff url('../images/border2.gif') repeat-x left top;
}