/* CSS Document */

* {margin: 0; padding: 0; border: 0;}

/* BODY ELEMENTS*/
body {text-align: right; background: #fff; color: #6699cc; min-width: 700px; font-family: arial, sans-serif; font-size: 14px; line-height: 1.5;}

  img{margin: 1%; align: center; vertical-align: middle; border-right: #6699cc 2px solid; border-bottom: #6699cc 2px solid;}

  a {font-size: 14px; color: #6699cc; padding: 0 2px; text-decoration: none;}

    a:hover {font-size: 14px; background: #6699cc; color: #fff; text-decoration: underline;}
  
    a.skip {font-size: 11px;}

    a.skip:hover {font-size: 11px;}
    
  h1, h2, h3, h4, p {color: fff; margin: 1em 0;}

  ul {margin: 1em 2em;}
/* END BODY ELEMENTS*/

/* ALL CONTENT ELEMENTS*/
#wrapper {background: #fff; text-align: left; width: 95%; margin: 1%; font-size: 14px; border: 5px solid #fff; position: relative; z-index: 500;}

  #centerpad {margin-left: 200px;  background: #6699cc; border: 1px solid #000033;}

  #center {color: #fff; font-size: 14px; float:left; width: 100%; text-align: left; margin-right: -95%;}
  
    #center h1{font-size: 140%; margin-left: 10px;}
    
    #center h2{font-size: 120%; margin-left: 10px;}

    #center a {color: #fffafa; font-size: 15px; font-style: italic; font-weight: bold;}

    #center a:hover {background: #fffafa; color: #6699cc; font-size: 15px;}

    #center p{color: #fff; margin-left: 10px;}


/* Define the navigation styles used to create the menu at the left of the page. Control the display of the navigation bar to the left of the screen. Note that z-index is essential to fixing the "Reverse Windowshade Bug" in Opera 7 and 8. */

	#menu {position: relative; float: left; top: 0; left: 0; width: 11em; height: 100%; padding: 0 0 1em 0; font-size: 14px; margin-left: -4%;}
	
  /* Control the display of the ordered list that appears within the navigation bar. */

	#menu ol{position: relative; top: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid #cccccc}

  /* Position elements in the navigation menu. */

	#left li{position: relative; border-bottom: 1px solid #cccccc}
	
  /* Hide the elements that will appear to "pop out" when a user hovers over navigation menu elements. */

	#left li ol{display: none; position: absolute; left: 11em; top: -1px; width: 20em;}

	#left li ol a{font-size: 12px;}
  
  /* Make hidden elements in the navigation menu appear. */

	#left li:hover ol{display: block;}

  /* Style the links in the navigation menu. */

  #left li a{display: block; padding: .5em; font-size: 14px; border-left: .5em solid #6699CC; border-right: 1px solid #cccccc; background-color: #fff; color: #6699CC; text-decoration: none; width: auto;}

	#left li a:hover{border-left: .5em solid #cccccc; border-right: 1px solid #cccccc; background-color: #6699CC; color: #fff;}
	
  #left img{width: 99%; margin-top: 2px; margin-left: 2px; margin-bottom: 4em}

  #header {clear: both; width: 100%; background: #fff; color: #6699cc; text-align: right; padding: 1px;}
  
  #footer {clear: both; width: 100%; text-align: center; font-size: 11px; color: #6699cc; background: #fff;}

    #footer div {padding: 1px 0;}

    #footer img {margin: 0; border: 0; padding: 0;}
    
    #footer a {font-size: 100%; text-decoration: underline;}   /* hovers like other non-footer a's */
    
    #footer img{border: none;}

/* END ALL CONTENT ELEMENTS*/

/*************       For IE Mac           **************/

* html div#center {margin-right: -100%;}

* html div#left {margin-left: 0;}