/*  CSS Document 

 http://www.organicsanity.com/style.css
 
 Copyright: Terry Didcott 2007    
*/
 
body {
  background: #E8E8CE; /*#CCFFCC;*/
  margin-top: 10px;
  margin-bottom: 10px;
}

A:link {
	COLOR: #FF6600; text-decoration: none
}
A:visited {
	COLOR: #FF6600; text-decoration: none
}
A:active {
	COLOR: #FF3300; text-decoration: none
}
A:hover {
	COLOR: #FF3300; text-decoration: underline
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 760px;
  text-align: left;
  background: #FFFFFF;
  border: 1px solid #006633;
}

#page_header {
  height: 120px;
  background: #FFFFCC url('http://www.organicsanity.com/img/head.jpg') top right no-repeat;
  color: #006600;
  clear: both;
}

#content_wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  clear: both;
}

h1 {
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 22x;
  font-weight: bold;
  color: #000000;
  background-color:#FFFFFF;
  padding:0;
}

h2 {
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  color: #000000;
  background-color:#FFFFFF;
  padding:0;
}

#menu_bar {
  margin-top: 0;
  height: 160px;
  background: #FFFFFF;
  clear: both;
}

#menu_bar ul {
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#menu_bar ul li { display: table; }

#menu_bar ul li a {
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: #993300;
  color: #FFFF99;
  float: right;
  width: 100px;
  border-bottom: 2px solid #FFFFFF;
}

#menu_bar ul li a:hover {
  background: #669900;
  color: #CCFFCC;
}


#box_top_left {
  float: left;
  width: 480px;
  height: 200px;
  background-color: #FFFFFF;
  border: 5px solid #FFDABB;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

#box_top_right {
  float: right;
  width: 180px;
  height: 200px;
  background-color: #FFFFFF;
  border: 5px solid #FFDABB;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

#box_bottom_left {
  float: left;
  width: 200px;
  background-color: #FFFFFF;
  border: 5px solid #FFDABB;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

#box_bottom_right {
  float: right;
  width: 460px;
  background-color: #FFFFFF;
  border: 5px solid #FFDABB;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

#page_footer {
  height: 50px;
  background: #FFFFCC;
  clear: both;
}

#page_footer p {
  padding-top: 18px;
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #336633;
  letter-spacing: 1px;
}