@charset "utf-8";
/* ======== GENERAL RULES ======== */

html {
height: 101%;
margin-bottom: 1px;}
  
body {
background: #ffffff;
font: normal .90em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #202020;
text-align: left;
padding: 0;
margin: 0 auto;}

header, footer, nav, article, section, aside, hgroup {
	display: block;}  
  
img {
border: none;}

hr {
background-color: #773324;
color: #773324;
height: 1px;
width: 100%;}

ul {
list-style-type: none;
margin: 10px 0 20px 10px;
padding: 0;}
 
ul li {
background: url('../images/bullet1.png') no-repeat 0 5px;
padding: 0 0 0 10px;}
 
ul li a {
color: #773324;
text-decoration: none;
font-weight: bold;
padding: 0;}
 
ul li a:hover {
color: #707070;
text-decoration: underline;}

table {
padding: 0;
border-collapse: collapse;
font-size: 100%;
width: 100%;}

/* ======== TYPOGRAPHY ======== */

a {
color: #773324;
text-decoration: none;
font-weight: bold;
outline: none;}
  
a:hover {
color: #bb7261;
text-decoration: underline;
font-weight: bold;
outline: none;}

h1 {font: 40px 'Poiret One', Verdana, Helvetica, sans-serif; color: #773324; margin: .3em 0 .3em 0; letter-spacing: 1px; font-weight: bold;}
h2 {font: 28px 'Poiret One', Arial, Verdana, Helvetica, sans-serif; color: #bb7261; margin: .3em 0; letter-spacing: 1px; text-align: center; border-bottom : 1px solid; font-weight: bold;}
h3 {font: 24px 'Poiret One', Verdana, Helvetica, sans-serif; color: #ce7f3f; margin: .2em 0; padding: 0;text-align:center; font-weight: bold;}
h4 {font: normal 16px Verdana, Helvetica, sans-serif; color: #404040; margin: .3em 0;}
h5 {font: normal 14px Verdana, Helvetica, sans-serif; color: #773324; margin: .3em 0;}
h6 {font: normal 14px Verdana, Helvetica, sans-serif; color: #505050; margin: .3em 0;}

.dropcap {font-family: Times, Times, serif; float: left; color: #773324; font-size: 60px; font-weight: bold; line-height: 45px; padding: 0 4px 0 0;}

.blockquote{ 
padding:5px 50px 5px 50px; 
line-height:24px; 
font-style: italic;
font-size: 12px;
background: #f4f4f4 url('../images/quote.png') no-repeat top left; 
color:#202020;
border:solid 1px #d1ccb5; }

/* ======== LAYOUT RULES ======== */

#wrapper {
text-align: left;
width: 980px;
margin: 30px auto;
-webkit-box-shadow: 0 0 10px #333; 
box-shadow: 0 0 10px #333;
border-radius: 15px 15px;
background-color: #ffffff;}

/* ======== HEADER AREA ======== */

header {
background: #ffffff url('../images/header.jpg'); 
position: relative; 
width: 980px; 
height: 234px;
border-radius: 15px 15px 0 0;}

/*This sets the code for the logo image area */
#nameplate {
position: absolute;
left: 260px;
top: 10px;
width: 460px;
height: 190px;
text-align: center;
padding: 0;}

#nameplate h1 {
font: 52px 'Poiret One', Verdana, Helvetica, sans-serif; 
text-align: center;
color: #ffffff; 
letter-spacing: 1px;
margin-top: 0;
font-weight: bold;}

#nameplate p {
font-size: 24px;
font-family: 'Poiret One', cursive, Verdana, Helvetica, sans-serif; 
color: #ffffff; 
font-weight:bold;
letter-spacing: 1px;
padding: 0;
margin: 0;}

/*This sets the code for the global nav area */
#global {
position: absolute;	
top: -30px;
right: 10px;
height: 30px;
width: 970px;
color: #ffffff;
text-align: center;}

/*This sets the code for the global nav area */
#global ul {
list-style-type: none; 
margin: 0; 
padding: 0;}

#global ul li {
background: none; 
display: inline; 
padding: 0;
margin: 0;}

#global ul li a {
color: #ffffff; 
text-decoration: none; 
font-weight: bold; 
background-color: #773324;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb7261', endColorstr='#773324');
background: -webkit-gradient(linear, left top, left bottom, from(#bb7261), to(#773324));
background: -moz-linear-gradient(top,  #bb7261,  #773324);
border-radius: 0 0 5px 5px;
padding: 5px 8px;
margin: 0 2px;}

#global ul li a:hover {
color: #ffffff; 
font-weight: bold; 
background-color: #bb7261;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#773324', endColorstr='#bb7261');
background: -webkit-gradient(linear, left top, left bottom, from(#773324), to(#bb7261));
background: -moz-linear-gradient(top,  #773324,  #bb7261);
text-decoration: none;}

/*This sets the code for the global nav area */
#topnav {
height: 30px;
width: 960px;
color: #773324;
text-align: center;}

/*This sets the code for the global nav area */
#topnav ul {
list-style-type: none; 
margin: 0; 
padding: 0;}

#topnav ul li {
background: none; 
display: inline; 
padding: 0;
margin: 0;}

#topnav ul li a {
color: #773324; 
text-decoration: none; 
font-weight: bold; 
padding: 2px 5px;
margin: 0 2px;}

#topnav ul li a:hover {
color: #bb7261; 
font-weight: bold; 
text-decoration: underline;}

/*This sets the code for the slide show and the main image area on the secondary pages*/
#slideshowcontainer {
position: relative;
margin-left: 40px;
width: 600px;
height: 400px;
background: #ffffff url('../images/slideshowbkgrd.jpg');}

#sliderwrapper {
position: relative;
top: 60px;
left: 60px;
width: 480px;
height: 280px;
overflow: hidden;}
  
#slider {
position:relative;}

#slider img {
position:absolute;
top:0px;
left:0px;
display:none;}

/* ======== SIDEBAR AREAS ======== */
#sidebarLeft {
float: left;
width: 23%;
text-align: left;
font-size: 0.90em;
line-height: 1.4em;
margin: 0 1%;}
	
#sidebarRight {
float: right;
width: 23%;
text-align: left;
font-size: 0.90em;
line-height: 1.4em;
margin: 0 1%;}

/*This sets the code for the main sidebar navigation */
#sidebarnav {
color: #773324;
margin: 4px 0;
text-align: left;
line-height: 25px;}

#sidebarnav ul li {
display:block;
background: none; 
padding: 0;
margin: 4px 0;}

#sidebarnav ul li a {
display:block;
color: #773324;
text-decoration: none;
font-weight: bold;
padding: 0;
border-bottom: 1px #773324 solid;}
 
#sidebarnav ul li a:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
border-bottom: 1px #000000 solid;}
 
#sidebarnav ul li.active a {
color: #bb7261;
font-weight: bold;
text-decoration: none;
border-bottom: 1px #bb7261 solid;}

/*This sets the code for the secondary sidebar navigation */
#sidebarnav2 {
color: #773324;
margin: 4px 0;
text-align: left;
line-height: 25px;}

#sidebarnav2 ul li {
display:block;
background: none; 
padding: 0;
margin: 4px 0;}

#sidebarnav2 ul li a {
display:block;
color: #773324;
text-decoration: none;
font-weight: bold;
padding: 0;
border-bottom: 1px #773324 solid;}
 
#sidebarnav2 ul li a:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
border-bottom: 1px #000000 solid;}
 
#sidebarnav2 ul li.active a {
color: #bb7261;
font-weight: bold;
text-decoration: none;
border-bottom: 1px #bb7261 solid;}


/* ======== CONTENT AREA ======== */

#contentRight {
float: right;
width: 71%;
padding: 0 1%;
margin: 0 1%;
line-height: 1.5em;
overflow: hidden;}
	
#contentLeft {
float: left;
width: 71%;
padding: 0 1%;
margin: 0 1%;
line-height: 1.5em;
overflow: hidden;}
	
#contentMiddle {
float: left;
width: 46%;
padding: 0 1%;
margin: 0 1%;
line-height: 1.5em;
overflow: hidden;}
	
#contentFull {
width: 98%;
margin: 0 1%;
line-height: 1.5em;
overflow: hidden;}

/* ======== SECTION BLOCKS ======== */

.contentBox2 {
float: left;
width: 48%;
text-align: left;
line-height: 1.4em;
margin: 0 1%;}
	
.contentBox3 {
float: left;
width: 31.333%;
text-align: left;
line-height: 1.4em;
margin: 0 1%;}
	
.contentBox4 {
float: left;
width: 23%;
text-align: left;
line-height: 1.4em;
margin: 0 1%;}

.marginLeft {margin-left: 0 !important;}
.marginRight {margin-right: 0 !important; float: right !important;}

/* ======== FOOTER ======== */
footer {
clear:both;
position: relative;
width: 980px;
background: #ffffff url('../images/footer.jpg');
height: 174px;
color: #ffffff ;
text-align: center;
letter-spacing: 2px;
font-size: 85%;
line-height: 1.5em;
padding: 40px 0 10px 0;
border-radius: 0 0 15px 15px;}

footer h3 {font: 18px 'Poiret One', Verdana, Helvetica, sans-serif; color: #ffffff; margin: .2em 0; padding: 0; text-align:center;}

footer p {
padding: 0;
margin: 0;}
  
footer a {
color: #ffffff;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
  
footer a:hover {
color: #c0c0c0;
text-decoration: underline;
font-weight: bold;}

footer ul {
margin: 0;
padding: 0;
list-style-type: none;}

footer li {
display: inline;
margin: 0;
padding: 0;}

footer li a {
color: #202020;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}

footer li a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

/*misc. classes */
.center {
text-align: center;}  

.tiny {
font-size: 75%;
text-align: center;}

.right {
text-align: right;}

.left {
text-align: left;}

.clear {
clear: both;}

.clearsmall {
height: 1px;
line-height: 0;
margin: 0;
padding: 0;
clear: both;}

.button a {
font-size: 0.90em;
color: #ffffff;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
background-color: #773324;
text-decoration: none;
font-weight: normal;
box-shadow: 0 2px 3px #999;}

.button a:hover {
color: #ffffff;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
background-color: #505050;
text-decoration: none;
font-weight: normal;}

.calendar {
text-align:center;}

.highlight {
background-color: #FFFF00;}

/* ======== IMAGES ======== */
img {
border: none;}
	
.imageleft {
margin: 0 10px 0 0;
float: left;}
	
.imageright {
margin: 0 0 0 10px;
float: right;}
	
.imageleft-border {
background-color: #ffffff;
margin: 0 10px 0 0;
padding: 3px;
float: left;
border: 1px #d0d0d0 solid;}
	
.imageright-border {
background-color: #ffffff;
margin: 0 0 0 10px;
padding: 3px;
float: right;
border: 1px #d0d0d0 solid;}
	
.image-catalog {
border: 1px #d0d0d0 solid;
padding: 5px;
margin: 5px 10px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);}

.image-gallery {
border: 1px #d0d0d0 solid;
padding: 5px;
margin: 5px 10px;}


/* ======== FIELDSET & LEGEND ======== */

fieldset {
border: 1px dashed #773324;
padding: 5px;
margin: 10px 0;}

legend {
color: #773324;
background-color: #ffffff;
font: bold 16px Arial, Helvetica, sans-serif;
letter-spacing: 2px;
padding: 2px 5px;
margin: 0 0 0 15px;}