Imagine Middle School 7th Grade Site!

/*
This is an Elated Product - www.elated.com.
Copyright (c) 1996-2006 Elated Communications Ltd.
*/


/*
Standard font family for site
*/

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
font-family: arial, helvetica, sans-serif;
}


/*
Page body style
*/

body
{
margin: 0;
padding: 0;
  color: #666;
  background-color: #fff;
}


/*
Standard paragraph style
*/

p
{
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
margin: 0 20px 15px 0;
padding: 0 0 0 0;
}


/*
Headings
*/

h1
{
  font-family: arial, helvetica, sans-serif;
font-size: 1.2em;
  color: #a9cc07;
  margin: 0 20px 15px 0;
padding: 50px 0 0 0;
}

h2
{
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;
font-size: 1em;
  color: #999;
  margin: 0 0 10px 0;
padding: 0 0 0 0;
}

h3
{
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
font-size: 0.8em;
  color: #ef06c6;
  margin: 0 0 5px 0;
padding: 0 0 0 0;
}




/*
Style for standard links
*/

a
{
color: #ef06c6;
  text-decoration: underline;
}

a:visited
{
  color: #999;
  text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

a:visited:hover
{
  color: #ef06c6;
  text-decoration: none;
}


/* STRUCTURE */

/*
Outer Container for page 
*/

#outer-container
{
margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  width: 95%;
}


/*
Container for page 
*/

#container
{
  margin: 0;
  padding: 0;
  background-color: #fff;
}

/* Page header */

#header
{
  height: 3.3em;
  min-height: 50px;
  margin: 0 0 0 0;
  padding: 0;
}

/* Columns */

#column1
{
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

#column2
{
  width: 25%;
  float: left;
  margin: 0;
  padding: 0 ;
  background-color: #fff;
}

#column3
{
  width: 50%;
  float: right;
  padding: 0;
  background-color: #fff;
}



/* Styles for the logo */

#logo
{
  float: left;
}

#header h1
{
  font-size: 2.7em;
  padding: 0 0 0 40px;
  margin: 0;
  background-image: url("images/header_pattern.gif");
  background-repeat: no-repeat;
}


/* First column image */

#column1-image
{
  margin: 0 20px 31px 0;
  padding: 0;
  overflow: hidden;
}

#column1-image p
{
  position: absolute;
  width: 10%;
  padding: 5px;
  background-color: #a9cc07;
  color: #fff;
}

.highlight
{
  background-color: #a9cc07;
  color: #fff;
  font-size: 1em;
  padding: 5px;
}


/* Photo area */

#photo-area
{
  margin: 0 0 16px 0;
  padding: 0;
  overflow: hidden;
}

#photo-area p
{
  position: absolute;
  width: 20%;
  padding: 5px;
  background-color: #ef06c6;
  color: #fff;
}

#photo-area-column1
{
  background-color: #fff;
  float: left;
  margin: 0;
  padding: 0;
  width: 49.9%;
}

#photo-area-column2
{
  background-color: #fff;
  float: left;
  margin: 0;
  padding: 0;
  width: 49.9%;
}



/*
Page footer
*/

#footer
{
  font-size: 0.8em;
color: #999;
  margin: 0 0 0 0;
  padding: 20px 0 0 0;
}


/* Clearing element */

.clear
{
  position: relative; clear: both; height: 0; line-height: 0; font-size: 0;
}

/*
Standard images
*/

img
{
border: none;
}