/* Page layout */
div#content {
   padding-top: 155px;
   padding-left: 3.2em;
   float: left;
}
div#sidebar {
   padding-top: 4em;
   padding-right: 3.4em;
   float: right;
}
div#footer {
   clear: both;
}
p.pl img {
   float: left;
}
p.pr img {
   float: right;
}
p.pr, p.pl {
   clear: both;
   margin-bottom: 2em;
}

/* Page-specific layout */
body.About_Us div#content {
   width: 25em;
   margin-top: 120px;
}
body.Theory div#content {
   width: 22em;
   margin-top: 130px;
}
body.Press div#content {
   width: 40em;
   margin-top: 6em;
}
body.Press div#sidebar {
   width: 0em;
}
body.Contact div#content ol.address {
   padding: 0;
   list-style: none;
   font-size: .8em;
   margin: 0em;
}
body.Contact div#content ol.address a {
   color: #616856;
   text-decoration: none;
}
body.Contact div#content {
   margin-left: 400px;
}
body.About_Us p.pr img {
   margin-left: 2em;
   margin-bottom: 2em;
}
body.About_Us p.pl img {
   margin-right: 2em;
   margin-bottom: 2em;
}

/* Object formatting so it fits with the layout */
html {
   /*
   overflow-y: scroll;
   overflow-x: hidden;
   */
}
html, body {
   font-size: 1em;
   margin: 0;
   padding: 0;
   height: 100%;
   border: none;
}
div#container {
   width: 50em;
   margin-left: auto;
   margin-right: auto;
}
h1 {
   font-size: 1.9em;
   padding-bottom: .2em;
}
p {
   padding-bottom: .8em;
   line-height: 1.4;
   font-size: .7em;
}
/* Control the navigation links */
div#header {
   text-align: center;
}
ul.navigation {
   padding: 0;
   padding-top: .3em;
   padding-bottom: .3em;
   list-style: none;
}
ul.navigation li {
   display: inline;
   border: .15em solid;
   /* space between the border and the next border */
   margin-left: .2em;
   margin-right: .2em;
   /* space between the link and the edge of the border */
   padding-left: .6em;
   padding-right: .6em;
}
ul.navigation li a {
   font-size: .9em;
   font-weight: bold;
   text-decoration: none;
}
/* Control the footer */
div#footer {
   text-align: center;
}
p.copyright {
   clear: both;
   font-size: .55em;
}
div#footer a {
   text-decoration: none;
}
/* images with borders */
img.border {
   padding: .5em;
   border: .2em solid;
}


/* Cosmetic formatting and color selection */
html, body {
   font-family: Verdana, Arial, Sans-Serif;
   background: #ffe2b3;
   color: #605e2e;
}
div#container {
   background: #ebb55b;
   background-image: url(Images/Leave_on_Orange_Words.jpg);
   background-repeat: no-repeat;
}
h1,h2,h3,h4,h5,h6 {
   color: #9c953d;
   font-family: Sans Light, Verdana, Arial, Sans-Serif;
   clear: both;
}

/* Control the navigation links (colors are the "off" colors) */
div#header {
   background: #9c953d;
}
ul.navigation li {
 	 border-color: #c1b74d;
}
ul.navigation li a {
   color: #d5ca55;
}
/* Turn "on" the selected link */
body.About_Us li.About_Us,
body.Theory li.Theory,
body.Press li.Press,
body.Contact li.Contact
{
   border-color: #e7df7b;
}
body.About_Us li.About_Us a,
body.Theory li.Theory a,
body.Press li.Press a,
body.Contact li.Contact a
{
   color: #f9f085;
}

/* Control the footer content */
div#footer {
   background: #9c953d;
}
div#footer a {
   color: #605e2e;
}
/* images with borders */
img.border {
   border-color: #9c953d;
}

/* Layout of the "contact us" and other forms */
label {
	display: block;
	margin: 0.2em 0 0 0;
	padding: 0 2px;
	min-width: 6em;
	width: 6em;
   font-size: .8em;
   float: left;
}
form {
	margin: 0 0 15px 0;
}
input, textarea {
   background: white;
   border: 1px solid #9c953d;
   font-size: .8em;
   font-family: Sans Light, Verdana, Arial, Sans-Serif;
}
input.submit {
   background: #ffe2b3;
   margin-top: .5em;
	margin-left: 6.2em;
}

/* Slide Menu (for press page) */
.sm {
   list-style: none;
   width: 500px;
   height: 163px;
   display: block;
   overflow: hidden;
}
.sm li {
   float: left;
   display: inline;
   overflow: hidden;
}
.sm li img {
   padding-left: 5px;
   background-image: url(Images/BubbleTop3.gif);
   background-position: bottom center;
   background-repeat: no-repeat;
}
.PressContent {
   background: #ffe2b3;
   width: 500px;
   margin-bottom: 20px;
   margin-top: 10px;
}
.PressContent p {
   padding-left: 10px;
   padding-right: 10px;
}

/* Style the hCard micro-format */
   .vcard {
      text-transform: lowercase;
      font-size: .8em;
   }
   .vcard .url {display: none;}
   .vcard .type {display: none;}
   .vcard .country-name {display: none;}
   .vcard a {
      text-decoration: none;
   }

/* Style the hCard micro-format to display the address in their footer */
   #footer .vcard {
      padding-top: 2px;
      margin: 0em;
      padding-top: .3em;
      color: #d5ca55;
   }
   #footer .vcard .region {display: none;}
   #footer .vcard .postal-code {display: none;}
   #footer .vcard .street-address,
   #footer .vcard .locality,
   #footer .vcard .tel {
      padding-left: .6em;
      padding-right: .6em;
   }
   #footer .vcard a {
      color: #d5ca55;
   }
/* Style the hCard micro-format to display the address on the contact page */
   #content .vcard a {
      color: #616856;
   }