/* TWO COLUMNS OVER TWO COLUMNS SEMI-MONDRIAN
August 2005*/

/*Layout */
html, body {height:100%;margin: 0; padding: 0;} 
body {
background-color: #665;
color: #000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
font-size: 76%;
line-height: 1.5em;
text-align: center;
}
div#frameOuter {
background: #463428;
height: 927px;
margin: 1% auto;
padding:.2em 0;
text-align:center;
width: 814px;
}
div#frameInner {
background: #e1e0d8;
height: 919px;
margin: .2em auto;
padding:.2em 0;
text-align:center;
width: 808px;
}
div#page {
border: solid 2px #6e5e5e;
background-color:#fff;
height: 912px;
margin: auto;
padding:0;
text-align:center;
width: 800px;
}
/* Top Region */
#header {
background: #463428;
border: solid .2em #333;
height: 183px;
text-align: left;
margin: 0 auto;
padding: 0;
vertical-align:middle;
width: 99.5%;
}
div#topLeftPanel {
float:left;
height: 175px;
margin: 0 auto;
padding: 0 .2em;
text-align: center;
width: 195px;
}
div#topCenterPanel {
border-left: solid .1em #6e5e5e;
border-right: solid .1em #6e5e5e;
float:left;
height: 175px;
margin: 0 auto;
padding: 0 .2em;
text-align: center;
width: 392px;
}
div#topRightPanel {
float:right;
height: 175px;
margin: 0 auto;
padding: 0 .2em;
text-align: center;
width: 188px;
}
#topRightPanel h5{
background: #fff;
border: solid .1em #f30;
padding: 0.2em;
color: #f30;
}
#topRightPanel h5 a:link {color: #f30;}
#topRightPanel h5 a:hover {color: #0033f8; text-decoration: none;}
#topRightPanel img {border: solid .1em #000; margin: auto; text-align: center;}
/* END Top */
hr {
width:100%;
border-bottom: solid .1em #333;
}

/*CONTENT */ 

div#content {
position: relative;
margin: 0;
padding: 0;
text-align: left;
line-height:1.5em;
width: 100%;
}
div#centerLeftPanel {
float: left;
height: 210px;
margin:0;
padding: 0;
text-align: left;
width: 170px;
}
div#centerMiddlePanel{
background-color:#fff;
border-left: solid .1em #333;
border-right: solid .1em #333;
float: left;
height:210px;
margin: 0;
padding: 0 1%;
display: inline;
width:297px;
 }
div#centerRightPanel {
background-color:#fff;
float: left;
height:210px;
margin: 0;
padding: 0;
display: inline;
width: 302px;
 }
#slideshow  {
display: block;
float: right;
height:210px;
margin: -1em 0 0 0 ;
overflow: hidden;
padding: 1em;
text-align: right;
width: 300px;
}
#slideshow img  {
display: none;
position:absolute;
top: -.5em; right: 0; 
padding: 1em .5em 0 1em;
overflow: hidden;
text-align: center;
}
#line {
background:#000;
float: left;
height: 0;
margin: 0;
padding: 0;
width: 798px;
}
hr {
background: #000;
clear: left;
float: left;
height: 1px;
margin: 0;
width: 1px;
}
div#bottomLeftPanel {
position: absolute;
left: 0; top: 210px;
background-color:#fff;
border-top: solid .1em #333;
height:305px;
padding: 0 2%;
width: 315px;
 }
div#bottomMiddlePanel {
position: absolute;
right: 170px; top: 210px;
background-color:#fff;
border-top: solid .1em #333;
border-right: solid .1em #333;
border-left: solid .1em #333;
display: inline;
float: left;
height:305px;
margin: 0;
padding: 0 2%;
width: 260px;
}
div#bottomRightPanel {
position: absolute;
right: 0; top: 210px;
background-color: #fff;
border-top: solid .1em #333;
float: left;
height:305px;
margin:0;
padding: 0;
width: 170px;
}
/* NAV BARS */ 
div#navLeft {
background-color:#D6C7B1;
display:block;
float: left;
height: 210px;
margin: 0;
padding: 0;
width: 100%;
}
div#navRight {
background-color:#D6C7B1;
border-bottom: solid .1em #333;
display:block;
float: right;
height: 190px;
margin: 0;
padding: 0;
width: 100%;
}
/* END NAV BAR ON THE LEFT */ 
  
/* FOOTER */
div#footer {
position: absolute;
left: 0px; top:516px;
background-color: #000; /*#009966; true green #d0219d; light red purple*/
border-top:solid .2em #333;
color:#ffc;
float:left;
height: 210px;
text-align:center;
width:100%;
}
.footer{
font-size: 0.9em;
line-height:1.3em;
}
.footer, .footer a {
text-align:center;
text-decoration: none;
}
.copyright {
font-size: .9em;
line-height:1.2em;
text-align:center; 
}
.copyright a {
text-decoration: none;
}
/* END Bottom Panel  */
.left {
margin-left: 0;
text-align:left; 
}
.right {
margin-right: 0;
text-align:right; 
}
.center {
font-size:1em;
margin: auto;
text-align:center; 
}
.small {
line-height:1.5em;
text-align:center; 
margin:auto;
font-size: .8em;
text-align:center;
text-decoration: none;
}
.top {
clear: both;
margin: 3% auto;
text-align: center;
}
.validation {
background: #fff;
clear: both;
margin: 0;
padding: .4em 0 0 0;
text-align:center; 
}
.validation img{
border: none;
margin:  0 23% -1.3em;
display: block;
height:31px;
width:88px;
}

/* END LAYOUT */

img {
border: 0;
}
img.border  {
border: solid 1px #000;
padding:0;
}
img.center  {
border:solid .2em #fff;
margin: auto;
padding:0;
text-align:center;
width: 45%;
}
img.right  {
display:inline;
float: right;
margin: 5px 5px 5px 15px;
text-align: right;
}
img.left  {
display:inline;
float: left;
margin: .5em 1em .5em 0;
text-align: left;
}
/* LINKS */
a,
a:link 
a:active {
color:#ffa54f;
text-decoration: none;
}
a:visited {
color: #aa500a;
background-color: transparent;
}
a:hover {
color: #c20;
text-decoration: underline;
}
/* END LINKS */

/* LIST STYLES */
li a,
li a:link,
li a:active {
margin: 0;
padding:0;
color:#ff2;
line-height:2em;
list-style:none;
text-decoration: none;
}
li a:visited {
margin: 0;
padding:0;
color: #cc0;
line-height:2em;
text-decoration: none;
}
li a:hover {
margin: 0;
padding:0;
color: white;
line-height:2em;
text-decoration: none;
}
div#content li {
list-style-type:disc;
margin:0;
padding:1em;
list-style-position:inside;
}
div#navLeft li, div#navRight li {
list-style-type:none;
margin: 0;
padding:0;
}
 div#navLeft li a, div#navRight li a,
div#navLeft li a:link, div#navRight li a:link,
div#navLeft li a:active, div#navRight li a:active {
background-color:#993300;
color: #fff;
display:block;
font-size: .8em;
border: solid .1em #930;
border-bottom: solid .1em  #a1a1a1;
padding-left: .5em;
width: 83%;
}
div#navLeft li a:visited, div#navRight li a:visited {
border: solid .1em #930;
border-bottom: solid .1em  #a1a1a1;
color: #ccc;
padding-left: .5em;
text-decoration: none;
}
div#navLeft li a:hover , div#navRight li a:hover {
background-color:#644;
border: solid .1em;
border-color:#383838 #b0b0b0  #b0b0b0 #383838;
color: #fff;
padding-left: 0.5em;
text-decoration: none;
}


/* END LIST STYLES */


/* HEADINGS */
h1 {
font-size: 2em;
font-family:Georgia, "Times New Roman", Times, serif;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
color: #000;
}
h2 {
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 0.5em .3EM;
padding: 0;
color: #402;
}
h3 {
font-size: 1.3em;
line-height: 1.3em;
margin: 0 0 0.5em 0;
padding:0;
}

h4 {
font-size: 1.2em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
padding: 0;
color: #ff0;
}
h5 {
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
padding: 0;
color: black;
}
h6 {
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
padding: 0;
color: black;
}
/* END HEADINGS */

/* TEXT */
p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: 0;
line-height:1.4em;
}
.i {
font-style:italic;
}
.indent {
margin-left:4em;
}
.initialCap {
color: #806;
font-family:"Times New Roman", Times, serif;
font-size: 3em;
margin: 0;
padding: 0;
}
.initialCap h1{
font-family:"Times New Roman", Times, serif;
}
#signature {
font-family: "Times New Roman", Times, serif; 
font-style:italic;
font-size:1.3em;
margin:auto;
text-align:center;
}
.bold {
font-weight: bold;
}

/* END TEXT */

/* LISTS */
ul, ul li {
margin: 0;
padding: 0;
list-style-type:none;
}
ol {
font-size: 1.0em;
line-height: 1.4em;
margin: 0 0 2em 30px;
padding: 0;

list-style-type:lower-latin;
}
ol li {
font-size: 1.0em;
margin: 0 0 2em 10px;
padding: 0;
}
/* END LISTS */


/* A CSS Framework by Mike Stenhouse of Content with Style: tools*/

/* clearing */
.stretch,
.clear {
color: #fff;
clear:both; 
height: .1em; 
margin:0; 
padding:0; 
font-size: 15px;
line-height: 1px;
}
.clearfix:after {
color: #fff;
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1px;
/* End hide from IE-mac */
}
/* end clearing */


/* replace */
.replace {
display:block;

background-repeat: no-repeat;
background-position: left top;
background-color:transparent;
}
/*  content columns  */
table {
width:100%;
border: solid 1px #800080;
background:#f00;
color: #fff;
  }

.photos {
line-height:1.2em;
text-align:center; 
margin:auto;
font-size: .8em;
text-align:center;
text-decoration: none;
}