/*------------------------------------------------------------------------
# Burr Elementary School - April, 2009
# ------------------------------------------------------------------------
# Copyright (C) 2009 Burr
-------------------------------------------------------------------------*/

html, body {
  margin:0;
  padding:0;
  /* background-color: #F4FFFF; */
  background-color: #E7FFFF;
  font-family: Verdana, Arial , Geneva, sans-serif;
  font-size: 12px;
}

/***** Common Selectors *****/
h1 {
  font-size: 120%;
  font-weight: bold; 
  color : #CC3366; 
}

h2 {
  clear: both;
  font-size: 120%;
  font-weight: bold;
  color: #CC3366; 
}

h3 {
  clear: both;
  /*font-size: 110%; */
  font-size:100%;
  text-shadow: 4px 4px 8px pink;
  /*font-variant : small-caps;*/
  /* color: #0055dd; */
  color: #191970; 
}

p { 
  color : #000000; 
  font-size : 100%;
}

table  {
   color: #333333;
   border-style:none;
}

table li {
}

table a {
    color: #333333;
}
	
table#navigation a:hover {
    color: #399BE1;
    text-decoration: underline;
}

a { 
}

a:link {
   color: blue 
}
a:visited {
   color: purple 
}
a:hover { 
   color: #A52A2A; 
   /*background-color: #FAEBD7;*/
}

hr {
  color: #cceeff;
  size: 1;
}

img {
    border: 0;
}

/**** ID Selectors ****/
#header {
  padding: 2px; 
  margin-bottom: 6px;
  border: thin solid #cceeff;
  height: 150px;
  /* background-color: #CCFFFF; */
  background-color:#FFFFFF;
}

#bannerimage {   
  float:left;
  width:220px;
  margin: 2px;
  margin-right: 20px;
  background-color: #FFFFFF;
  border: 0;
}

#banner {
  /*float:left; */
  padding-left: 5%;
  padding-top: 2%;
  margin-left: 5%;
  background-color: #FFFFFF;
  height: 120px;
}

#bannerimage a:hover { 
   color: #A52A2A; 
   background-color: #FAEBD7;
}

#body {
  margin:8px;
  padding:0;
/*  background:#F4FFFF;  */
  background:#E7FFFF;
}

#nav {
  float:left; 
  width:20%;
  border: thin solid #cceeff;
  background-color: #FFFFFF;
  color: #CC3366;
}

#nav li {
   margin: 0px;
   padding: 3px;
}

#nav a {
    font-size: 110%; 
    letter-spacing:.05em; 
    text-decoration: none;
}
	
#nav a:hover {
    color: #CC3366;
    text-decoration: underline;
}

#content {
  float:right;  
  width:79%;
  border: thin solid #cceeff;
  background-color: #FFFFFF;
  font-size: 110%;
}

.title {
  margin: 2px;
  padding: 4px;
  font-size: 110%;
}

.section {     
  float:right;
  width:79%;
  border: thin solid #cceeff;
  background-color: #FFFFFF;
  font: 110% Verdana;
}

#maincontent {
  float:left;  
  width:70%;  
  background-color: #FFFFFF;
  margin: 2px;
  padding: 4px;
} 

#sidebar {
  float:right;
  margin:0;
  padding:10px; 
  width:25%;
}

.logobox {
  border: thin solid #cceeff;
  text-align: center;
  padding:5px;
  margin:10px;
/*  background-color: #F4FFFF; */
  background-color: #E7FFFF;	}

#column1 {
   float:left;
   width:50%;
}

#column2 {
   float:right;
   width:50%;
}

#boardtable td {
    padding:5px;
}

#calendar {
   font-size:80%;
   background-color: #cceeff;
   margin:0;
}

#calendar td {
   vertical-align:text-top;
   margin-top: 5px;
   padding: 3px;
}

#footer {
  clear: both;
  font-size: 10px;
  color: #333333;
  letter-spacing:.05em;
  text-align: right;
  /* margin-right:10px;*/
}

/**** Form Styles ****/
fieldset {
  /*width: 300px;*/
  margin: 12px;
  padding: 6px;
  border: thin solid #cceeff;
  background-color:#FFFFFF;
}

fieldset legend {
   font-weight: bold;
   color: #0055dd; 
   font-size: 110%; 
}

#leftForm, #rightForm {
    vertical-align:top;
}

.formButton {
   color: #0055dd; 
   background-color: #cceeff; 
   font-size: 110%; 
}

.highlightText {
   color: #0055dd; 
   background-color: #cceeff; 
   font-size: 100%; 
}

.blueText {
   color: #0055dd; 
   /*background-color: #cceeff;  */
   font-size: 100%; 
}

.formButton:active {
    /* color: purple; */
    background-color: #CCC;
    /* padding: 2px; */
}

/* To get rid of dotted box on buttons */
:focus {outline:none;} ::-moz-focus-inner {border:0;}

#ChildForm {
    float: left;
}

#ParentForm {
}

#Parent1Form {
    float:left;
}

#Parent2Form {
    float: right;
}

#ChildForm input, #ParentForm input {
    width: 130px;
}

#submitBox {
    clear:both;
    text-align: center;
    /*width:180px;*/
}

#submitBox input {
    width: auto;
    padding: 2px;
    border-radius:25px;
    border:thin;
    -moz-border-radius:25px; /* Firefox */
    border-radius:25px;
    -moz-box-shadow: 3px 3px 10px #888888; /* Firefox */
    -webkit-box-shadow: 3px 3px 5px #888888; /* Safari and Chrome */
    box-shadow: 3px 3px 5px #888888;
    /*-moz-transition: all 100ms linear;*/
}

/**** Text Formatting ****/
.navyfont
{
   font-weight: bold;
   color: #191970;
}

.smallfont
{
    font-size: 90%; 
}

.bigfont
{
   font-size: 130%
}

.requiredred
{
    color: red;
}

.suggestedgray
{
    color: gray;
}

.introwords {
   color: #CC3366; 
   font-weight: bold;
   font-size: 120%;
}

.bannertext {
    font:300% Arial;
    font-weight: bold; 
    text-shadow: 4px 4px 8px pink;
    color: #0055dd; 
    letter-spacing:.015px;
    text-align: left; 
    background-color: #FFFFFF;
}

.logoboxtext {
  clear: both;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  /* color: #CC3366; */
  color: rgb(204, 51, 102);
}

.emailbox {
    font-family: Arial;
    font-size: 10px;
    border: 1px solid;
    color: rgb(153, 153, 153);
}