/* --------------------------------------------------------------

   layout.css
   * Sets up the framework of the site.

-------------------------------------------------------------- */

#lightbox {
  position: relative;
  overflow: hidden;
  margin: 0 10px;
  text-align: center;
  padding-bottom: 20px;
  font-size: 120%;
  }
	#lightbox #page    { padding: 0; }
	#lightbox #content { margin-bottom: 0px; }

#container {
  position: relative;
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
  text-align: center;
  }

  #page {
    text-align: left;
    padding: 0 0 18px 0;
    }

    #header {
      height: 50px;
      font-size: 10px;
      color: #333333;
      }

    #header.homepage {
    	height: 117px;
    	}

    #navigation-homepage {
      font-size: 10px;
      color: #333333;
      margin-bottom: 30px;
      }

    #content {
    	padding-bottom: 1px;
    	margin-bottom: 10px;
    	}

      .subject-1, .subject-3,
      .col-1, .col-2, .col-3,
      .dash-1, .dash-2, .dash-3 {
        display: inline;
        float: left;
        overflow: hidden;
        position: relative;
        }
      .col-1     { width: 670px; }
      .col-2     { width: 180px; float: right; }
      .col-text  { width: 640px; margin: 0; }

      .dashboard { padding-top: 25px; }
      .dash-1    { width: 321px; margin: 0; }
      .dash-2    { width: 321px; margin: 0 0 0 9px; }
      .dash-3    { width: 321px; margin-left: 8px; }

			.subjects  { padding-top: 38px; }
      .subject-1 { width: 651px; margin: 0 0 0 0; }
      .subject-3 { width: 321px; margin-left: 8px; }

		#features {
			margin-bottom: 10px;
			}

		#infobar {
			padding: 10px;
			padding-top: 5px;
			margin-bottom: 10px;
			}
			.infobar-col-1, .infobar-col-2, .infobar-col-3 { width: 300px; float: left; margin: 5px 5px; }

    #footer {
      position: relative;
      width: 100%;
      color: #999;
      text-align: right;
      }

.full-screen #container    { width: 98%; margin: 0 auto; }
.full-screen #page         { padding: 0; }
.full-screen #content      { margin: 0; }

.study                     { padding: 10px 0; }
.study-sidebar             { width: 321px; position: relative; }
.side-left .study-sidebar  { float: left; }
.side-left .study-map      { margin: 0 0 0 330px; }
.side-right .study-sidebar { float: right; }
.side-right .study-map     { margin: 0 330px 0 0; }