/*** general ***/
body
{
   background-color: #BEA893;
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   margin: 0;
   min-width: 760px;
   padding: 0;
   text-align: center;
}

a:link { color: #4E453D; }
a:visited { color: #4E453D; }
a:hover { color: #4E453D; }
a:active { color: #4E453D; }

form { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6
{
   font-weight: normal;
   margin: 0;
   padding: 0px 0px 12px;
}

hr
{
   background-color: #000000;
   border-width: 0px;
   color: #000000;
   height: 1px;
}

ul
{
   margin-top: 0;
}

.clear-float
{
   clear: both;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

#top-band
{
   background-color: #808080;
   height: 20px;
   overflow: hidden;
}

#wrapper
{
   margin: 0 auto;
   text-align: left;
   width: 760px;
}

/*** left ***/
#left
{
   float: left;
   padding-top: 15px;
   width: 128px;
}

#left img
{
   display: block;
   border: 0;
   margin: 0;
   padding: 0;
}

#left a
{
   color: #C3BEB9;
}

#navigation
{
   padding-top: 32px;
}

/*** main ***/
#main
{
   background-color: #FFFFFF;
   float: right;
   margin: 0;
   padding: 0;
   width: 632px;
}

#footer
{
   clear: both;
   color: #4E453D;
   font-size: 9px;
   padding: 14px 0px 6px;
   text-align: center;
}

#tag-line
{
   background-color: #C3BEB9;
   height: 56px;
   overflow: hidden;
}

/*** header ***/
#header
{
   height: 273px;
   position: relative;
}

#header-navigation
{
   position: absolute;
   right: 100px;
   top: 0;
   z-index: 100;
}

#header-navigation img
{
   border: 0;
   margin: 0;
   padding: 0;
}

#header-navigation-right
{
   color: #4E453D;
   font-size: 9px;
   position: absolute;
   top: 10px;
   right: 12px;
   z-index: 100;
}

#header-navigation-right a
{
   color: #4E453D;
}

/*** content ***/
#content-wrapper
{  
}

#content
{
   padding: 10px 10px 0px;
   margin: 0;
   min-height: 200px;
   height: auto !important;
   height: 200px;
}

.thumbnail-container
{
   float: left;
   font-size: 10px;
   min-height: 150px;
   height: auto !important;
   height: 150px;
   padding-bottom: 20px;
   text-align: center;
   width: 33%;
}

#content-index-wrapper
{  
   background-image: url( "../images/separator.gif" );
}

#content-index-left
{
   background: none;
   float: left;
   margin: 0;
   min-height: 200px;
   height: auto !important;
   height: 200px;
   width: 213px;
}

#content-index-middle
{
   background: none;
   float: left;
   margin: 0;
   min-height: 200px;
   height: auto !important;
   height: 200px;
   width: 194px;
}

#content-index-right
{
   background: none;
   float: right;
   margin: 0;
   min-height: 200px;
   height: auto !important;
   height: 200px;
   width: 225px;
}

.content-index
{
   padding: 5px 10px 0px;
}

#clear-content
{
   clear: both;
   height: 1px;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

/*** forms ***/
form { margin: 0; padding: 0; }

label
{
   display: block;
   float: left;
   height: 18px;
   line-height: 18px;
   margin: 0;
   padding: 0;
   padding-right: 10px;
   width: 110px;
}

.text
{
   border: 1px solid #9E9E9E;
   color: #000000;
   float: left;
   font-family: Arial, sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 2px;
   width: 196px;
}

.textarea
{
   border: 1px solid #9E9E9E;
   color: #000000;
   float: left;
   font-family: Arial, sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 2px;
   width: 196px;
}

.select
{
   border: 1px solid #9E9E9E;
   color: #000000;
   float: left;
   font-family: Arial, sans-serif;
   font-size: 12px;
   width: 200px;
}

.button
{
   font-family: Arial, sans-serif;
   font-size: 12px;
   margin-top: 5px;
}

.error
{
   font-style: italic;
   float: left;
   height: 18px;
   line-height: 18px;
   margin-left: 10px;
   width: 200px; 
}

.clear-float-form
{
   clear: both;
   height: 5px;
   margin: 0;
   overflow: hidden;
   padding: 0;
}
