/*		Douglas Digital Imaging style sheet     */
/*		Douglas MacFarland                      */
/*		12/16/2008                              */

#page-wrapper {
  position: absolute; 
  top: 0px; 
  left: 0px;
  margin: 10px;
  padding: 10px;
  width: 950px;
  border: 10px ridge #a0a0a0;
}
 
#pageheader {
  position: relative;
  top: 0px;
  left: 0px;
  height: 220px;
  width: 100%;
}

#logo {
}

#buttonbar {
  position: absolute;
  top: 5px;
  right: 35px;
  margin-top: 0px;
  margin-bottom: 0px;
  float: right;
  text-align: right;
}

.button {
  width: 72px;
  height: 27px;
  border: 0px;
  margin: 0px;
}

#clearhead {
  clear: both;
  height: 1em;
} 

#pagecontent {
  position: relative;
  margin: 0px 20px 10px 20px;
}

#main-message {
  position: relative;
}

#display-block {
  width: 100%; 
  height: 530px; 
  position: relative; 
}

#block-left {
  width: 250px; 
  position: absolute; top: 0px; left: 0px;
}

#block-left-top {
  height: 300px; 
  position: absolute; top: 50px; left: 0px;
}

#block-left-bottom {
  height: 100px; 
  position: absolute; top: 400px; left: 0px;
}

#block-center {
  width: 410px; 
  position: absolute; top: 0px; left: 250px;
}

#block-right {
  width: 248px; 
  position: absolute; top: 0px; right: 0px; 
}

#clearcontent {
  clear: both;
  height: 1px;
} 
 
#clear1 {
  clear: both;
  height: 20px;
} 

.clear2 {
  clear: both;
  height: 20px;
} 

#clear3 {
  clear: both;
  height: 20px;
} 

#brasstacks {
} 

#page-footer {
  padding-bottom: 30px;
  margin-top: 50px;
  margin-right: 100px;
  margin-bottom: 10px;
  margin-left: 100px;
}

.separator {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

p.mission {
  color: #001db2;
  text-align: center;
}

p.intro {
  color: #001db2;
  margin-left: 100px;
  margin-right: 100px;
  font-size: large;
  text-align: center;
}

a {
  color: #6b2b2b; 
}

a.dark {
  color: #602020;
  font-weight: bold;
  margin: 0px 20px 0px 20px;
}

a.rightside {
  font-weight: bold;
  margin-right: 24px;
}

a.heading-color {
  color: #df9f06;
}

a.bottomnav {
  color: #0000ff;
  text-align: left;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
  color: #df9f06;
  font-family: "comic sans MS", "lucida calligraphy", arial, sans-serif;
  text-align: center;
  margin-left: 24px;
  margin-right: 24px;
}

.feature {
  float: left;
  margin: 10px;
  border: thick ridge #ffcc00;
}

.note {
  color: black;
  font-family: arial, sans-serif;
  font-size: small;
  font-weight: bold;
  border-top: 2px solid #884400;
  border-bottom: 2px solid #884400;
}

.indent {
  margin-left: 64px;
}

p.dropdown {
  padding-top: 50px;
}

p.spcl-text {
  padding: 0px 250px 0px 250px;
  text-align: center;
  color: #ffffff;
}

.wide-margin {
  margin: 50px 50px 50px 50px;
}

.well-padded {
  padding: 0px 50px 0px 50px;
}

.big-indent {
  position: relative; left: 200px; top: 24px;
  padding: 0px 0px 36px 0px;
}

p {
  color: #6b2b2b; 
  text-align: left;
}

p.left {
  text-align: left;
}

p.center {
  text-align: center;
}

p.right {
  text-align: right;
}

p.footer-header {
  text-align: center;
}

p.narrower {
  padding-left: 100px;
  padding-right: 100px;
  text-align: center;
}

p.narrow {
  padding-left: 100px;
  padding-right: 100px;
}

p.float-left {
  float: left;
}

p.float-right {
  float:right;
}

p.bottomnavbar {
  font-size: x-small;
  font-weight: lighter;
  text-align: center
}

p.smallprint {
  font-size: x-small;
  font-weight: lighter;
  text-align: center
}

ul {
  text-align: left;
}

#restr-prtrt {
  position: relative;
  top: 0px;
  left: 0px;
  margin-top: 40px;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
  height: 750px;
}

#meml-prtrt {
  position: relative;
  margin: 24px;
  height: 900px;
  width: 900px
}

#meml-compos {
  position: relative;
  top: 50px;
  margin: 24px;
  height: 1600px;
  width: 900px
}

#meml-collage {
  position: relative;
  top: 50px;
  margin: 24px;
  height: 1450px;
  width: 900px
}

.overlap-ret {
  position: relative;
  width: 500px;
  height: 570px;
}

.overlap-fd {
  position: relative;
  width: 450px;
  height: 550px;
}

.overlap-fs {
  position: relative;
  width: 450px;
  height: 560px;
}

.tl {
  position: absolute;
  top: 0;
  left: 0;
  border: thick ridge #ddaa00;
  z-index: 1;
}

.br {
  position: absolute;
  bottom: 0;
  right: 0;
  border: thick groove #ffcc00;
  z-index: 2;
}

#fine-grasses{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  height: 525px;
}

#fine-snowy{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  height: 500px;
}

#fine-foggy{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  height: 620px;
}

#fine-foggy-head{
  text-align: center;
}

#fine-foggy-left{
  position: absolute;
  top: 60px;
  left: 0px;
  width: 300px;
}

#fine-foggy-center{
  position: absolute;
  top: 60px;
  left: 300px;
  width: 300px;
}

#fine-foggy-right{
  position: absolute;
  top: 60px;
  left: 600px;
  width: 300px;
}

#mkvr-head{
  margin: 24px;
}

#mkvr-body{
  position: relative;
  top: 24px;
  left: 0px;
  height: 870px;
  margin: 48px;
}

img.before {
  border: thick ridge #ffcc00;
  margin-left: 24px;
  margin-right: 24px
}

img.after {
  border: thick groove #ffcc00;
  margin-left: 24px;
  margin-right: 24px;
}

img.large-after {
  border: thick groove #ffcc00;
  margin-left: 12px;
  margin-right: 8px;
}

img.small-logo {
  padding: 0px 24px 24px 20px;
  float: left;
}

img.embedded {
  border: thick groove #ffcc00;
  margin: 0px 15px 5px 0px;
  float: left;
}

.uptop {
  margin-top: 0px;
}

.downlow {
  margin-bottom: 0px;
}

.highlight {
  background-color: #ffff33;
  border-bottom: solid #6b2b2b 1px;
}

.superscript {
  vertical-align: text-top;
  font-size: xx-small;
  font-weight: bold;
  text-decoration: underline;
}

#sidebar {
  position: absolute; 
  top: 60px; 
  left: 1020px;
  width: 350px;
  height: 1100px;
}

#specials {
  text-align: center;
  border: 1px solid red;
}

.sidebar-item {
  text-align: center;
  border: 1px solid red;
  margin-top: 50px;
}

.showme {
  border: 1px solid black;
}

/* ================================== */
/*  Style elements used in the Forms  */
/* ================================== */

#form-page-wrapper {
  position: absolute; 
  top: 0px; 
  left: 0px;
  margin: 10px;
  padding: 10px;
  width: 950px;
  background-color: #e3ffff;
  border: 10px ridge #a0a0a0;
  text-align: center;
}
 
#form-page-header {
}

#form-wrapper {
  margin: 10px;
  padding: 5px;
}

form {
  padding: 25px;
  background-color: #dddddd;
  width: 850px;
  border: 6px ridge #888888;
}

fieldset {
  border: 1px solid gray;
}

fieldset.fullwidth {
}

fieldset.left {
  padding: 10px;
  width: 320px;
  float: left;
}

fieldset.right {
  padding: 10px;
  width: 320px;
  float: right;
}

fieldset.center {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
}

legend {
  font-size: small;
  color: black;
  text-transform: uppercase;
  text-align: center;
  align: middle;
  padding: 10px 20px 10px 20px;
}

label {
}

label.fixedwidth {
  display: block;
  width: 240px;
  float: left;
}

.form-text {
  font-family: courier, serif;
  color: black;
  font-weight: normal;
  margin: 5px 24px 5px 24px;
}

.sub-button {
  margin-left: 50px;
  margin-bottom: 10px;
  text-align: center;
}