/*************************************************************************
**************************************************************************
	
	
	Renaissance Company Primary Styles
	
	Design by Tellenger, Inc. and Ben Hofer Creative
	Information Architecture and Wireframes: Stephanie Hay, Tellenger Inc.
	Wireframes, Visual Design, XHTML/CSS: Ben Hofer Creative
	
	
***************************************************************************
*************************************************************************** 


**************************************************************************
	
	Settings

**************************************************************************/

@charset "UTF-8";

/* Eric Meyer's Reset ***************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse; border-spacing: 0;
}
caption, th, td {
	text-align: left; font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* General Settings ********************************/

/* settings */
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

span.separator {display: none;}

img.alignleft {float: left; margin: 0 20px 20px 0;}
img.alignright {float: right; margin: 0 0 20px 20px;}
img.aligncenter {margin: 0 auto;}

/* general visual details */
a.button {float: right; background-position: center right; display: inline; background-repeat: no-repeat; height: 33px; font-weight:600; display: block; line-height: 31px; color: #fff!important; font-style: italic; font-size: 11px; padding-right: 40px; padding-left: 10px; text-align: right;}

ul, ol {margin-bottom: 20px; padding: 0; line-height: 20px;}

a.more-link, div.more a {float: right; width:106px; margin-bottom: 5px; margin-top: 5px; height:18px; text-indent: -9999px; background:url(images/read-more.png) 0 0;}
a.more-link:hover, #home-news a.more-link:focus {background-position: 0 -18px;}

#content div.entry { overflow: auto; padding-top: 20px;}


/* typography */

h1,h2,h3,h4,h5,h6,p,li,span {font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #fff; font-weight: normal; margin: 0;}
a {text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif;}

h2,h3,h4,h5,h6 {color: #ccc;}

.post h3, .post h2 {margin-bottom: 10px;}
.entry p, .post p {margin-bottom: 20px;}

#header-wrapper a {color: #474c0b; }
#header-wrapper a:hover, #header-wrapper a:focus {color: #643113;}
#header-wrapper h3 a {color: #643113; font-weight: bold;}
#header-wrapper h3 a:hover, #header-wrapper h3 a:focus {color: #474c0b;}
#content-wrapper a {color: #dbf0ff;}
#content-wrapper h3 {color: #fcffd3;}

p {font-size: 14px; line-height:20px;margin-bottom: 10px;}

em {font-style: italic;}
strong {font-style: bold;}


/**************************************************************************
	
	Primary Layout

***************************************************************************/

html {background-color: #2b3840;}
body {background: #f7e8cb url(images/bodybg.jpg) no-repeat center top; width: 100%; display: table; margin: 10px 0 0;}

#header, #footer {margin: 0 auto; width: 960px;}

#primary-content {overflow: auto; padding-bottom: 20px;}

#header {height: 190px;}

#content-wrapper {clear: both;}

#content {padding-bottom: 40px;margin: 0 auto; width: 940px; overflow: auto;}

#footer-wrapper {}

#footer {padding: 30px 0; margin: 0 auto; width: 960px;}

/**************************************************************************
	
	Header & Primary Navigation

***************************************************************************/

#header h1 {text-indent: -9999px; float: left; }
#header h1 a {display: block;width: 400px; height: 200px;}

/* primary nav */
#header ul {float: right; margin-top: 70px;}
#header ul li {float: left; height: 35px; overflow: auto;}
#header ul li a {display: block; letter-spacing: .05em; font-family: Helvetica, Arial, sans-serif; line-height: 35px; padding: 0 10px; font-size: 13px; font-weight: bold; text-transform: uppercase; border-radius: 10px;  -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#header ul li a:hover, #header ul li a:focus,  {}
#header ul li.current_page_item a {background-color: #ebf5fa; border-radius: 10px;  -moz-border-radius: 10px; -webkit-border-radius: 10px;}


/* drop-downs */
#header ul li ul {display: none;}
#header ul li ul { position: absolute; z-index: 5; width: 200px; margin-top: 0px; background: url(images/transparent-bg.png); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px;}
#header ul li ul li {float: none; color: #643113; margin: 5px;}
#header ul li ul li a { padding: 0!important; font-weight: bold; text-indent: 10px; letter-spacing: .05em; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #474c0b; text-transform: uppercase; height: 35px; line-height: 35px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px;}
#header ul li.hover ul li a {border:none;}
#header ul li ul li a:hover, #header ul li ul li a:focus {background-color: #fff; border: none;}

*+html #header ul li ul li {margin-bottom: 5px;}


/*****************************************************************************

	Content 

********************************************************************************/

/* Homepage ********************************/

#content #secondary-content .post h2, #content #secondary-content #home-blogs h2 {margin: 0; line-height: 30px; height: 30px;}

#secondary-content {border-top: 1px solid #f5e4c5; padding-top: 40px;}
#home-blurb {width: 445px; margin-right: 35px;float: left;}
#home-blogs {float:left; width: 460px;}
#home-blogs h2, #latest-announcement h2 {float: left; font-size: 18px; line-height: 24px; margin: 0; height: 24px; display: inline; }
#home-blogs #updates {margin: 20px 20px 5px 0; float: right;line-height: 24px; height:24px; display: block; overflow-y: auto; overflow-x: hidden; }
#home-blogs #updates span {display: block; font-size: 11px; float: left; margin-right: 5px; height: 24px; overflow: hidden; font-style: italic; color: #474c0b;}
#home-blogs #updates span.images {margin-right: 0;}
#home-blogs #updates:hover span, #home-news a#updates:focus span {color:#643113; }
#home-blogs #updates img {margin-right: 5px;}
#home-blogs .post {margin: 0 0 20px!important; clear: both;}
#home-blogs .post .entry {margin-bottom: 0; clear: both;}
#home-blogs h3 {font-size:14px; line-height: 14px;}
#home-blogs h3 a, #latest-announcement h3 a {color:#fcffd3;}

#latest-announcement .post {clear: both;}

/*Content********************************/

#content-wrapper {background: #003043; border-top:3px solid #fae6c5}

#content {padding-top: 25px; }

#content h2 {font-size: 24px; height: 30px; line-height: 30px; color: #fcffd3; margin:0 0 25px; overflow: visible;}
#content h3 {font-size: 18px;}

div#home-sidebar, div#sidebar {width: 220px; margin-left: 35px; float: left; display: inline;}
div#home-sidebar h3 {font-size: 16px; font-family: helvetica, arial, sans-serif; margin-bottom: 20px;}

a.our-programs {width: 218px; height: 40px; display: block; background: url(images/our-programs-btn.png) 0 0;}
a.our-programs:hover, a.our-programs:focus {background-position:0 -40px;}
a.photo-gallery {width: 218px; height: 40px; display: block; background: url(images/photo-gallery-btn.png) 0 0;}
a.photo-gallery:hover, a.photo-gallery:focus {background-position:0 -40px;}

div#testimonials {position: relative; height: 200px; width: 220px;}
div#testimonials div {position: absolute; display: none;padding-top: 17px;background: url(images/quotes-top.jpg) no-repeat top;}
div#testimonials p {background: url(images/quotes-bottom.jpg) no-repeat top; padding-top: 30px; margin: 0;text-align: right;font-size: 12px; height: 50px; width: 220px;}
div#testimonials div.testimonial {display: block; position: static; padding: 0!important; width: 184px; background: #58686f url(images/quotes-bg.jpg) repeat-y center top; margin: 0 18px;}
div#testimonials div.testimonial p { width: 140px; margin: 0 20px; padding: 0; background: none; text-align: left; height: auto!important;}

div.testimonials.active {display: block;}

/* Galleries */

#home-gallery, #page-gallery, #gallery { width: 685px; float: left;display: inline-block;}
#home-gallery-pic, #page-gallery-pic {background-color: #fff; margin-bottom: 20px; height:332px;}
#gallery-pic {background-color: #fff; margin-bottom: 20px;}
#home-gallery-pic img,  #page-gallery-pic img, #gallery-pic img {margin: 10px 11px; position: absolute;}
#picasa-button {width: 218px; height: 40px;margin-bottom: 40px; display: block; background: url(images/picasa-gallery-btn.png) 0 0; text-indent: -9999px;}
#picasa-button:hover, #picasa-button:focus {background-position:0 -40px;}

#gallery {
    margin:0 auto 20px;
    width: 640px;
    heigth: 600px;
}

#current_image {
    width: 640px;
    height: 480px;
}

.image {
    position: absolute;
    float: left;
    opacity: 0;
	filter: alpha(opacity = 0);
	border: 2px solid #fff;
}

.image img {
    max-height: 480px;
}

.caption {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    background-color: #fff;
    color: #000;
    opacity: 0.7;
    width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 0 0 0;
	text-align: center;
}

#thumbnail-scroll-wrapper {height: 60px!important;}

#thumbnail-wrapper {
  position: relative;
  width: 640px;
  height: 60px;
  clear: both;

}

#thumbnail-wrapper .left {
  position: absolute;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  color: #000;
  opacity: 0.7;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size:20px;
  top: 10px;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;

}

#thumbnail-wrapper .left:hover, #thumbnail-wrapper .left:focus {color: #fff; background-color: #003043; opacity: 1;}

#thumbnail-wrapper .right {
  position: absolute;
  right: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  color: #000;
  opacity: 0.7;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size:20px;
  top: 10px;
   -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius:10px 0 0 10px;
  border-radius: 10px 0 0 10px;

}

#thumbnail-wrapper .right:hover, #thumbnail-wrapper .right:focus {color: #fff; background-color: #003043; opacity: 1;}

#thumbnails img {
  border:2px solid #FFFFFF;
cursor:pointer;
float:left;
height:54px;
margin:0 21px 20px 0;
width:72px;
z-index: 1;
}



/* Interior Pages */

#content-main {width: 600px; float: left; margin: 0 30px 40px 10px;}

#content ul, #content ol {font-size: 14px; margin-left: 40px;}
#content ul li {list-style: disc outside;}
#content ol li {list-style-position: outside;}

#content h3.programs-head {padding: 10px 10px 10px 0; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
#content .program-date {display: block;}
#content a.pdf {display: block; float: right; background: url(images/pdf.png); width: 30px; height: 30px; text-indent: -9999px; position: relative; top: -20px;}
div.programs-entry {margin-bottom: 40px;}
h4#subtrig {height: 40px; cursor: pointer; background: url("images/toggle-static.jpg") no-repeat scroll 5px 0 #333;line-height: 40px; text-indent: 30px; border-bottom: 1px solid #ccc;}
h4#subtrig.active {background-image: url(images/toggle-active.jpg);}
div.subaccordion { background: #333; padding: 20px; border-bottom: 1px solid #ccc;}

div.parchment {background: url(images/parchment-main.png) repeat-x; padding: 30px 0; }
div.parchment h2, div.parchment h3, div.parchment h4, div.parchment h5, div.parchment h6 {color: #333!important; padding: 0 20px 10px;}
div.parchment p {color: #000; background-color:#f8dcbe; margin-bottom: 0; padding: 0 20px 20px 20px; }
div.parchment p.last {padding-bottom: 30px; background: #f8dcbe url(images/parchment-bottom.png) repeat-x bottom; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;}
div.parchment a {color: #643113!important;}


/* new styles */
#intro {width: 220px; float: left; margin-right: 35px;}
#intro p {line-height: 30px; font-size: 16px;}

#page-content {width: 685px; float: left; margin-right: 35px;}
#content #page-content div.entry {padding: 0;}

#page-sidebar {display:inline;float:left;width:220px;}
#page-sidebar ul {margin: 0 0 20px 20px; }
#page-sidebar ul li {list-style-type: none; margin-bottom: 10px;}
#page-sidebar ul li a {color: #fcffd3; font-size: 16px; font-weight: bold;}



/* Blog */
#content .post h2 {margin: 0 0 20px; line-height: 40px;}
#content small {font-size: 11px; color: #fff; font-family: Helvetica, Arial, sans-serif; margin-bottom: 20px;}
#content .post {margin-bottom: 40px;}
#content .postmetadata {padding: 20px; background-color:#333;  }

#content #updates {margin: 0 0 10px 0; float: right;line-height: 24px; height:24px; display: block; overflow-y: auto; overflow-x: hidden; }
#content #updates span {display: block; font-size: 11px; float: left; margin-right: 5px; height: 24px; overflow: hidden; font-style: italic; color: #fff;}
#content #updates span.images {margin-right: 0;}
#content #updates:hover span, #home-news a#updates:focus span {color:#DBF0FF; }
#content #updates img {margin-right: 5px;}

h3#comments {margin-bottom: 20px;}
.comment {margin-bottom: 20px;}


/* Sidebar */
#sidebar {width: 290px; margin-bottom: 40px;float:left;}
#sidebar .testimonials {margin-bottom: 20px;}

#sidebar ul {margin: 0 0 20px 20px; }
#sidebar ul li {list-style-type: none; margin-bottom: 10px;}
#sidebar ul li a {color: #fcffd3; font-size: 16px; font-weight: bold;}


#sidebar h2 {margin: 0 0 20px; font-size: 15px; line-height: 20px;}

#sidebar ul li {list-style-type: none;}

.audioplayer_container {margin-bottom: 40px;}
.audioplayer_container object {width: 220px;}


/*****************************************************************************

	Footer 

********************************************************************************/

#footer-wrapper { background: url("images/footerbg.jpg") repeat-x scroll 0 0 #C38537; height: auto;}
#footer-content {margin-left: 10px; width: 620px; float: left; margin-right: 20px;}
#footer #footer-content p {font-size: 14px; color: #402a07; line-height: 20px; margin: 0 0 20px; text-align: left;}
#footer a {color:#0e295f;}
#footer ul {float: left width: 300px;margin-left: 10px;}
#footer ul li {float: left; margin-right: 15px;}
#footer ul li a {font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
#footer p {color: #402a07; font-size: 10px; margin-left: 10px;line-height: 12px; clear: left; }