/*-------------------------*/
/*----- COLOR SCHEME  -----*/
/*-------------------------*/

div.textBlock, .footer, .galleryCaptionBox, .galleryMain, .galleryThumbs {
  background-color: #F3EBD7;
  border-color: #c6b289;
}

h1, h2, footer, a.galleryThumbLink, div.footernav a {
  color: #8f7156;
}

.paraStart, a.galleryThumbLink:hover, div.footernav a:hover, #header {
  border-color: #d70008;
}

a, .parabold { color: #d70008; }
body { background-color: #E0D4B4; }
h2, #mainNav li { border-color:  #FFFFFF; }
#outerFrame, #mainContainer { background-color: #FFFFFF; }
#mainNav li a { color: #FFFFFF; }
#innerFrame { border: #DEDEDE; }

div.messageBox {
  background-color: #F3FF90;
  color: #000000;
  border-color: #E2CF2E;
}

/*-------------------------*/
/*-------- LAYOUT  --------*/
/*-------------------------*/

/* -- BASIC --*/

body {
  margin: 0;
  background-image: url(../images/background.png);
  background-repeat: repeat-x;
  font-family: tahoma;
  font-size: 0.7em;
  text-align: center;
  padding: 10px;
}

h1 {
  font-weight: bold;
  margin: 20px 0;
  font-size: 1.5em;
}

h2 {
  font-weight: bold;
  font-size: 1.1em;
  text-transform: uppercase;
  padding: 2px;
  padding-bottom: 4px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin: 0;
}

a img {
  display: block;
  border: none;
}

input {
  display: block;
  margin-bottom: 10px;
}

textarea {
  display: block;
  margin-bottom: 10px;
}

label {
  display: block;
}

p {
  line-height: 1.3em;
  margin: 6px 0px 6px 0px;
}

form.categoryList {
  padding: 0px;
  margin: 0px;
}

/*-- MAIN LAYOUT --*/

#outerFrame {
  margin: 0 auto;
  text-align: left;
  width:712px;
  padding:7px;
}

#innerFrame {
  border-width: 1px;
  border-style: solid;
  width: 700px;
  padding: 5px;
}

#header {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  margin-bottom: 5px;
  width: 700px;
}

#headerImage {
  float: left;
  margin-bottom: 5px;
}

#headerText {
  float: right;
  text-align: right;
  padding-right: 5px;
}

#mainContainer {
  padding: 5px 0 5px 0;
  width: 700px;
}

#bodyLeft {
  width: 360px;
  float: left;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}

#bodyRight {
  width: 335px;
  float: right;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}

/*-- GENERAL --*/

div.messageBox {
  text-align: center;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 5px;
  line-height: 1.5em;
}

div.textBlock {
  border-width: 1px;
  border-style: solid; 
  padding: 3px 8px 3px 8px;
}

img.paraStart {
  border-width: 2px;
  border-style: solid; 
  padding: 1px;
  margin: 10px;
  margin-left: 0;
}

.parabold {
  font-size: 1.1em;
  font-weight: bold;
}

div.spacer {
  line-height: 0px;
  padding: 0;
  margin: 0;
  display: block;
  height: 5px;
}

/* -- HEADER NAVIGATION MENU --*/

#mainNav {
  width: 700px;
  list-style: none;
  margin: 0;
  padding: 0;
  background: url(../images/menu-back.png);
  height: 35px;
  font-family: tahoma;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
}

#mainNav li {
  background: url(../images/menu-back.png);
  float:left;
  height:35px;
  width: 100px;
  border-right-width: 1px;
  border-right-style: solid;
  text-align: center;
}

#mainNav li a {
  padding-top: 10px;
  display: block;
  text-decoration:none;
  width: 100px;
  height: 25px;
}

/*-- FOOTER NAVIGATION MENU --*/

.footer {
  clear: both;
  width: 700px;
  height: 10px;
  border-width: 1px;
  border-style: solid; 
  padding: 5px 0;
}

div.copyright {
  float: right;
  padding-right: 10px;
  font-size: 7pt;
}

div.footernav { 
  float: left;
  margin: 0px;
  padding: 0px;
  font-family: tahoma;
  font-size: 7pt;
  text-transform: uppercase;
}

div.footernav a {
  text-decoration: none;
  padding: 0 10px;
}

/*-- GALLERY STUFF --*/

img.galleryMain {
  display: block;
  height: 300px;
  width: 330px;
  border-width: 1px;
  border-style: solid;
}

div.galleryThumbs {
  width: 330px;
  overflow: auto;
  border-width: 1px;
  border-style: solid;
  height: 148px;
}

div.galleryCaptionBox {
  width: 324px;
  border-width: 1px;
  border-style: solid;
  border-top: none;
  border-bottom: none;
  height: 16px;
  padding: 1px 3px;
}

div.galleryCaptionLeft {
  display: inline;
  float: left;
  text-align: left;
  font-size: 1.2em;
}

div.galleryCaptionRight {
  display: inline;
  float: right;
  text-align: right;
  font-size: 1.2em;
}

a.galleryThumbLink {
  margin: 2px;
  display: block;
  width: 70px;
  border-width: 2px;
  border-style: solid;
  float: left;
}

a.galleryThumbLink:hover {
  border-width: 2px;
  border-style: solid;
}