/*******************************************************************************/
/* FLASH REPLACEMENTS */
html.hasFlash .bodyLeft h1    { visibility: hidden;  }
html.hasFlash .bodyRight h1    { visibility: hidden; }
html.hasFlash #rightSideContent h1    { visibility: hidden; }

/*******************************************************************************/
/* HTML ELEMENTS */

body { background: url(/_images/bg.gif); background-color: #DED6E1; color: #634E6B; margin: 0px; padding: 0px; font-size: 62.5%; font-family:Arial, Helvetica, sans-serif; }
html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

/*******************************************************************************/
/* PAGE ELEMENTS */

#page { width: 725px; margin: auto; background: #DED6E1 url(/_images/bg.jpg) repeat-y center; }

/*******************************************************************************/
/* HEADER ELEMENTS */
#theHeader { background: url(/_images/header_bg.jpg) no-repeat; width: 725px; margin: auto; height: 145px; clear: both; }
#theHeader .logo { margin: 40px 0px 0px 22px; }
#theHeader .order { margin: 10px 30px 0px 0px; }

/*******************************************************************************/
/* BODY ELEMENTS */

#theContent { width: 684px; margin: auto; clear: both; padding-bottom: 25px; }

.bodyLeft { margin: 10px 0px 20px 10px; width: 410px; float: left; clear:left; }
.bodyLeft h1 { font-size: 1.4em; font-weight: bold; color: #866992; margin: 0px; padding: 0px; height: 55px; }
.bodyLeft p { font-size: 1.2em; line-height: 1.4em; padding: 0px; margin: 0px 0px 10px 5px;}
.bodyLeft a { color: #866992; }
.bodyLeft a:hover { color: blue; }
.bodyLeft ul { margin: 5px 15px; padding: 0px; }

.bodyRight { margin: 15px 10px 0px 0px; width: 223px; float:right; clear: right; padding: 0px; }


/*******************************************************************************/
/* NAV ELEMENTS */

#nav { width: 725px; margin: auto; clear: both; }
#nav ul { margin: 0px; padding: 13px 20px; text-align:right; }
#nav li { list-style: none; color: #fef5db; display: inline; font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px; margin: 0px; text-transform: uppercase; font-weight: bold; }
#nav li a { color:#fef5db; text-decoration: none; }
#nav li a:hover { color: #fff }

/*******************************************************************************/
/* FOOTER ELEMENTS */

#theFooter { background: url(/_images/footer_bg.jpg) no-repeat; width: 725px; margin: 0px auto; height: 99px; clear:both; }
#theFooter ul { margin: 0px; padding: 15px; text-align:center; }
#theFooter li { list-style: none; color: #3C2F40; display: inline; font-size: .9em; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; }
#theFooter li a { color:#3C2F40; text-decoration: none; }
#theFooter li a:hover { color: #FFF; }
#theFooter p { margin-top: 10px; padding: 0px; text-align: center; font-weight:bold; }
/*******************************************************************************/
/* MISC ELEMENTS */

.floatLeft { width: 48%; float: left; clear:left; }
.floatRight { width: 48%; float: right; clear: right; text-align: right; }
img { border: none; }
.askTheDr input, .askTheDr textarea { display: block; width: 200px; background-color: #d2b6dc; border: 1px solid #81668c; padding: 1px;}
.askTheDr { color: #cea2e0; font-size: 1.2em; background-color: #644370; margin-bottom: 10px; }
.askTheDr p { margin: 0px; padding: 5px 0px; font-weight: bold; margin: 0px; }
.askTheDr form { padding: 10px; margin: 0px; }
.askTheDr .button { background-color: #3d2447; margin-top: 5px; color: #cea2e0; font-weight: bold; font-size: 1.1em; }
.askTheDr img { display: block; }

.bookImage { padding: 5px 10px 35px 0px; }