body 
{
    background: url(/images/body-bg.jpg) top center no-repeat #f8f3df; 
    color:#333;
    font-family: Arial;
    font-size: 12px;
}
div.outsideContainer
{
    margin: 10px auto 0 auto;
    position: relative; 
    width: 960px;
}
a:link, a:visited
{
    color: #a47417;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}
p
{
    color: #333;
    font-size: 14px;
    font-family: Georgia;
    line-height: 20px;
    padding: 15px 0;
}
p.ad
{
    background-color:#FFFFFF;
    border:2px dashed #444444;
    padding:10px;
}
p.ad span
{
    border:1px solid #CCCCCC;
    color:#444444;
    float:left;
    font-family:Georgia;
    font-size:43px;
    line-height:49px;
    margin:5px 15px 0 5px;
    padding:10px 10px 20px;
    text-align:center;
    width:100px;
}
p.ad span a
{
    color: #444;
    text-decoration: none;
}
p.ad span a:hover
{
    color: #A47417;
    text-decoration: underline;
}
blockquote
{
    background: url(/images/quote-left.gif) top left no-repeat;
    margin: 20px 0 20px 30px;
    padding: 0 0 0 40px;
    width: 400px;
}
blockquote p
{
    background: url(/images/quote-right.gif) bottom right no-repeat;
    padding: 0 30px 0 0;
    text-align: justify;
}
blockquote span
{
    display: block;
    font-size: 11px;
    font-style: italic;
    margin: 10px 0 0 0;
    text-align: right;
}
img.right
{
    border:3px solid #333;
    display: inline;
    float: right;
    margin: 15px 15px 15px 15px;
}
#logo
{
    background: url(/images/board.png) top left no-repeat;
    display: block;
    height: 325px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 400px;
}
#logo2
{
    background: url(/images/logo.gif) top left no-repeat;
    display: inline;
    float: left;
    height: 111px;
    width: 345px;
}

.con ul#topMenu
{
    margin: 0 0 0 59px;
}
ul#topMenu
{
    display: inline;
    float: left;
    margin: 0 0 0 400px;
    width: 556px;
}
ul#topMenu li
{
    float: left;
}
ul#topMenu li a
{
    background-position: 0 -101px;
    float: left;
    height: 101px;
}
ul#topMenu li a:hover, ul#topMenu a.active
{
    background-position: 0 0;
}

li.home a
{
    background: url(/images/home.gif) top left no-repeat;
    width: 73px;
}
li.about a
{
    background: url(/images/about-me.gif) top left no-repeat;
    width: 118px;
}
li.events a
{
    background: url(/images/events.gif) top left no-repeat;
    width: 89px;
}
li.workshops a
{
    background: url(/images/workshops.gif) top left no-repeat;
    width: 135px;
}
li.books a
{
    background: url(/images/books.gif) top left no-repeat;
    width: 89px;
}
li.contact a
{
    background: url(/images/contact.gif) top left no-repeat;
    width: 140px;
}

#leftBar
{
    display: inline;
    float: left;
    margin: 230px 0 0 0;
    width: 355px;
}

.upcomingEvents
{
    background: url(/images/upcoming-events.gif) top left no-repeat;
    float: left;
    width: 355px;
}
.upcomingEvents span.sifr
{
    display: inline;
    float: left;
    margin: 5px 0 10px 85px;
    padding: 0 0 0 0;
    width: 270px;
}
.upcomingEvents a.all
{
    background: url(/images/mag.gif) top left no-repeat;
    border-bottom: 1px solid #aaa;
    display: inline;
    float: left;
    margin: 5px 0 5px 20px;
    padding: 0 0 10px 20px;
    text-decoration: underline;
    width: 315px;
}
.upcomingEvents a:hover.all
{
    text-decoration: none;
}
#rightBar div.event
{
    margin-left: 0;
    padding-bottom: 15px;
    width: 270px;
}
#rightBar div.event h4 a
{
    width: 270px;
}
#rightBar div.event p
{
    width: 270px;
}
div.event
{
    border-bottom: 1px solid #aaa;
    display: inline;
    float: left;
    margin: 5px 0 5px 20px;
    width: 335px;
}
div.event h4 a
{
    color: #a47417;
    float: left;
    font-family: Georgia;
    font-size: 16px;
    text-decoration: underline;
    width: 335px;
}
div.event div
{
    display: inline;
    float: left;
    margin: 10px 0;
    width: 100%;
}
div.event h4 a:hover
{
    text-decoration: none;
}
div.event p
{
    float: left;
    font-size: 13px;
    padding: 0 0 10px 0;
    width: 335px;
}
div.event p.sponsor
{
    font-family: Arial;
    font-size: 11px;
}
div.event p.sponsor a
{
    float: none;
    margin: 0;
    padding: 0;
}
div.event span
{
    float: left;
    line-height: 18px;
    white-space: nowrap;
    padding-right:10px;
}
div.event a
{
    color: #a47417;
    display: inline;
    float: right;
    margin: 10px 0 10px 0;
    padding-top: 2px;
    text-decoration: underline;
    width: auto;
}
div.event a:hover
{
    text-decoration: none;
}
div.workshop
{
    border-top: 1px solid #aaa;
    display: inline;
    float: left;
    margin: 10px 0 0 0;
    width: 650px;
}
div.detail
{
    float: left;
    width: 100%;
    display: none;
}
div.agenda
{
    background: url(/images/bb.jpg) top left no-repeat;
    display: inline;
    float: right;
    height: 395px;
    margin: 10px 0 15px 15px;
    padding: 46px 48px 0px 32px;
    width: 217px;
}
div.agenda ul
{
    list-style-type:disc;
    padding: 0 0 0 15px;
}
div.agenda ul li
{
    color: #FFF;
    font-family: Georgia;
    margin: 0;
}
div.agenda h4
{
    border-color: #FFF;
    color: #FFF;
}
div.agenda span
{
    color: #FFF;
    font-family: Georgia;
    line-height: 20px;
}
div.summary li
{
    font-family: Georgia;
    margin-bottom: 10px;
}
.showMore
{
    background: url(/images/arrow-down.gif) right top no-repeat;
    display: inline;
    float: left;
    margin: 0 20px 30px 0;
    padding: 0 20px 0 0;
    text-align: right;
    width: 610px;
}
.showLess
{
    background: url(/images/arrow-up.gif) right top no-repeat;
    padding: 0 20px 0 0;
}
.date
{
    background: url(/images/cal.gif) top left no-repeat;
    padding: 0 0 0 22px;
}
.location
{
    background: url(/images/globe.gif) top left no-repeat;
    padding: 0 0 0 22px;
}
.go
{
    background: url(/images/go.gif) top right no-repeat;
    padding: 0 20px 0 0;
}
.register
{
    background: url(/images/check.png) top left no-repeat;
    padding: 0 15px 0 20px;
}
#mainContent
{
    display: inline;
    float: left;
    margin: 70px 0 0 50px;
    width: 555px;
}
#leftContent
{
    display: inline;
    float: left;
    margin: 50px 0 0 20px;
    width: 650px;
}
#rightBar
{
    display: inline;
    float: left;
    margin: 50px 0 0 20px;
    width: 270px;
}
h1
{
    font-family: Georgia;
    font-size: 40px;
    font-weight: lighter;
}
h2
{
    border-bottom:1px dotted #333333;
    font-family:Georgia;
    font-size:30px;
    font-weight:lighter;
    padding:10px 0 0;
}
h3
{
    font-family:Georgia;
    font-size:20px;
    font-weight:lighter;
    padding:10px 0 0;
}
h4
{
    font-family:Georgia;
    font-size:15px;
    font-weight:lighter;
    margin: 0 0 10px 0;
    padding:10px 0 0;
}
p.big
{
    font-family: Georgia;
    font-size: 26px;
    font-weight: lighter;
    line-height: normal !important;
    margin-bottom: 30px;
    padding: 0;
}
.whatIDo
{
    background: url(/images/what-i-do.gif) top left no-repeat;
    display: inline;
    float: left;
    margin: 50px 0 0 0;
    padding: 10px 0 0 105px;
    width: 450px;
}
.whatIDo p
{   
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    width: 450px;
       
}
.whatIDo a.go
{
    display: inline;
    float: left;
    margin: 10px;
    padding-top: 2px;
    text-align: right;
    width: 400px;
}

.mybooks
{
    background: url(/images/my-books.gif) top left no-repeat;
    display: inline;
    float: left;
    margin: 50px 0 0 0;
    padding: 10px 0 0 105px;
    width: 450px;
}
span.sifr
{
    font-size: 35px;   
}
.abook
{
    display: inline;
    float: left;
    margin: 10px 0;
    width: 450px;
}
.abook a
{
    display: inline;
    float: left;
    margin: 0;
    width: 100px;
}
.abook div
{
    float: left;
    width: 350px;
}
.abook h3
{
    padding: 0;
}
.abook h3 a
{
    display: inline;
    float: left;
    font-size: 14px;
    margin: 0;
    width: 350px;
}
.abook p
{
    display: inline;
    float: left;
    line-height: 18px;
    margin: 10px 0 0 0;
    padding: 0;
    width: 350px;
}
.abook div a.go
{
    clear: both;
    display: inline;
    float: left;
    margin: 10px;
    padding-top: 2px;
    text-align: right;
    width: 300px;
}
div.bio
{
    position: relative;
}
div.widget
{
    position: absolute;
    right: -270px;
    top: 0;
}
.wdgt_hd
{
    border-bottom: 1px dotted #333 !important;
    font-family: Georgia !important;
    font-size: 20px !important;
    font-weight: normal !important;
}
.amzn_wdgt
{
    background-color: Transparent !important;
}
.wdgt_brdr
{
    background: none !important;
}
ol#faq
{
   padding: 0 0 0 20px; 
}
ol#faq li
{
    list-style-type: decimal;
    margin: 5px 0 5px 10px;
}
ol#faq li p
{
    display: none;
}
td
{
    font-family: Georgia;
    font-size: 14px;
    padding: 5px 10px 5px 0;
}
.textbox
{
    
    border: 1px solid #d9cea1;
    color: #333;
    font-family: Georgia;
    font-size: 16px;
    padding: 3px;
    width: 250px;
}
.select
{
    border: 1px solid #d9cea1;
    color: #333;
    font-family: Georgia;
    font-size: 16px;
    padding: 3px;
    width: 258px;
}
.button
{
    background-color: #f8f3df;
    border:1px solid #d9cea1;
    color: #333;
    font-family: Georgia;
    font-size: 16px;
    padding: 3px;
}
#footer
{
    background: url(/images/footer-bg.jpg) top center no-repeat #1c1c1c;
    float:left;
    width:100%;
}
#footer div
{
    margin: 10px auto;
    padding: 75px 0 0 0;
    text-align: center;
    width: 555px;
}
#footer span
{
    float: left;
    color: #FFF;
    margin:30px 0 25px 0;
    text-align: center;
    width: 100%;
}
#footer a
{
    background-position: 0 -101px !important;
    float: left;
    height: 110px;
    display: block;
}
#footer a.home
{
    background: url(/images/home.gif) top left no-repeat;
    width: 73px;
}
#footer a.about
{
    background: url(/images/about-me.gif) top left no-repeat;
    width: 118px;
}
#footer a.events
{
    background: url(/images/events.gif) top left no-repeat;
    width: 89px;
}
#footer a.workshops
{
    background: url(/images/workshops.gif) top left no-repeat;
    width: 135px;
}
#footer a.books
{
    background: url(/images/books.gif) top left no-repeat;
    width: 89px;
}
#footer a.contact
{
    background: url(/images/contact.gif) top left no-repeat;
    width: 140px;
}
#footer a:hover
{
    background-position: 0 0 !important;
}
.workshopIcon
{
    background: url(/images/workshop.gif) top left no-repeat;
    padding: 0 0 0 60px;
}
.emailIcon
{
    background: url(/images/email.gif) top left no-repeat;
    padding: 0 0 0 60px;
}
.aboutIcon
{
    background: url(/images/about.gif) top left no-repeat;
    padding: 0 0 0 60px;
}
.booksIcon
{
    background: url(/images/book.gif) top left no-repeat;
    padding: 0 0 15px 70px;
}
.calendarIcon
{
    background: url(/images/calendar.gif) top left no-repeat;
    border-bottom: 1px solid #AAA;
    
    padding: 10px 0 22px 60px;
}
.book
{
    border-bottom: 1px dotted #555;
    display: inline;
    float: left;
    margin: 10px 0 20px 0;
    padding: 0 0 20px 0;
    width: 950px;
}
.book img
{
    float: left;
    padding: 0 20px 0 0;
}
.book div.bookDetails
{
    float: left;
    width: 530px;
}
.book div.buyBook
{
    float: left;
    text-align: center;
    width: 150px;
}
.book div.buyBook img
{
    float: none;
    margin: 10px 0 0 0;
    width: auto;
}
.book ul li
{
    font-family: Georgia;
    font-size: 14px;
    list-style-type: disc;
    line-height: 20px;
    margin: 5px 0 5px 30px;
    padding: 0 0 0 10px;
}
a.buy
{
    background: url(/images/buy.gif) top left no-repeat;
    display: block;
    height: 32px;
    width: 144px;
}

a.buy:hover
{
    background-position: 0 -32px;
}



form + div
{
    height: 100% !important;
}
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/