.CS_Document, body {
	margin:0;
	padding:0;
	border:0;  /* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#ddd url("/graphics/bg-2.jpg");
	width:900px !important;  
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:76%;
	color: #333333;
	/*-moz-box-shadow: 10px 10px 5px #888; */

}

#view {
      width: 100%;
      margin-left: 0;
      margin-top: -5px;
}

div#canvas {   /*  The home page uses "canvas" instead of "container"  for convenience */
      float: left;
      width: 100%; 
      border: solid 1px black;
      background-color: white;
}

div#graphic  {
    width: 850px;
    margin: 0 auto 1.5em;
    padding: 0px;
}

div#graphic img {
    margin: 0;
    z-index: 2;
}

div#graphic div.caption,
div#graphic div.caption a {
  font-size: smaller;
  color: #aaaaaa;
}

div#middle {
      padding: 1em 23px;
      float: left;
}

div#middle h2 {
      font-weight: 700;
      font-size: 1.1em;
      margin-bottom: 0;
}

div#middle a {	
      text-decoration: none;
}

div#middle a:hover  {		
      text-decoration: underline;
}

div#middle p {
      margin-top: 0;
}

div#featured { 
      clear: both;
      width: 850px;
      float: left; 
      margin: auto;
      margin-bottom: 2em;
      }

div#mid_left {
      width: 33%;
      float: left;
      margin-right: 4%;
}

div#mid_center {
      float: left;
      padding-top: 0.15em;
      width: 33%;
  /*    margin-left: 35%;*/
      margin-right: 4%;
}

div#mid_right {
      float: left;
      width: 25%;
      /*border: solid 1px #dddddd;*/
      background-color: #dddddd;
      padding: 1px;
      margin-top: 0.5em;
      margin-left: 5px;
/*    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;*/
     border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    behavior:url("/graphics/border-radius.htc");
}

div#mid_right p {
      width: 95%;
      margin: 0;
      padding: 0.4em;
      background-color: #eeeeee;
}

div#mid_right p.head {
      background-color: #dddddd;
      /*margin-top: -1px;*/
}


div#mid_right ul {
      padding: 0.5em;
      list-style-image: url('/graphics/arrow.gif');
      margin-top: 0.5em;
}

div#mid_right li {
      margin: 0 0 0.5em 1.5em;
}

div#bottom_menu {
     clear: both;
     margin-top: 5em;
     border-top: 1px solid #666666;
     width: 850px;
}

div#bottom_menu a {
    text-decoration: none;
    color: burgundy;
    font-size: 1.1em;
    }

div.section {
      width: 17%;
      padding-right: 1.5%; 
      padding-left: 1%;
      float: left;
      font-size: 0.9em;
      color: #666666;
}

div.section h2 {
      font-weight: bold;
      font-size: 0.9em;
      color: #550055;
}
div.section ul { margin-top: 0.4em; margin-left: -2em; list-style-type: none; } 
div.section ul li { margin-left: 2em; margin-bottom: 0.4em; }
div.section ul li ul { margin-left: 0em; list-style-type: none; }
div.section ul li ul li { margin-left: 1.5em; } 
div.section a {
      color: #660066;
}