/*---------------------------------------------------------------------------------------------------------------------------
  Main CSS file.
  New Discovery Montessori School website.

  Version: 1.1
  Modified: January 25, 2010
  Author: Tran Nguyen
  Email: tran.nguyen1978@gmail.com
  website: www.discoverymontessorischool.org
---------------------------------------------------------------------------------------------------------------------------*/

* {
  padding: 0;
  margin: 0;
  text-decoration: none;
}

body {
  font-size: small;
  background: url("../images/gradient.gif") repeat-x top center;
}

* html body {
  font-size: x-small;
}

#allcontent {
  position: relative;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  font-family: Verdana, sans-serif;
  color: #422b17;
  text-align: center;
}

ul {
  list-style: none;
}

/* Page heading */
h2 {
  font-size: 150%;
  margin: 10px;
  font-family: "Kristen ITC", Author, "Brush Script", cursive;
}

/* Section heading */
h3 {
  font-size: 115%;
  margin: 10px 20px;
  text-align: left;
}

/* Sub-heading */
h4, th {
  font-size: 100%;
  color: #422b17;
}

/* Login navigation menu style */
ul#loginnav {
  margin: 5px 15px;
  text-align: right;
}

ul#loginnav li {
  display: inline;
  font-size: 90%;
  color: #fff;
}

#content3 a, h6 a, ul#footer li a {
  font-weight: bold;
  font-size: 100%;
  color: #be7af3;
}

ul#loginnav a {
  font-size: 100%;
  color: #fff;
}

h6 a:hover, #content3 a:hover, ul#footer li a:hover, ul#loginnav li a:hover {
  color: #fe8b7a;
}

h6, ul#footer {
  font-size: 75%;
  color: #7a88f3;
}

/* Footer */
h6 {
  float: left;
}

p, #content3 ul li, #content3 ol li {
  font-size: 90%;
  color: #774D29;
  text-align: left;
}

p, blockquote {
  padding: 10px 20px;
}

p.center {
  padding: 0;
  text-align: center;
}

p.right {
  text-align: right;
}

p.widget {
  padding: 5px;
}

blockquote {
  font-size: 90%;
  font-style: italic;
}

.italic {
  padding: 0;
  font-style: italic;
}

#content3 ul li {
  margin: 10px 50px;
  line-height: 15px;
  list-style-image: url("../images/hand.gif");
}

#content3 ul.nohands li {
  list-style-type: disc;
  list-style-image: none;
}

#content3 form {
  margin: 10px 25px 50px;
  text-align: left;
}

#heading,
#home #content1, #home #content2, #home #content3,
#page2 #content1, #page2 #content2, #page2 #content3,
#page3 #content1, #page3 #content2, #page3 #content3,
#page4 #content1, #page4 #content2, #page4 #content3,
#page5 #content1, #page5 #content2, #page5 #content3,
#page6 #content1, #page6 #content2, #page5 #content3,
#footer {
  float: left;
  width: 100%;
}

#heading {
  margin-top: 10px;
}

/* Margins to allow for rounded edge attributes */
#home #content3, #page2 #content3,
#page3 #content3, #page4 #content3,
#page5 #content3, #page6 #content3 {
  margin: 10px 0;
}

#logo {
  float: left;
  width: 236px;
  height: 120px;
  background: url("../images/logo.gif") no-repeat;
}

/* Heading image style*/
#home #image,
#page2 #image,
#page3 #image,
#page4 #image,
#page5 #image,
#page6 #image {
  float: right;
  width: 500px;
  height: 110px;
  margin: 5px 15px;
}

#home #image {
  background: url("../images/playarea.jpg") no-repeat;
}

#page2 #image {
  background: url("../images/Garden flower group 3 cropped.jpg") no-repeat;
}

#page3 #image {
  background: url("../images/COOLPIX NOV 07 309 cropped.jpg") no-repeat;
}

#page4 #image {
  background: url("../images/Water the Garden cropped.jpg") no-repeat;
}

#page5 #image {
  background: url("../images/Playground Towers 006 cropped.jpg") no-repeat;
}

#page6 #image {
  background: url("../images/school.jpg") no-repeat;
}

/* Universal main content body style */
#content3 {
  padding: 10px 0 50px;
  border-width: 10px 20px; /* Provides folder appearance */
  border-style: solid;  /* Provides folder appearance */
  background: #fff url("../images/notepaper.gif"); /* Provides notebook paper appearance */
}

/* Universal content body width */
#home #content3,
#page2 #content3,
#page3 #content3,
#page4 #content3,
#page5 #content3,
#page6 #content3 {
  width: 760px;
}

/* IE fix for content body width home, page 2,3,4,5,6 */
* html #home #content3,
* html #page2 #content3,
* html #page3 #content3,
* html #page4 #content3,
* html #page5 #content3,
* html #page6 #content3 {
  width: 800px;
}

#home #content1 {
  background: url("../images/top1.gif") no-repeat;
}

#home #content2 {
  background: url("../images/bottom1.gif") no-repeat left bottom;
}

/*Individual main content body style for home page*/
#home #content3 {
  border-color: #9ff37a;
}

#page2 #content1 {
  background: url("../images/top2.gif") no-repeat;
}

#page2 #content2 {
  background: url("../images/bottom2.gif") no-repeat left bottom;
}

/*Individual main content body style for page 2*/
#page2 #content3 {
  border-color: #ecf37a;
}

#page3 #content1 {
  background: url("../images/top3.gif") no-repeat;
}

#page3 #content2 {
  background: url("../images/bottom3.gif") no-repeat left bottom;
}

/*Individual main content body style for page 3*/
#page3 #content3 {
  border-color: #f3be7a;
}

#page4 #content1 {
  background: url("../images/top4.gif") no-repeat;
}

#page4 #content2 {
  background: url("../images/bottom4.gif") no-repeat left bottom;
}

/*Individual main content body style for page 4*/
#page4 #content3 {
  border-color: #f38b7a;
}

#page5 #content1 {
  background: url("../images/top5.gif") no-repeat;
}

#page5 #content2 {
  background: url("../images/bottom5.gif") no-repeat left bottom;
}

/*Individual main content body style for page 5*/
#page5 #content3 {
  border-color: #be7af3;
}

#page6 #content1 {
  background: url("../images/top6.gif") no-repeat;
}

#page6 #content2 {
  background: url("../images/bottom6.gif") no-repeat left bottom;
}

/*Individual main content body style for page 6*/
#page6 #content3 {
  border-color: #7a88f3;
}

/* Left placement of photos in body */
.imageleft {
  float: left;
  margin: 10px 20px;
}

/* Right placement of photos in body */
.imageright {
  float: right;
  margin: 10px 20px;
}

#simplegallery1 {
  position: relative; /*keep this intact*/
  visibility: hidden; /*keep this intact*/
  float: left;
  margin: 15px 0 10px 20px;
}

/* Left content style of home page */
.contentleft {
  float: left;
  width: 420px;
}

/*Announcement content style of home page*/
#announcements {
  float: right;
  width: 280px;
  border: 5px dashed #f38b7a;
  padding: 5px;
  margin: 10px 20px;
}

ul#outsidelinks {
  clear: both;
  margin: 10px 0 -40px;
}

ul#outsidelinks li {
  display: inline;
  padding: 0;
  margin: 0 5px;
  background: none;
}

/* Footer links attributes */
ul#footer {
  float: right;
  width: 350px;
  text-align: right;
}

/* Footer links spacing */
ul#footer li, ul#loginnav li {
  display: inline;
  margin: 0 3px;
}

#content3 iframe {
  margin: 10px;
}

/* Center MapQuest directions embed */
#directions {
  margin: 10px 250px;
}

fieldset {
  padding: 0 10px;
  margin-bottom: 10px;
}

input {
  margin: 5px 0px;
}

table {
  margin: 0 20px;
}

#page6 table {
  margin: 0 auto;
}

tr, td {
  padding: 5px 20px;
  text-align: left;
}

tr {
  vertical-align: text-top;
}