@charset "utf-8";
/* CSS Document */
/*********************************
Eric Meyer's CSS 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: 12px; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; text-align:left; min-width:950px;/* for mozilla*/ background-color: #fff; height:100%;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*****************************
End CSS reset
****************************/

/* commented backslash hides from ie5mac \*/  
html{ height:100%; margin:0; padding:0 }  /* end hack */  
html,body {background-color: #fff; font-family: Georgia, "Times New Roman", Times, serif; color:#443b24;} 

h1, h2 {color: #443b24; font-family: Georgia, "Times New Roman", Times, serif;}
h1, div .heading h1, #heading h1  {background-color: #9b8c75; color: #fff; margin: 0px 0 5px 0; padding: 4px 10px; font-size: 1.35em;}
h2 {font-size: 1.2em; font-style:italic; padding: 3px 12px; text-transform: uppercase; margin: 12px 0 5px;}
h3, .journal_introText h3 {font-size: 1.15em; margin: 10px 12px; font-style: italic; line-height: 1.4em; color: #9b8c75;}
h4 {font-size: 1.15em; font-style:italic; padding: 3px 12px; margin: 12px 0;}
.strong {font-weight: bold;}
.right {text-align: right;}
p {color:#443b24; line-height: 1.5em; margin: 2px 10px 12px; font-size: 0.95em;}
a {color: #690038;}
.pale_letters {color: #9b8c75;}


/*****************
IDs
*****************/
#wrapper {margin: 0 auto; width: 950px; position: relative;} 
#logo {background-color: #690038; padding: 15px 0;}
#body_content {margin: 12px 0;}
#main_content {float:right; width: 760px; border: 1px solid #f1f1f1;}
#main_image {border-top: 1px solid #690038;}
#portfolio {width: 380px; float: left; border: 1px solid #f1f1f1;}
#news {float: right; width: 520px; position: relative; padding: 0; border: 1px solid #f1f1f1; clear: right; margin-top: 10px;}
#newsletter_signup {float: left;  width: 380px; margin-top: 10px; border: 1px solid #f1f1f1; }
#footer {margin-top: 10px; border: 1px solid #f1f1f1;}
#footer img {margin: 0 10px;}


/*****************
Main menu
*****************/
#menu {width: 100%; overflow: hidden;}
#menu ul {font: 1.5em Georgia, "Times New Roman", Times, serif; list-style-type: none;}
#menu li {display: inline;}
#menu li:hover {background-color: #690038;}
#menu li:hover a {color: #fff; }
#menu a {font-size: 1.5em; color: #690038; float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; /*padding inside each tab*/border-right: 1px solid #f1f1f1; /*right divider between tabs*/}
#menu li a:hover, #menu li a.active {color: #fff; background-color: #690038;}

/*****************
Sub-menu
*****************/
#submenu {float: left; padding: 5px; clear: left; width: 140px; border-left: 1px solid #9b8c75;}
#submenu li {line-height: 1.5em; margin: 5px 0; list-style-type: none;}
#submenu li a {color: #443b24; text-decoration: none; font-size: 1.15em; }
#submenu li a:hover {color: #690038;}
#submenu li ul li {display: none;}
#submenu li.active a {font-weight: bold;}
#submenu li.active ul li {display:list-item; line-height: 1.05em; margin-bottom: 1.25em;}
#submenu li.active ul li a {font-size: 0.8em; color: #9b8c75; font-weight: normal; padding: 2px;}
#submenu li.active ul li a:hover {color: #fff; background-color: #9b8c75;}
#submenu li.active ul li.active a {font-weight: bold; color: #443b24;}

/****************
Home page portfolio
****************/
#portfolio h2 {text-transform: uppercase; font-size: 1.6em; color: #443b24; letter-spacing: 0.02em; font-weight: lighter; margin: 0 15px;}
#portfolio h2 .strong {font-size: 1em; font-weight: bold;}
#portfolio a {text-decoration: none; text-transform:uppercase; color: #706855; font-style: italic; font-size: 1.3em; margin: 0 15px;}
#portfolio a img {margin: 0 0 0 -15px;}

/****************
Home page intro content
*****************/
#intro_content {float: right; width: 520px; border: 1px solid #f1f1f1;}
#intro_content li {line-height: 1.3em; margin: 8px 12px 4px 28px; font-size: 0.95em; list-style: outside disc;}
/*#intro_content p {padding: 0 12px;} */

/****************
Home page journal summary
***************/

.journal_home_item {}
h1.journal_pageTitle {background-color: #9b8c75; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; margin: 6px 0 5px 0; padding: 3px 10px;}
h1.journal_pageTitle a {color: #fff; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}
.journal_documentInfo {}

.journal_introText p img {float: right;}
a.journal_link, p.journal_link a {color: #443b24; font-size: 1.15em; text-align: right; font-style:italic; text-transform: uppercase; margin: 0 15px 15px 75px; float: right;}

/********************
Page content
*******************/

.heading a {color: #ffffff; text-decoration: none; font-size: inherit;}
#main_content h3 {font-size: 1.02em; margin: 10px 12px; font-style: italic; line-height: 1.4em; color: #690038;}
/*#main_content p {line-height: 1.5em; margin: 10px 12px; font-size: 1.05em;} */
#main_content li {line-height: 1.5em; margin: 10px 12px 10px 28px; font-size: 0.95em; list-style: outside disc;}
.quote_open {background: url(images/quote_open.png) top left no-repeat; padding: 0 0 0 1.75em; width: 450px; margin: 0 30px;}
.quote_open p {font-style: italic; color: #9b8c75; font-weight: normal; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; padding-right: 1em;}
.quote_close {background: url(images/quote_close.png) bottom right no-repeat; width: 100%; }
.callout {float: right; margin: 10px 0 10px 10px; padding: 5px;  width: 175px; background-color: #f5f5f5;}
.callout ul li {font-size: 1.1em; line-height: 1.2em; margin-bottom: 3px;}
img.right {float: right; clear: right; margin: 5px 0 5px 5px;}
img.left {float: left; clear: left; margin: 5px 5px 5px 0;}
img.imgclear {clear: both; margin: 10px 0; display: block;}
.imgWrap {clear: both; margin: 10px 0; display: block; float: left; width: 100%;}
img.leftArray {float: left; margin: 10px 10px 20px 0;}
.special_features {background-color: #ECE6DC; min-height: 182px; width: 200px; float: left; margin: 0 10px 5px; border: 1px solid #f1f1f1;}

/******************
Sidebar content
******************/
#sidebar_list {float: left; clear: left; width: 160px;}
#sidebar_list li {line-height: 1.15em; margin: 2px 0; font-size: 1.15em; list-style-type: none;}

/******************
Footer
******************/
.copyright {margin-left: 100px;}
.copyright a, .bali a, #address a {color: #690038; text-decoration: none;}
.bali a {font-weight: bold;}
.clear {clear: both; height: 1px; width: 100%;}
#address {margin: -23px 0 0 680px; width: 250px; text-align: right;}
#address a:hover, .copyright a:hover, .bali a:hover {text-decoration: underline;}


/******************
Newsletter sign-up form
******************/
.TXNewsletters_form_labelGauche {display:block;padding-top:2px;float:left;width:150px;height:1.1em;color: #443b24;position:relative;top:0px;text-align:left;margin-right:2px;}
.TXNewsletters_form {margin:10px;padding:2px;}
.TXNewsletters_form_right {padding-left:185px;}
.TXNewsletters_form_item {padding:1px;margin:2px;}
.TXNewsletters_form_item TEXTAREA {vertical-align:middle;border:1px solid #bbbbbb;font-size:11px;color: #333333;}
.TXNewsletters_form_item INPUT {height:1.2em;vertical-align:middle;border:1px solid #bbbbbb;font-size:0.95em;color: #333333; width: 175px;}
INPUT.TXNewsletters_form_noborder {border:0;}
.TXNewsletters_form_noborder {border:0;}
.TXNewsletters_form_inputErr {border:1px solid #ff0000;}
.TXNewsletters_form_labelErr {color:#ff0000;}
input.submit {height:20px;vertical-align:middle;border:1px solid #9b8c75; font-size:12px;color: #333333; width: 100px; background-color: #daceaf; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-weight: bold;}

/*****************
Journal entry form
*****************/
form#journal_entry fieldset {margin-bottom: 10px;}
form#journal_entry label {margin-bottom: 6px;}

/******************
Portfolio pages
******************/
.folio_sect_intro {background-color: #ECE6DC; min-height: 182px; width: 200px; float: left; margin: 0 10px 5px; border: 1px solid #f1f1f1;}
.folio_sect_intro img {}
#main_content p.caption {margin: 5px; font-size: 1.02em; font-style: italic; padding-top: 2px;}
#main_content p.caption .strong {font-size: 1em;}
/*.gallery_thumb {float: left; margin: 0 5px 50px;}
*/#main_gallery_pic {float: left; width: 600px; clear: left; margin-bottom: 15px;}
#gallery_thumbs {float: right; width: 120px; clear: right;}
.gallery_thumb {float: left;  margin: 3px; height: 50px; width: 50px; overflow: hidden; border: 1px solid #f1f1f1;}
.gallery {clear: both; margin: 10px 0 15px;}