body {font: 90% "Trebuchet MS", Arial, Verdana, "Times New Roman", Times, serif; color:#7085B0; margin:0;padding:0;background:#222222;}
img {border:none;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#43422F;font-family:georgia,times,serif;}
.white {color:#ffffff;}
.black {color:#000000;}
.red {color:#43422F;}
.floatleft {float:left;}
.floatright {float:right;}
/*color:#ac4209;*/
/*color:#AF1400;*/

a {cursor:pointer;color:#222222;}
a:link, a:visited {text-decoration:underline;color:#7085B0;}
a:hover {color:#333333;text-decoration:underline;}
#formprotection {text-align:center;font-size:.8em;display:block;}
#formsubmit {text-align:center;}

/***** WRAPPER FOR CONTENT ******/
#PageContainer {margin:0 auto;width:980px;padding:auto;border:2px solid #786616; background:#D7D080;}

/******* COMMON CONTENT AREA FOR PAGES ******/
#Header {clear:both;background:url(images/headerlogo.png) no-repeat center center #CE9621;height:140px;margin:0;padding:10px;border:none;}
#headingWrapper {float:right;background:url(images/method_logo_sm2.png) no-repeat right center transparent;height:140px;width:100%;}
#header1 {}
#header2 {}

/********** Side Bar Columns 1 & 2 ******/
#Column1 {float:right;width:180px;margin:0;padding:50px 15px 0 0;}
#Column2 {}

/** NAVIGATION **/
/*navigation is a container used for horizontal menus*/
#navigation {
      clear:both;
      width:100%;
      background:#7085B0;
      line-height:2em;
      text-align:center;
      border-top:1px solid #43422F;
      border-bottom:1px solid #43422F;
      }
ul#nav {
      margin:0;
      padding:0 10px 0 0;
      list-style-type:none;
      text-align:center;
      background:#7085B0;
      }
ul#nav li {
      display:inline;
      list-style-type:none;
      margin:0;
      padding:0 3px 0 9px;
      }
ul#nav li a {
      padding:0;
      text-decoration:none;
      font-weight:bold;
      font-variant:small-caps;
      font-family:georgia,times,serif;
      color:#ffffff;
      }
ul#nav li a:hover {
      color:#CE9621;
      }
ul#nav li a#current {color:#CE9621;}

/** Page specific information **/
#MainContent  {float:left;width:770px;margin:0;min-height:450px;padding:5px 5px 100px 5px;height:100%;border-left:1px solid #ffffff;background:url(images/method_logo_wm.png) no-repeat bottom center #ffffff;}
#UserMessage  {background-color: #2e2e2e;}
#UserMessage p  { text-align:center; color: #fff; font-weight:bolder; font-style: italic; }
#PageContent  {clear:both;padding-bottom:0px;padding-left:10px;width:100%;margin:0;}
#PageContent blockquote {margin-left:20px;}
#pageHeading {margin-bottom: 15px;}
#pageHeading h1 {margin:15px 0 0 0; padding:5px 5px 5px 0;color:#43422F;font-size:1.4em;}
#pageInfo  {position:relative;margin-bottom:auto;}

#pageImage {float:right;margin:5px 10px 5px 20px;width:240px;}
#pageImage img  {margin:0;padding:2px;}
#pageImage p {width:90%;color:#0c4455;margin:0;padding:5px;}
#pageText  {font-weight:normal;color:#43422F;padding:auto;margin:10px 30px 0px 10px;}
#bquote {text-align:center;}

#pageText p {font-weight:normal;color:#43422F;font-size:1em;}
#pageText ul {list-style:disc inside;width:95%;padding:0;margin:0 0 0 10px;}
#pageText ul li {list-style:disc inside;font:1em bold italic;color:#6B6939; margin:0 0 5px 0;padding:0;}
#pageText ol {list-style:decimal inside;width:95%;margin:0 0 0 10px;padding:0;}
#pageText ol li {list-style:decimal inside;font-size:1em;font:bold italic;color:#6B6939;margin:0 0 5px 0;padding:0;}
#pageText a {cursor:pointer;color:#7085B0;font-size:1em;line-height:1em;}
#pageText a:link, a:visited {text-decoration:underline;color:#7085B0;}
#pageText a:hover {color:#333333;text-decoration:underline;}

#floattext_left {float:left;margin:auto;}

#pageVideo {float:right;margin:5px 30px 5px 5px;text-align:center;}
#flashobject_animation {text-align:center;}

#pageEmbedded {float:right;margin:5px 10px 10px 10px;width:360px;padding-left:10px;}
#pageEmbeddedVideo {}

#youtube_container {float:left;clear:both;width:100%;margin:20px auto auto auto; padding:auto;}
.youtube {float:left;display:inline;margin:3px 3px 3px 10px;}



#twoColumnContainer {float:left;clear:both;margin:10px 0 0 0; padding:auto auto auto 10px;width:100%}
#twoColumnContainer p {color:#000000;}
#twoColumnContainer table {width:90%;margin:auto;}
.halfColumn {float:left;width:45%;margin:0 20px 0 0;border:1px solid #7085B0;height:490px;padding:0;}
.halfColumn h4 {margin:0;padding-left:10px; 
color:#000;font-size:1.1em;text-align:center;
background:#CE9621;border-bottom:1px solid #7085B0; 
font-family:georgia,times,serif;
font-variant:small-caps;}

#twoColumnContainer .halfColumn p {margin:5px 5px 5px 10px;color:#43422F;font-size:1em;}
#twoColumnContainer .halfColumn a, a:link, a:visited {font-size:1em;line-height:1em;margin:0;padding:0;}

#twoColumnContainer .halfColumn ul {list-style:disc inside;margin-left:20px;padding-right:10px;}
#twoColumnContainer .halfColumn ul li {font-size:.9em;color:#6B5539;padding-right:10px;}
#twoColumnContainer .halfColumn ul li a {font-size:.9em;line-height:.9em;}
#twoColumnContainer .halfColumn ol {list-style:decimal inside;margin-left:20px;padding-right:10px;}
#twoColumnContainer .halfColumn ol li {font-size:.9em;color:#6B5539;padding-right:10px;}
#twoColumnContainer .halfColumn ol li a {font-size:.9em;line-height:.9em;}



/** Common Footer information **/
#Footer  {clear:both; padding:0; text-align:center; color:#efefef; background:#7085B0;margin:0;}
#Footer a {cursor:pointer;color:#444444;}
#Footer a:link, a:visited {text-decoration:underline;color:#444444;}
#Footer a:hover {color:#222222;text-decoration:underline;}

#Footer p {text-align: center;}
#footerCopyright {font-size:.8em;margin:10px 0 0 0;padding:0;display:block;}
#footerPromo {font-size:.8em;margin:0;padding:0;}

/*** RSS Feed at Page Bottoms - Albums, Art Images, Articles, Blogs, etc. **/
#site_rss {display:inline;}
#site_rss p {text-align:center;vertical-align:middle;padding:3px;display:inline;}
#site_rss p a:link, a:visited {color:#E9BB2C;}
#site_rss p a:hover, a:active {color:#999;cursor:pointer;text-decoration:underline;}
#site_rss p img {border:none;}

.rss_feed   {clear:both;margin-top:20px;}
.rss_feed a {font-size:.9em;cursor:default;text-decoration:none;}
.rss_feed a:link, a:visited {color:#777;}
.rss_feed a:hover, a:active {color:#999;cursor:pointer;text-decoration:underline;}
.rss_feed p {text-align:center;vertical-align:middle;padding:3px;}
.rss_feed p a:link, a:visited {color:#777;}
.rss_feed p a:hover, a:active {color:#999;cursor:pointer;text-decoration:underline;}
.rss_feed img {border:none;}


.clearboth   {clear: both; }
.clearleft {clear:left;}
.clearright {clear:right;}


/** General support elements **/
#fieldset  {border:none;}
#fieldset legend {font-variant:small-caps;}
#fieldset label {font-weight:500;}
#fieldset p {}
#pagination  {text-align:center;}
#backLink  {clear:both;}
#pagenotfound  {}


/** Sidebar News & Notes Promotion **/
#sideBarNews  {margin:0;padding:0;}
#sideBarNews h4  {color:#494708;}
#sbNewsItems  {}
#sbNewsItems p  {color:#b97310;}
.news  {font-weight:bolder; font-size: .8em; display:block;}
.readmore {font-size: .7em;text-align: left;display:block; }



/** Sidebar References/Comments */
#sideBarReferences {padding:0p;margin:0;}
#sideBarReferences h4 {color:#494708;display:inline;text-decoration:none;}
#sbRefItems  {margin:0;padding:0;}
#sbRefItems p {margin:0 0 10px 0;font: italic 0.9em bold;color:#ffffff;}
p.sbrefInfo  {margin:5px 0 5px 0;padding:2px;border-bottom:1px solid #000000;}
.sbrefQuote  {display:block;margin-bottom:10px;color:#ffffff;}
#sbRefItems .sbrefQuote p {font: italic 0.9em bold;color:#ffffff;}
.sbrefName   {font-weight: bold;font-size: 0.8em;display:block;margin-top:10px;color:#ffffff;}
.sbrefTitle  {font-size: 0.9em;display:block;color:#ffffff;}
.sbrefOrg    {font-size: 0.9em;font-weight: 400; display:block;color:#ffffff;}
.sbrefWeb    {display:block;font-weight: 500;text-decoration:none;font-size: 0.9em;}

/** Sidebar Featured Photos **/

#featuredPhotosSB {clear:both;}
#featuredPhotosSB h4 {color:#494708;}
#featuredPhotosSB ul {padding-left:30px;text-align:center;}
#photoListSB {width:100%;}
#photoSBItems {padding-left:20px; cursor: pointer;list-style: none;}
#photoSBItems a {cursor: pointer;font-size:.8em;}
#photoSBItems a:link {text-decoration:none;color:#ffffff;}
#photoSBItems a:hover {text-decoration:none;color:#ffffb4;}
#photoSBItems img {padding: 2px;vertical-align: top;width: 120px; height: 90px;}
#photoSBItems li {display: inline; float: left; margin: 2px; padding: 2px;width:130px;}
.photoSBItemText {position:relative;}
.photoSBItemText a {color:#ffffff;font-size:.8em;}
.photoSBTitle {color:#ffffb4;display:block;font-size:.8em;}
.photoSBDesc {color:#ffffb4;display:block;font-size:.8em;}

/** Sidebar Signup Form **/
#sideBarForm  {}
#sideBarForm fieldset  {}
#sideBarForm legend  {}
#sideBarForm p  {}
#sideBarForm label  {}

/****** ABOUT PAGE ELEMENTS *********/
#aboutDetail {position:relative;left: 0px;top:auto;}
#aboutDetail h2   /* Header for Asso., Credits */ {}
#aboutDetail h5   /* Title for entry */ {}
#aboutDetail p    /* Description of entry */ {}


/** Simple Gallery Listing **/
.lsProfile  {clear:left; margin-bottom:10px;}
.lsProfile img  {float:left;border: gray solid 2px;margin-bottom:10px;}
.lsInfo  p {float: right;display:inline;}
.lsTitle   {}
.lsDesc   {}


/****** HOME PAGE ******/
#FeaturedBlock  {padding: 5px;height:20px;}
#FeaturedBlock ul  {text-decoration:none; list-style-type: none; margin: 0;padding: 0;}
#FeaturedBlock li  {display: inline; }
#FeaturedBlock a  {cursor:pointer; color: #d3ae22; font-size: .9em; text-decoration: none; }
#FeaturedBlock a:link {color:#FCF0AD;}
#FeaturedBlock a:hover {color: #634C04;}
#FeaturedBlock img {position:relative;}
#featuredArt {margin-bottom: 5px;top:auto; }
#featuredArt h4  {color:#494708;font-size:.9em;}
#featuredAlbums  {margin-bottom: 5px;top:auto; }
#featuredAlbums h4  {color:#634C04;font-size: .9em;}
#featuredMp3s  {clear:left;margin-bottom: 5px;top:auto; }
#featuredMp3s h4  {color:#494708;font-size:.9em;}
#featuredMp3s a  {cursor:pointer; color: #d3ae22; font-size: .8em; text-decoration: none; }
#featuredMp3s a:link {color:#FCF0AD;}
#featuredMp3s a:hover {color: #634C04;}
.featuredMp3  {display:inline; }

/** Home Page Featured Photos **/
#featuredPhotosHM {clear:both;}
#featuredPhotosHM h4 {color:#494708;padding:10px 0 10px 0;}
#featuredPhotosHM ul {padding-left:30px;text-align:center;}
#photoListHM {width:100%;}
#photoHMItems {padding-left:20px; cursor: pointer;list-style: none;}
#photoHMItems a {cursor: pointer;font-size:.8em;}
#photoHMItems a:link {text-decoration:none;color:#ffffff;}
#photoHMItems a:hover {text-decoration:none;color:#ffffb4;}
#photoHMItems img {padding: 2px;vertical-align: top;width: 120px; height: 90px;}
#photoHMItems li {display: inline; float: left; margin: 2px; padding: 2px;width:130px;}
#photoHMItems li p {position:relative;}
.photoHMItemText {position:relative;}
.photoHMItemText a {color:#ffffff;font-size:.8em;}
.photoHMTitle {color:#ffffb4;display:block;font-size:.8em;}
.photoHMDesc {color:#ffffb4;display:block;font-size:.8em;}

/****** BASIC CATALOG ******/

#basicCatalogListing  {position:relative;left: 0px;top:auto; }
.bcItem  {width:90%;height: 140px;border-bottom: thin solid gray; }
.bcImage {float:right;top:auto;background: #fff;border-color: #aaa #ccc #ddd #bbb;
          border-style: solid;border-width: 1px;padding: 2px;margin-right: 5px; }
.bcItem p  {width: 65%;text-align: left;font-size: 1.2em;margin-bottom: 15px; }
.bcname  {display:block; }
.bcdesc  {display:block; }
.bcprice  {display:block; }
.bcbuybutton  {display:block;}


/****** BLOG ENTRY LISTINGS PAGE ELEMENTS ******/
#blogListing {}
#blogListEntry {font-size:1em;}
#blogListEntry h2 {font-size: 1.0em;display:block;}
#blogListEntry p  {}
#blogEntryMessage {font-size:.6em;}
#blogEntryMessage p {}
.blogListDate  {font-size: .6em;display:block;}
.blogListTime  {font-size: .6em;display:block;}
.blogListCat   {font-size: .6em;display:block;}
#feedbackForm {border:solid thin #000;padding:10px;}
#feedbackForm p {font-size: .9em;font-weight:bold;}
#feedbackForm label {font-weight:bolder;}

/** DISPLAY_BLOG ENTRY PAGE **/
#blogEntryHeader {}
#blogEntryHeader h2 {font-size: 2.0em;display:block;}
#blogEntryHeader p {}
#blogEntryDate {font-size: 1.2em;}
#blogEntryTime {font-size: 1.2em;}
#blogEntryMessage {}
#blogEntryMessage p {font-size: 1.5em;}
#blogEntryCat  {font-size: 1.2em;display:block;}
#blogEntryComments  {}
#blogEntryComments h3  {font-size: 1.4em;}
.blogComment {background-color:#bcc77c; padding: 5px; margin-bottom: 5px;}
.commentName      {font-size: 1em;color:#fff; display:block;}
.commentMessage   {font-size: 1.1em; color:#fff; text-indent: 1cm; display:block;}
.commentDate      {font-size: 1em; color:#fff; text-indent: 1cm; display:block;}
.commentReply     {font-size: 1em; background-color: gray; margin: 10px;color:#fff;}
.commentReply p   {font-size: 1em; font-style: italic; text-indent: 1cm; margin: 5px 0 5px 0;}
.commentReplyTime {font-size: 1em; color:#fff; text-indent: 1cm; display:block;}
#blogNoMoreComments  {font-size: 1em; display:block;}


/****** CONTACT INFORMATION PAGE ******/
#ContactBlock {clear:both;padding-left:10px;}
#contactInfo, #contact2Info  {padding:5px;color:#000000;}
#contactInfo, #contact2Info a:link, a:visited {color:#D7D080;line-height:40px;padding:10px 5px 10px 5px;}
#contactInfo, #contact2Info a:hover {color:#FEE7C1;}
#contactInfo, #contact2Info p {padding:0;}
#contactName, #contact2Name  {font-size:1.2em; font-weight:bolder; font-style:italic; display:block;color:#70858A;}
#contactAddress, #contact2Address  {font-size:1em; font-style: italic;margin:0;padding:0;color:#352A1B;line-height:1em;}
#contactCitySt, #contact2CitySt   {font-size:1em; font-style:italic; display:block;margin:0;padding:0;color:#352A1B;line-height:1em;}
#contactPhone, #contact2Phone     {font-size:1em;display:block;margin:0;padding:0;color:#352A1B;line-height:1em;}
#contactEmail, #contact2Email     {font-size:1em; font-weight:bolder;margin:0;padding:0;display:inline;color:#352A1B;line-height:1em;}
#contactMap,  #contact2Map {font-size:1em; font-weight:bolder;margin:0;padding:0;display:block;color:#352A1B;line-height:1em;}

#contactForm {clear:both;width:90%;margin:auto;padding:auto;}
#contactForm fieldset  {border: solid 1px #888;margin:auto;border:1px solid 008c98;padding:10px;}
#contactForm fieldset legend {color: #888;font-variant:small-caps;font-weight: 700; font-size: 1em;text-align:center;border: solid 1px #888;}
#contactForm fieldset label {float:left;display:inline;font:bolder .9em;color:#70858A;width:100px;}
#contactForm fieldset p {color: #888;font-size:.9em;}


/** DISPLAY_PHOTO PAGE **/
#photoProfile  {}
#photoProfile h2  {}
#photoDesc p  {}
#photoImage  {}
#photoImage img     {}

/****** GUESTBOOK FORM ******/
#guestBookForm {margin-left: 120px; width:500px;}
#guestBookForm fieldset  {border: solid thin #000;margin: 30px;}
#guestBookForm fieldset legend {border: solid thin #000;font-variant:small-caps;font-weight: 700; font-size: 1.3em;text-align:center;}
#guestBookForm fieldset label{font:bolder .9em italic;}
#guestBookFrom fieldset p {}


/****** LINKS PAGE ******/
#linksListing  {padding:10px;}
#linksListing p {padding:5px;}
#linksListing a {text-decoration:none;}
#linksListing a:hover {cursor:pointer;font-weight:600;font-size:1.3em;}
.linksName     {font-weight:bolder; font-style: italic; font-size: 1.0em;display:block}
.linksDesc     {font-weight:bold;}

/****** NEWS & NOTES LISTINGS ******/
#nnListing  {}
#nnItem  {margin-bottom: 10px;}
.nnTitle     {display:block;font-weight: 600;font-size: 1.5em; }
.nnDate     {display:block;font-size: 1.2em; }
.nnContent     {font-style: italic;width: 80%; }

/** DISPLAY_NEWSNOTE ENTRY **/
#nnDisplay  { width:90%; margin: 0 10px 0 20px; }
#nnDisplay p:first-letter  {font-size: 2em;color:green;font-weight:bolder; }
.nndpTitle  {display:block;font-weight: 600;font-size: 1.5em;}
.nndpDate  {display:block;font-size: 1.2em;}
.nndpContent  {font-style: italic;}

/****** REFERENCES PAGE  ******/
#aboutReferences  {margin:10px 30px 0 10px;}
.referenceItem {border-bottom:1px dotted #352A1B;}
.refQuote  {font-style:italic;}
.refQuote p {color:#786616;}
p.refInfo   {color:#786616;}
.refName  {font-weight: 400;display:block;color:#352A1B;}
.refImage {}
.refTitle  {display:block;color:#352A1B;}
.refCitySt {display:block;color:#352A1B;}
.refWeb {cursor:pointer;display:block;font-weight: 500; text-decoration:none;color:#352A1B;}

/****** SERVICES PAGE ******/
#serviceListing  {}
p.serviceInfo  {margin: 5px; padding: 5px; border: thin solid gray;}
.serviceName    {font-size: 1.3em; font-weight: bolder; font-style: italic;}
.servicePerson  {font-size: 1.2em; display:block;}
.serviceDesc    {font-size: 1em; font-style: italic; display:block;}
.serviceAddress {font-size: .9em;display:block;}
.serviceContact {font-size: .9em; font-weight:bolder;}
p.noService     {font-size: 1.3em;}

/****** VIDEO LINKS ******/
#videoListing  {}
.videoProfile {margin-right:20px;}
p.videoInfo    {position:relative;left:0;width: 45%;}
.videoTitle     {font-size: 1.2em;font-weight: bolder;display:block;}
.videoDesc  {font-size: 1.1em;font-style: italic;}
p.videoSource  {margin-top:auto;}

/** Hoverbox Listing **/
/* Credits: Nathan Smith (http://sonspring.com) */

.hoverbox  {min-width: 400px;list-style: none none;}
.hoverbox:after  {clear: both;display: block;content: ".";height: 0;visibility: hidden;}
.hoverbox li  {list-style: none none;display: inline;}
.hoverbox li a  {margin: 2px;border: 1px solid #CCC; padding: 4px;position: relative;
                 float: left;display: block; width: 100px;height: 75px;}
.hoverbox li a:hover  {font-size: 100%;z-index: 2;}
.hoverbox li a img  { border: 0 none; position: absolute; width: 100px;height: 75px;}
.hoverbox li a:hover img,.hoverbox li a:active img,.hoverbox li a:focus img  
             {width: 200px;height: 150px;left: -50px;top: -37px; z-index: 1;}
/* This version of Hoverbox is used to layout the albums on the Albums page */
/* =hoverbox3 Code
----------------------------------------------------------------------*/

.hoverbox3 {cursor: pointer;list-style: none;text-align: center;}
.hoverbox3 a {cursor: pointer;}
.hoverbox3 img {padding: 2px;vertical-align: top;/*width: 100px; height: 100px;*/}
.hoverbox3 li {display: inline; float: left; margin: 2px; padding: 2px;position: relative;}

