/*
Color Theme
blue   090C67
orange D07A00
*/

html, body, ul, li 
  {
  list-style: none;
  /*overflow : auto;*/
  }

ol li
  {
  list-style: decimal inside;
  } 

ul.bulleted li
  {
  list-style: disc inside;
  } 

a 
  {
  font-weight: bold;
  text-decoration: none;
  color: #090C67;
  }

a:hover 
  {
  text-decoration: underline;
  }

.more 
  {
  text-align: right; 
  }

.left
  {
  float: left;
  }

.clear 
  {
  clear: both;
  }

body, h1, h2, h3, form 
  {
  font: 15px tahoma, arial, sans-serif;
  color: #090C67;
  }

h1 
  { 
  font-size: larger;
  font-weight: bold; 
  }

h2
  {
  font-weight: bold;
  font-style: italic;
  }
  
.announcement
  {
  text-align:center;
  font-size:larger;
  font-weight:bold;
  }

body 
  {
  text-align: center;
  background-color: white;
  }

* 
  {
  margin: 0px;
  padding: 0px;
  border: 0px;
  }

html, body, #view
  {
  weight: 100%;
  height: 100%; 
  }	
  
#staticHeader {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 250px;
  width: 100%;
  background: url("http://www.kidsroomfoundation.com/images/Background.jpg") repeat-x;
  }

#view 
  {
  min-height: 100%;
  height: auto !important;
  /*margin-bottom:-2.5em; /* the bottom margin is the negative value of the footer's height */
  }

#footer 
  {
  position: fixed;
  left:0px;
  bottom: 0px;
  height: 30px;
  width: 100%;
  text-align:center;
  color:#090C67;
  background: #D07A00;
  font-weight: bold;
  }
  
#footer p {
  padding-top: 2px;
  }

/*
#body 
  {
  position: absolute;
  top: 180px;
  left:0px;
  bottom:30px;
  text-align: justify;
  border: 0;
  text-align:left;
  width: 100%;
  height: auto; 
  }
*/

#body 
  {
  position: fixed;
  top: 0px;
  margin-top: 150px; /* 180px */
  left:0px;
  bottom:30px;
  right: 0;
  margin-bottom: 0px;
  text-align: justify;
  border: 0;
  text-align:left;
  width: 100%;
  height: auto; 
  overflow:auto;
  }
  
#innerBody {
  position: absolute;
  margin-top: 30px;
  margin-bottom: 10px;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 774px;
  /*height: 100%;*/
  }

#body h1
  {
  text-align:center;
  }

#body h2, #body p 
  {
  margin: 0.3em 0; 
  }
  
#body p.centered
  {
  text-align:center;
  }

#logoOnTop
  {
  margin-top:15px;
  margin-left:auto;
  margin-right:auto;
  }

#logoOnTop img
  {
  width:200px;
  height:70px;
  }

div#navigation 
  {
  position: absolute;
  top: 113px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  border: 0px;
  padding: 0px;
  height:40px;
  text-align:left;
  width: 774px;
  }

div#navigation div.NavigationButton
  {
  border: 0;
  width:110px;
  background-image: url("http://www.kidsroomfoundation.com/images/ButtonSliver.jpg");
  background-repeat:  repeat-x;
  display:inline;
  margin-top:2px;
  margin-right:5px;
  padding:5px;
  cursor: hand;
  font-weight: bold;
  text-decoration: none;
  border: 0;
  color:white;
  vertical-align:middle;
  text-align:center;
  }

div#navigation div.NavigationButton[selected="yes"]
  {
  font-weight: bold;
  text-decoration:none;
  color:#090C67;
  cursor: pointer;
  }

div#navigation div.NavigationButton:hover
  {
  font-weight: bold;
  text-decoration:none;
  color:#090C67; 
  cursor: hand;
  }

/* Vision.php ---------------------------------------- */

#body-left 
  {
  float: left;
  width: 408px;
  }

#body-right 
  {
  float: right;
  width: 300px;
  margin-right: 2em;
  padding-left:10px;
  }
  
#body-right p
  {
  margin-right: 2em;
  }

/* Home.php -------------------------------------------- */

#images 
  {
  padding-top:10px;
  }

#headline 
  {
  padding-top:10px;
  }

#logo img 
  {
  float:left;
  width:580px;
  height;305px;
  border: 1px solid #090C67;
  padding: 2px;
  }

#Properties 
  {
  padding-left:7px;
  float: left;
  width: 140px;
  }

#Properties .section 
  {
  background: #E6E7E7;
  border-top: 1px solid #CFD0D0;
  padding: 3px 4px 4px 4px;
  margin: 2px 0 0 0;
  text-align: center;
  }
  
#Properties .sectionCenter {
  text-align:center;
  }

#Properties div 
  {
  padding: 3px 0;
  }

#Properties div h3 
  {
  background: url(images/Home-16x16.png) no-repeat;
  padding-left: 15px;
  font-weight: bold;
  margin: 1em 0 0.4em 0;
  }

.title
  {
  font-size: xx-large;
  font-weight:bold;
  text-align: center;
  }

.centered
  {
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  text-align:center;
  }
  
fieldset {
  border: 1px black solid;
  padding: 4px;
}

fieldset legend
  {
  text-align: left;
  }

fieldset.Properties
  {
  text-align:center;
  }
 
fieldset.Properties a img
  {
  vertical-align:middle;
  float: left;
  width:300px;
  height: 300px;
  }
  
.event {
  padding: 3px;
  border: 1px black solid;
  text-align: center;
  }
  
/* Events.php -------------------------------------------- */

.iframe-body {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-right: auto;
  margin-left:auto;
  margin-bottom: 50px;
  width: 740px;
  height: 550px; 
  padding: 0px;
  border: 0px;
  }
  
#eventButtonSet {
  width: 100%;
  height: 30px;
  vertical-align: middle;
  }

.eventButton {
  width: 20%;
  margin-right: 2%;
  height: 80%;
  display: inline-block;
  color: white;
  text-align: center;
  border: 1px solid #090C67;
  font-size: 12px;
  line-height: 1.7em;
  background-color: #D07A00;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  }
  
.eventButton[selected="yes"] {
  color: #090C67;
  }
  
.eventButton:hover {
  color: #090C67;
  }
  
.eventButton:first-child {
  margin-left: 2%;
  }