/* this css drops the site into a single column with a drop down menu */

      
  /* reduce the height of the header area and shrink the logo some */
  #headerArea { height: 100px; }
  #headerLogo {
    display:block; 
    width: 60%;
    height: 60%; 
  }
  #adRoller { visibility:hidden; }  
  
  /* drop the standard menu on the left, and replace is with a simple  */
  /* fixed drop down menu.	   	   		 	 		 		   		   */
    #bodyArea { width:100%; padding-left:0px;  }
    #bodyArea_leftBorder { width:0px; }
    

    #headerLogo { content:url(graphcs/banner_1.jpg); }
    #menuArea {visibility:hidden; display: none; width:0px; float:none;}
    #wrapper {float:none; }

    #content {
	  padding-left:1rem;
      padding-right:0em;
      width:99%;
    }

    
    #menuDropWindow {
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -o-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      position:fixed;
/*      position:absolute; */
      display:block;
      visibility:visible;
	  z-index:20;
      width:auto;

	  /*	float:right; */
      right:2px;
      top: 50px;
      padding: 0.1em 0.5em 0.1em 0.5em;
      margin: 0em 0em 1em 1em;
      border:1px solid #000000;
      background:#E1E1E1;
            
      -webkit-transition: 0.3s linear all;
      -moz-transition: 0.3s linear all;
      -ms-transition: 0.3s linear all;
      -o-transition: 0.3s linear all;
	  transition-property:all;
	  transition-timing-function:linear;
	  transition-duration:0.3s;
	  transition-delay:0s;
      
	  -o-border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
            
      box-shadow:  -3px 4px 8px #646464;
      -webkit-box-shadow: -3px 4px 8px #646464;
      -o-box-shadow: -3px 4px 8px #646464;
      -moz-box-shadow: -3px 4px 8px #646464;
    }
			  
    #menuDropWindow:hover {
      cursor:pointer;
	  background:#EBEBEB;
      box-shadow: -8px 8px 8px #646464;
      -webkit-box-shadow: -8px 8px 8px #646464;
      -o-box-shadow: -8px 8px 8px #646464;
      -moz-box-shadow: -8px 8px 8px #646464;
    }
            
    #menuDropWindowTitle {
      font-size:1.5em;
/*      font-family:sans-serif; */
      font-variant:small-caps;
    }
			  
    #menuDropWindowArrow {
      font-size:0.8em;
      vertical-align:middle;
      padding-right:0.2em;
    }
            
    #menuDropWindowBody {
      box-sizing:border-box;
      -mox-box-sizing:border-box;
      -o-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      display:none;
      visibility:hidden;
      overflow-x:visible;
      overflow-y:scroll;
      overflow:scroll;
      font-size:1.2em;
      font-variant:normal;
/*      height: 1px; */
      height:100%;
      margin:0px;
      padding:0em 2em 0em 0em;
      text-align:right;
      -webkit-transition: 0.3s linear all;
      -moz-transition: 0.3s linear all;
      -ms-transition: 0.3s linear all;
      -o-transition: 0.3s linear all;
      transition-property:all;
      transition-timing-function:linear;
      transition-duration:0.3s;
      transition-delay:0.3s;
    }
            	  
    #menuDropWindowBody a {
      display:block;
      clear:both;
      float:right;
      text-align:left;
      font-variant:normal;
      font-size:1em;
      padding:7px 0px 7px 0px;
    }
    
		  
    #menuDropWindowBodyNotice {
	  font-size: 0.7em;
      text-align:center;
	}
    
    .mobileMenuItem {
      width:auto;
      text-align:left;
    }