/* ELEMENTS ------------------------ */
body          { color: #3b1604; font-size: 10pt; font-family: "Times New Roman", Times, serif; background-color: #c95d1f; margin: 0 }
#wrapper   { margin: auto; padding-top: 30px; position: relative; width: 1006px; height: 800px }
#container   { margin: auto; position: relative; width: 1006px; height: 608px }
#graphic  { background-image: url("images/background2.jpg"); background-repeat: no-repeat; position: absolute; top: 419px; right: -270px; width: 342px; height: 381px }
/* HEADER ------------------------ */
#header        { background-color: #2b687b; position: relative; width: 1006px; height: 133px }
#header .left       { width: 188px; float: left }
#header .right      { width: 825px; float: right }
#social { position: absolute; top: -27px; right: 0 }
#social img { padding-left: 5px }
#menu_pad  { height: 14px }
#blog     { font-size: 14px; position: absolute; top: 23px; right: 30px; width: 174px }
#menu  { position: absolute; right: 0; bottom: 0; width: 825px }
#blog a   { color: #ffffff }
#blog a:hover  { color: #77b8e7 }
/* BODY ------------------------ */
#index        { background-color: white; width: 1006px; height: 475px }
#index .left         { float: left; clear: both }
#index .right        { position: relative; width: 667px; top: 55px; float: right }
#indexText { line-height: 16pt; padding-left: 43px; padding-right: 40px }
#index2        { background-color: white; width: 1006px; height: 475px }
#index2 .left           { margin-top: 20px; margin-left: 20px; width: 523px; float: left }
#index2 .right          { background-image: url("images/lineVert.jpg"); background-repeat: no-repeat; background-position: 0 0; margin-top: 20px; margin-right: 20px; position: relative; width: 422px; float: right }
#indexBlog   { line-height: 16pt; margin-left: 20px }
#index2 .indexLeft   { margin-top: 10px; width: 523px; float: left; clear: both }
#content        { background-color: white; width: 1006px; height: 475px }
#content .left        { float: left; clear: both }
#content .right         { position: relative; top: 55px; width: 667px; float: right }
#contentText   { padding-right: 40px; padding-left: 10px }
#contentText ul    { color: #2b687b; margin-top: 0; margin-left: 0; padding-top: 8px; padding-right: 4px; padding-left: 14px }
#contentText ul li   { font-weight: bold; line-height: 16pt }
#contentText li .text { color: #c95d1f }
#signup_txt ol   { list-style-image: url("images/flower2.jpg") }
#signup_txt ul { list-style-type: disc; list-style-image: none }
/* BUTTONS ----------------------- */
.button   { margin-right: auto; margin-bottom: 10px; margin-left: auto; width: 100px }
/* FOOTER ------------------------ */
#footer    { color: white; font-size: 85%; margin-top: 0; margin-bottom: 0; padding: 6px 0 10px; vertical-align: bottom }
#footer a { color: #88ccfd; font-size: 100% }
#footer a:hover { color: #fff; font-size: 100% }
#footer .left   { padding-bottom: 10px; width: 187px; float: left }
#footer .right  { text-align: right; padding-bottom: 10px; width: 386px; float: right }

/* misc links */
.clear { clear: both }
.notice { color: #ff0000 }
.title1     { color: #c95d1f; font-size: 16pt; font-family: "Times New Roman", Times, serif }
h2 { margin:0; padding:0; font-weight:normal;color: #c95d1f; font-size: 16pt; font-family: "Times New Roman", Times, serif }
h2 span  { font-size: 13pt; padding-left: 10px }
.title2   { color: #2b687b; font-weight: bold; text-transform: uppercase; letter-spacing: 1px }
.title3 { color: #3b1604; font-size: 16pt; font-family: "Times New Roman", Times, serif }
.title4 { color: #2b687b; font-size: 16pt; font-family: "Times New Roman", Times, serif }
.title5 { color: #3b1604; font-size: 16pt }
.press  { font-style: italic; font-weight: bold }
.testimonial { margin-top: 4px; margin-left: 40px }
.venue { font-weight: bold }
.contact_title { color: #2b687b; font-size: 24pt; font-family: "Times New Roman", Times, serif }
.speaking_title { color: #3b1604; font-size: 15pt; font-family: "Times New Roman", Times, serif }
.color1   { color: #3b1604; font-weight: bold }
.color2   { color: #2b687b; font-weight: bold }
.color3 { color: #c95d1f; font-weight: bold }
.quote   { color: #c95d1f }
.indent   { padding-left: 50px }
.indent2 { padding-left: 20px }
.small { font-size: 8pt }
.diva { font-family: Georgia, "Times New Roman", Times, serif }
.float-right     { display: inline; margin: 0; float: right }
.float-left      { display: inline; margin: 0; padding-right: 10px; float: left }
/* signup form */
#signup .title { padding-bottom: 2px; padding-top: 6px; font-size: 8pt }
#signup .input   { color: #3b1604; font-size: 9pt; background: #88c5f1; padding-left: 4px; width: 200px; height: 16px; border: outset 0 }
#signup textarea  { color: #3b1604; background: #88c5f1; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; width: 200px; overflow: auto; border: outset 0 }
/* links */
a      { color: #c95d1f; text-decoration: none }
a:hover     { color: #2b687b; text-decoration: none }
a:focus { outline: none; }