/* *****************************************************************
   **                         GLOBAL                              **
   ***************************************************************** */

    html { padding: 0px; margin: 0px; }
    body {
    	font-family: 'Tahoma', verdana, arial, helvetica, serif;
    	color:#3D3D33;
    	background:#E9E9DF;
    	margin: 0px 0px 0px 7px;
    	padding: 0px;
      background-image: url("/images/bg.gif");
      background-repeat: repeat-y;
    }
    h1 {
      position: absolute;
      top: 0px;
      left: 7px;
      width: 740px;
      height: 70px;
      margin: 0px;
      padding: 0px;
      background: #660000;
      font-size: 1.5em;
      color: #ffffff;
    }

    a:visited {color: blue; text-decoration: none;}
    a:link {color: blue; text-decoration: none;}
    a:active {color: red; text-decoration: none;}
    a:hover {color: red; text-decoration: none}


    }

    #acc { display: none; }

/* *****************************************************************
   **                       NAVIGATION                            **
   ***************************************************************** */

    #nav {
      position: absolute;
      top: 70px;
      left: 7px;
      width: 740px;
      height: 30px;
      margin: 0px;
      padding: 0px;
      font-size: .75em;
      background: #ffffff;
      z-index: 5;
    }
    #nav, #nav ul { /* all lists */
    	padding: 0px;
    	margin: 0px;
    	list-style: none;
    	line-height: 1;
    	height: 30px;
    }
    #nav a {
    	display: block;
    	width: 120px;/*148*/
    	height: 30px;
    	background: #ccf;
    	padding: 0px;
    	margin: 0px;
    	border: 0px solid #0f0;
      font-size: .9em;
    }
    #nav li { /* all list items */
    	float: left;
    	width: 148px; /* width needed or else Opera goes nuts */
      padding: 0px;
      margin: 0px;
      z-index: 10;
    }
    #nav li a {width: auto; }

    #nav li#home { width: 54px; }
    #nav li#about { width: 100px; }
    #nav li#academics { width: 95px; }
    #nav li#extra { width: 150px; }
    #nav li#parents { width: 105px; }
    #nav li#early { width: 140px; }
    #nav li#contact { width: 95px; }

    #nav li ul { /* second-level lists */
    	position: absolute;
    	background: #fff;
    	width: 140px;
    	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
      padding: 0px;
      margin: 0px;
      z-index: 20;
      }
    #nav li ul a { /* second-level menu items */
      margin: 0px;
      padding-top: 3px;
      padding-left: 10px;
      padding-right: 2px;
      padding-bottom: 0px;
      width: 140px;
      height: 16px;
      background: #fff;
      border-left: 1px solid #000;
      border-right: 1px solid #000;
      border-bottom: 1px dotted #999999;
      text-decoration: none;
    }
    #nav ul li img {
      float: right;
      padding: 0px;
      margin-top: -15px;
      padding-right: 10px;
    }

    #nav li ul ul { /* third-and-above-level lists */
    	margin: -1em 0 0 10em;
    }
    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    	left: -999em;
    }
    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
    	left: auto;
    }

/* *****************************************************************
   **                      MISCELLANEOUS                          **
   ***************************************************************** */

    #slideshow {
      position: absolute;
      top: 100px;
      left: 7px;
      width: 740px;
      height: 180px;
    	margin: 0px;
    	padding: 0px;
    	background: #996666;
    	z-index: 0;
    }


    h2#pageTitle  {
      position: absolute;
      left: 7px;
      top: -30px;
      width: 487px;
      height: 20px;
      margin: 0px;
      padding: 5px;
      font-size: 1.4em;
      color: #ffffff;
    }

    #search {
      position: absolute;
      top: 10px;
      left: 609px;
      width: 150px;
      height: 22px;
      z-index: 1;
      display: none;
    }

    #searchBox { }

/* *****************************************************************
   **                       CONTENT AREA                          **
   ***************************************************************** */

    #content {
      position: absolute;
      left: 7px;
      top: 281px;
      width: 481px;
      background: #eee;
      color: #000;
      margin: 0px 0px 0px 0px;
      padding: 0px 5px 0px 12px;/*
      font-family: Verdana;*/
      font-size: .8em;
    }

    #content p, #content ol, #content ul {
      margin-top: 10px;
    }

    #content ul ul { margin-top: auto; }

    #content h3 {
      margin: 0px;
      margin-top: 10px;
      padding: 0px;
      color: #333333;
      font-size: 1.2em;
      border-bottom: 1px dotted #999999;
    }
    #content img { border: 1px solid #000000; }
    #content img.icon { border: none; padding-left: 2px; }

    #content h4 { font-size: 1em; }

    #content #leftBox, #content #rightBox {
      width: 230px;
      border: 1px solid #000000;
      margin: 10px 0 10px 0;
      padding: 0 0 10px 0;
      background: #ffffff;
    }
    #content #leftBox { float: left; }
    #content #rightBox { float: right; }
    #content br { clear: all; }
    #content #leftBox h3, #content #rightBox h3 {
      border-bottom: 1px dotted #000;
      background: #cc9999;
      color: #ffffff;
      padding: 5px;
      margin: 0px;
      font-size: 1em;
    }
    #content #leftBox p, #content #rightBox p {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 0px;
    }

    .burgandy { font-weight: bold; color: #660000; }

    .grid { width: 240px; float: left; }
    .grid img { border: 1px solid #000000; }

    #footer {
      margin-top: 50px;
      margin-bottom: 20px;
      clear: both; /*
      font-size: .9em;*/
    }
    #footer hr { margin-bottom: 0px; }
    #footer p { margin-top: 0px; }

    #spotlight {
      background-color: #ffffcc;
      margin: 20px;
      padding: 10px;
      text-align: center;
      border: 1px solid #333333;
      }

    .indent { margin-left: 20px; }

    /* ***************************
       ** PAGE-SPECIFIC CONTENT **
       *************************** */

       #wx_module_238 {
         width: 300px;
         margin: 20px;
         padding-top: 20px;
         padding-left: 70px;
       }
       #wx_module_238 img { border: none; }





/* *****************************************************************
   **                         SIDEBAR                             **
   ***************************************************************** */

    #sideBar {
      position: absolute;
      left: 507px;
      top: 290px;
      width: 240px;
      color: #000;
      margin: 0px;
      padding: 0px 5px 0px 10px;
    }

    #sideBar h3 {
      border: 1px solid #000;
      border-bottom: 1px dotted #000;
      padding: 5px;
      margin: 0px;
      margin-top: 10px;
      background: #cc9999;
      color: #ffffff;
      font-size: .8em;
      width: 210px;
    }
    #sideBar p, #sideBar ul {
      border: 1px solid #000;
      border-top: 0px dotted #000;
      background: #e9e9df;
      padding: 5px;
      padding-left: 10px;
      margin: 0px;
      width: 205px;
      font-size: .8em;
    }
    #sideBar ul { padding-left: 10px; list-style-image: url("/images/bullet.gif"); }
    #sideBar ul li { margin-left: 15px; }
    #sideBar ul li.back { list-style-image: url("/images/bullet-back4.gif"); }

    #sideBar form {
      border-left: 1px solid #000;
      border-right: 1px solid #000;
      background: #e9e9df;
      padding: 5px;
      padding-left: 10px;
      margin: 0px;
      width: 205px;
      font-size: .8em;
    }

    #sidebar #wx_module_4873 {
      width: 210px;
    }

    table.sci { margin-top: 10px; margin-bottom: 20px; }