      html {
      }
      
      body {
      background-image: url('images/bg10.gif');
      margin: 0;
      padding: 0;
      text-align: center;
      font-family: Arial, Verdana, Sans-Serif;
      font-size: 12px;
      color:#505050;
      border: none none transparent;
      }
      html,body {
      height: 100%;
      width: 100%;
      }

      
      h1 {
      font-size: 16px;
      font-weight: bold;
      border-left: thick solid #ffe739;
      padding: 0px 0px 0px 4px;
      color: #333333;
      }
      
      h2 {
      font-size: 14px;
      font-weight: bold;
      padding: 0px;
      color: #5b5b5b;
      }

      h3 {
      font-size: 14px;
      font-weight: normal;
      padding: 0px 0px 0px 10px;
      color: #50505050;
      margin: 0px;
//      border-left: thick solid #ffe739;
      font-style: italic;
      }


            
      img {
      border: 0;
      padding: 0px;
      }
      
      img.bottom {
      position: relative;
      bottom: 0px;
      }
      
      a {
      text-decoration: none;
      color: #0066B3;
      font-weight: normal;
      }
      
      a:hover {
      text-decoration: underline;
      color: #666666;
      }
      
      #wrap {
      background: #FFFFFF;
      float: none;
      width: 900px;
      height: 100%;
      margin: 0 auto;
      padding: 0 0 0 0;
      text-align: left;
      }
      
      #m_wrap {
      background: #FFFFFF;
      float: left;
      width: 100%;
      height: 100%;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      text-align: left;
      }
      
      #topBar {
      background: #FFFFFF;
      float: left;
      width: 100%;
      height: 4px;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      text-align: right;
      }
      
      #mainHeader {
      background: #FFFFFF url("images/topback.gif") top left repeat;
      float: left;
      width: 100%;
      height: 110px;
      margin: 0 10px 0 0;
      padding: 0 0 0 0;
      text-align: left;
      }
      
      #mainLogo {
      background: transparent;
      float: left;
      position: relative;
      top: 19px;
      left: 0px;
      width: 234px;
      height: 72px;
      padding: 0px;
      margin: 0px;
      }
      
      #mainSearch  {
      background: transparent url("images/searchback.gif") top left repeat-x;
      position: relative;
      top: 0px;
      left: -15px;
      float: right;
      width: 185px;
      height: 0px;
	  /* should be 50px above, quick hack for now.... */
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      text-align: middle;
      vertical-align: middle;
      }
      .Form .input {
      position: relative;
      left:4px;
      top: 15px;
      float:left;
      width:115px;
      height:16px;
      margin: 0 3px 0 0;
      border: 1px solid #505050;	
      }
      .Form .input2 {
      position: relative;
      left:5px;
      top: 16px;
      float:left;
      }
      
      #mainNaviContainer{
      background: transparent url("images/blue_grad_big.gif") top left repeat-x;
      float:left;
      width:100%;
      height:25px;
      padding: 0;
      }
      
      .mainNavi a:link, .mainNavi a:visited, .mainNavi a:hover, .mainNavi a:active {
      text-decoration: none;
      color: #FFFFFF;
      font-weight: bold;
      font-size: 12px;
      }
      
      .pop_MainNavi a:link, .pop_MainNavi a:visited, .pop_MainNavi a:hover, .pop_MainNavi a:active {
      text-decoration: none;
      color: #507EA1;
      font-weight: bold;
      font-size: 12px;
      }
      
      .mainNavi {
      background: transparent;
      float: left;
      height: 19px;
      padding: 3px 10px 0px 10px;
      color: #FFFFFF;
      font-size: 12px;
      }
      
      .pop_MainNavi {
      background: #ffffff;
      float: left;
      height: 19px;
      padding: 3px 10px 0px 10px;
      color: #227E96;
      font-size: 12px;
      border-bottom: 4px solid #FFE739;
      }
      
      .naviSpacer {
      background: transparent url("images/navi_spacer.gif") no-repeat;
      float: left;
      height: 18px;
      width: 3px;
      }
      
      #path {
      background: #deddde;
      float: left;
      width: 880px;
      height: auto;
      padding: 7px 10px 7px 10px;

      }
      
      #path a:link, #path a:visited {
      text-decoration: underline;
      color: #909090;
      font-weight: normal;
      font-size: 11px;
      }
      
      #path a:hover, #path a:active {
      text-decoration: none;
      color: #000000;
      font-weight: normal;
      font-size: 11px;
      }
      
      #ml_container {
      background: transparent;
      float: left;
      position: relative;
      left: 0px;
      top: 18px;
      width: 175px;
      height: auto;
      padding: 0px;
      }
      
      #mc_container {
      background: transparent;
      float: left;
      position: relative;
      top: 9px;
      left: 0px;
      width: 517px;
      padding: 0px 0px 0px 25px;
      margin: 0px 0px 4px 0px;
      }
      
      #mr_container {
      background: transparent;
      float: left;
      position: relative;
      top: 42px;
      width: 184px;
      padding: 0px 7px 0px 8px;
      }
      
      .sideNavi {
      background: #dce3e5;
      float: left;
      width: 159px;
      height: 14px;
      margin: 1px;
      padding: 4px 7px;
      }
      
      .pop_SideNavi {
      background: #507EA1;
      float: left;
      width: 159px;
      height: 14px;
      margin: 1px;
      padding: 4px 7px;
      }
      
      .sideNavi a{
      text-decoration: none;
      color: #507EA1;
      font-weight: bold;
      }
      
      .pop_SideNavi a{
      text-decoration: none;
      color: #FFFFFF;
      font-weight: bold;
      }
      
      .relatedLinks{
      background: transparent;
      float: left;
      width: 159px;
      height: auto;
      margin: 0px;
      padding: 4px 8px;
      }
      
      .relatedLinks a:link, .relatedLinks a:visited {
      text-decoration: none;
      color: #757575;
      font-weight: normal;
      font-size: 11px;
      }
      
      .relatedLinks a:hover, .relatedLinks a:active {
      text-decoration: underline;
      color: #757575;
      font-weight: normal;
      font-size: 11px;
      }
      
      .relatedLinks p{
      padding: 0px 8px;
      }
      
      .pageHeader {
      background: transparent;
      float: left;
      width: 100%;
      height: auto;
      font-size: 20px;
      font-weight: normal;
      font-style: normal;
      color: #507EA1;
      padding: 0px 0px 8px 0px;
      border: none none transparent;
      border-left: none none transparent;
      margin: 0px;
      }
      
      .secPicture {
      background: transparent;
      float: left;
      margin: 0px 0px 8px 0px;
      }
      
      #main {
      background: transparent;
      float: left;
      width: 517px;
      }
      
      .mr_cbox {
      background: transparent;
      float: left;
      width: 166px;
      border: 1px solid #507EA1;
      padding: 4px 8px;
      margin: 0px 0px 8px 0px;
      }
      
      .mr_cbox h2{
      text-decoration: none;
      text-transform: uppercase;
      font-size: 11px;
      font-weight: bold;
      color: #507EA1;
      padding: 0px;
      margin: 0px;
      }
      
      #footer {
		vertical-align: bottom;
      background: transparent;
	  float: left;
      width: 100%;
      display: inline;
      padding: 20px 0 4px 0;
      }
      
      #footerNavi {
		  vertical-align: bottom;
      text-align: center;
      padding: 4px 4px 4px 4px;
      margin: 0px auto;
      }
      
      .f-cbox {
      color: #FFFFFF;
      font-size: .9em;
      font-weight: bold;
      text-transform: uppercase;
      }
      
      .f-bcbox {
      font-size: .9em;
      font-weight: bold;
      text-transform: uppercase;
      }
      
      .f_smallgray {
      color: #757575;
      font-size: 11px;
      font-weight: normal;
      }
      
      /* legacy */
      div.classpic {
      background: #ffffff;
      float: left;
      width: 102px;
      margin: 10 0 10 0;
      padding: 0 0 0 0;
      text-align: center;
      font-size: 10px;
      color: #000000;
      border: 0px solid #123475;
      display: inline;
      }

      p.classpic {
      text-align: center;
      margin: 0px 0px 0px 0px;
      font-size: 12px;
      line-height: 1.0;
      color: #000000;
      font-weight: bold;
      }
      
      img.classpic {
      border: 0;
      height: 144px;
      width: 96px;
      padding: 2px;
      }
	  
	  img.testipic {
      border: 0;
      height: 144px;
      width: 96px;
      padding: 12px;
      }
      
      font.tableheader {
      font-size: 14px;
      color: #141A2A;
      font-weight: bold;
      }

      font.tablefields {
      font-size: 12px;
      color: #000000;
      font-weight: bold;
      }

      p.main {
      margin: 5px 0px 15px 15px;
      font-size: 12px;
      line-height: 1.5;
      font-weight: normal;
      }
      
      td.shadow-right { 
      background-image: url('images/right.gif');
      width: 9px;
      height: 100%;
      padding: 0px;
      }

      td.shadow-left { 
      background-image: url('images/left.gif');
      width: 9px;
      height: 100%;
      padding: 0px;
      }

      img.profilepic {
      margin: 0 10px 0 0;
      }
	  
      img.border {
      margin: 10px 10px 10px 10px;
	  border: 1px solid #000000;
      }

      img.border2 {
      margin: 0px;
	  border: 1px solid #000000;
      }
	  
      img.gallery {
      margin: 3px;
	  border: 1px solid #000000;
      }
	  
	  img.pad {
      margin: 10px 10px 10px 10px;
	  border: 0px solid #000000;
      }	  	  