/* CSS Document */

/******************************
  PC/Laptop Styles
******************************/ 
@media only screen and (min-device-width: 761px){
    #header{
      position:relative; 
      display:block;
      height:65px;
      width:800px;
    }

    #hleft {float:left; position:relative; width:600px; left:0px; }
    #hright {float:right; position:relative; width:100px; left:0px; }
    #hmiddle {margin-left:10px; margin-right:10px; margin-top:10px; position:relative; display:block; height:1%;}

    #main{
      background-color:#FFFFFF;
      position:relative; 
      display:block;
      width:800px;
    }

    #body{
      position:relative; 
      display:block;
      clear:both;
      width:800px;
    }

    #bleft {float:left; position:relative; width:140px; left:0px;}
    #bright {float:right; clear:right;  position:relative; width:150px; left:0px;}
    #bmiddle {float:left; margin-left:10px; margin-right:10px; margin-top:0px; display:block; width:490px;}
    
    .maroon9 {
    color:#990000;
    font-size:9pt;
    }
    
    h2 {
	color: #990000;
	font-weight: bold;
	font-size: 10pt;
	margin-top:0px;
	white-space: nowrap;
	width:95%;
    }
    
    div.contentpanel{
	font-size: 10pt;
	margin-top:0px;
    }
    
    hr{width:800px;}
    
    #footer{
      position:relative; 
      display:block;
      clear:both;
      color:#666666;
      font-size:8pt;
      width:800px;
    }
    
    /******************************
    Menu Styles
  ******************************/

  ul.menu{
          background-color:#EEEEEE;
          padding-left:0px;
          margin-left:0px;
          padding-top:0px;
          margin-top:0px;
          width:130px;
  }

  ul.menu li{
          list-style-type: none;       /* removes the bullet points */
          color:#990000;
          cursor:pointer;
      border-left:#CCCCCC solid 1px;
      border-right:#CCCCCC solid 1px;
      border-top:#CCCCCC solid 1px;
          font-size:12px;
          font-weight:bold;
          margin-left:0px;
          padding:4px;
          position:relative;	
  }

  ul.menu li.libottom{
          list-style-type: none;       /* removes the bullet points */
          color:#990000;
          background-color:#EEEEEE;
          border-bottom:#CCCCCC solid 1px;
      border-left:#CCCCCC solid 1px;
      border-right:#CCCCCC solid 1px;
      border-top:#CCCCCC solid 1px;
          font-size:12px;
          font-weight:bold;
          padding:4px;
          margin-left:0px;
          position:relative;
  }

  ul.menu li > ul {
    display: none;
    position: absolute;          /* make child blocks hover without leaving space for them */
    top: -1px;                    /* position slightly lower than the parent menu item */
    left: 128px;                  								  
  }

  ul.menu li:HOVER > ul{ 
          display:block;
  }

  ul.menu a, ul.menu ul a{
          color:#990000;
          font-weight:bold;
          text-decoration:none;
          width:100%;
  }

  ul.menu li:HOVER{
          background-color:#DDDDDD;
  }
  
    #menunotes{
	color:#666666;
	background-color:#EEEEEE;
	border:#CCCCCC solid 1px;
	height:60px;
	margin-top:-5px;
	padding:2px;
	width:125px;
        font-size: 9pt;
    }
    
  .notes {
    color:#666666;
    font-size:9pt;
  }
}

table.portfolio{
    border:0px;
}

td.portfolio{
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:#CCCCCC solid 1px;
}

hr.hline{
	width:95%;
	color:#CCCCCC;
	text-align:left;
}

/******************************
  Fonts
******************************/  
  body{
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%;
  }
  
  .grey8 {
    color:#EEEEEE;
    font-size:8pt;
  }

  .main8 {
    color:#333333;
    font-size:8pt;
  }
  
  .main9 {
    color:#333333;
    font-size:9pt;
  }
  
  .main10 {
    color:#333333;
    font-size:10pt;
  }
  

  
  .maroon10 {
    color:#990000;
    font-size:10pt;
    font-weight:bold;
  }
  
  .maroon11 {
    color:#990000;
    font-size:11pt;
  }
  
  .maroon12 {
    color:#990000;
    font-size:12pt;
  }
  


div.homead{
    background-color:#EEEEEE;
	border: 1px solid #cccccc;
	padding-top:8px;
	padding-bottom:8px;
}

div.rightpanel{
	width:138px;
}
  
/******************************
   Links
******************************/

  a{
    color:#666666;
  }
  
  a:HOVER{
    color:#990000;
  }
  
h3{
    color:#990000;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background: url(../images/subhead_bg.png) repeat-x;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
}