/********* general *********/
    body
    {
      font-family: Arial,sans-serif;
      color: #333333;
      line-height: 1.166;
      background: #cccccc url(images/bg_grad.jpg) fixed;
      text-align: center;
      margin: auto;
    }
    div
    {
    /*  border-style: solid;
      border-width: 2px;
      border-color: Gray;*/
    }
    /******* hyperlink and anchor tag styles *******/
    a:link, a:visited
    {
      color: #005FA9;
      text-decoration: none;
    }
    a:hover
    {
      text-decoration: underline;
    }
    /************** header tag styles **************/
    h1
    {
      font: bold 120% Arial,sans-serif;
      color: #334d55;
      margin: 0px;
      padding: 0px;
    }
    h2
    {
      font: bold 114% Arial,sans-serif;
      color: #006699;
      margin: 0px;
      padding: 0px;
    }
    h3
    {
      font: bold 100% Arial,sans-serif;
      color: #334d55;
      margin: 0px;
      padding: 0px;
    }
    h4
    {
      font: 100% Arial,sans-serif;
      color: #333333;
      margin: 0px;
      padding: 0px;
    }
    h5
    {
      font: 100% Arial,sans-serif;
      color: #334d55;
      margin: 0px;
      padding: 0px;
    }
    /*************** list tag styles ***************/
    ul
    {
      list-style-type: square;
    }
    ul ul
    {
      list-style-type: disc;
    }
    ul ul ul
    {
      list-style-type: none;
    }
    /********* form and related tag styles *********/
    form
    {
      margin: 0;
      padding: 0;
    }
    label
    {
      font: bold 1em Arial,sans-serif;
      color: #334d55;
    }
    input
    {
      font-family: Arial,sans-serif;
    }
    /********* layout classes *********/
    
    .pageWrapper
    {
      display: block;
      position:relative;
      text-align: left;
      width: 800px;
      margin: auto;
      margin-top: 20px;
      background-color: White;
    }
    
    #roundCornerTopLeft {
	    position:absolute;
	    top: -1px;
	    left: -1px;
	    margin: 0px;
	    padding: 0px;
	    z-index: 100;
    }

    #roundCornerTopRight {
	    position:absolute;
	    top: -1px;
	    right: -1px;
	    margin: 0px;
	    padding: 0px;
	    z-index: 100;
    }
    
    .pageHeader
    {
      position:relative;
      height: 90px;
      margin: auto;
      z-index: 20;
      border-bottom:1px solid #CCD2D2;
      padding-top: 10px;
      padding-left: 10px;
    }
    .pageContent
    {
      position:relative;
      width:800px;
      border-bottom:1px solid #CCD2D2;
      
    }
    .pageNavigationLeft
    {
      position:relative;
      float:left;
      width: 185px;
      border-right:1px solid #CCD2D2;
      border-bottom:1px solid #CCD2D2;
    }
    
    .pageNavigationLeft a
    {
      background-image:url("images/bg_nav.jpg");
      border-bottom:1px solid #CCCCCC;
      border-top:1px solid #FFFFFF;
      color:#21536A;
      display:block;
      font-weight:bold;
      padding:3px 0 3px 10px;
    }
    .pageDetails
    {
      position:relative;
      float:left;
      padding: 10px 10px 10px 10px;
      height:100%;
      width: 580px;
      min-height: 400px;
      border-left:1px solid #CCD2D2;
    }
    .pageFooter
    {
      clear:both;
      font-size:small;
      position:relative;
      height: 22px;
      padding: 3px 3px 3px 3px;
      vertical-align:middle;
      border-top:1px solid #CCD2D2;
    }