body { 
background: #000000; 
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
text-align: center;
}
a {
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #9795AB;
font-weight: bold;
}
a:hover {
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #C7BFFE;
font-weight: bold;
}
.formfield  {
font: 11px Geneva,Arial,Tahoma,sans-serif;
color: #4A4B5D;
background-color: #ffffff;
text-decoration: none;
font-weight: normal;
text-align: left;
}
.button  {
font: 11px/15px Geneva,Arial,Tahoma,sans-serif;
color: #333399;
background-color: #ffffff;
text-decoration: none;
font-weight: bold;
text-align: center;
}
h1 {
font: 17px/24px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
}
h2 {
font: 16px/24px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
}
h3 {
font: 15px/18px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
}
h4 {
font: 14px/18px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
}

#container {
position: absolute;
left: 50%;
margin-left: -376px;
width: 751px;
}
#navigation {
background: url(../images/sw_nav_bkgd.gif) repeat-y;
position: absolute;
left: 0px;
top: 0px;
width: 131px;
height: 541px;
vertical-align: top;
margin: 0px;
padding: 0px;
}
.subnav {
border: #E5E5DB solid 1px;
}
.sub {
background-color: #D9D9C4;
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
color: #5C5C26;
font-weight: bold;
border: #660000 solid 1px;
padding: 0px 2px 0px 4px;
text-align: left;
}
a.sublink:link, a.sublink:active, a.sublink:visited {
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
color: #5C5C26;
font-weight: bold;
text-decoration: none;
}
a.sublink:hover {
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
color: #6666ff;
font-weight: bold;
text-decoration: none;
}
#rightcolumn {
position: absolute;
left: 131px;
top: 0px;
width: 620px;
}

#nametitle h1 {
position: absolute;
top: 36px;
left: 377px;
background: url(../images/sw_name.gif) no-repeat;
width: 210px;
height: 71px;
margin: 0px;
}
#nametitle h1 span.logo {
display: none;
}
#nametitlebeige h1 {
position: absolute;
top: 36px;
left: 377px;
background: url(../images/sw_name_onbeige.gif) no-repeat;
width: 210px;
height: 71px;
margin: 0px;
}
#nametitlebeige h1 span.logo {
display: none;
}
#nametitlelt h1 {
position: absolute;
top: 36px;
left: 377px;
background: url(http://www.stephaniewilliams.com/images/sw_name_lt.gif) no-repeat;
width: 210px;
height: 71px;
margin: 0px;
}
#nametitlesynopsis h1 span.logo {
display: none;
}
#nametitlesynopsis h1 {
position: absolute;
top: 36px;
left: 377px;
background: url(http://www.stephaniewilliams.com/images/sw_name_synopsis.gif) no-repeat;
width: 210px;
height: 71px;
margin: 0px;
}
#nametitlelt h1 span.logo {
display: none;
}

#footer {
position: absolute;
font: 9px/14px Geneva,Arial,Tahoma,sans-serif;
color: #666666;
font-weight: normal;
text-align: center;
top: 545px;
left: 0px;
width: 620px;
}
#footer a {
font: 9px/14px Geneva,Arial,Tahoma,sans-serif;
color: #666666;
font-weight: normal;
text-align: center;
}
#footer a:hover {
font: 9px/14px Geneva,Arial,Tahoma,sans-serif;
color: #9A9A60;
font-weight: normal;
text-align: center;
}



#mainbox {
background: url(../images/sw_home_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#book {
position: absolute;
top: 394px;
left: 12px;
width: 250px;
height: 138px;
margin: 0px;
font: 14px/18px Geneva,Arial,Tahoma,sans-serif;
color: #6666FF;
font-weight: normal;
text-align: left;
}
#book a {
font: 14px/18px Geneva,Arial,Tahoma,sans-serif;
color: #6666FF;
font-weight: normal;
text-decoration: none;
}
#book a:hover {
text-decoration: underline;
}
#newsblog {
position: absolute;
top: 210px;
left: 375px;
text-align: left;
}
form {
padding: 0px 0px 8px 1px;
margin: 0px;
}
select {
background-color: #eee;
}
div.news {
border: solid 1px #34341D;
overflow: auto;
width: 230px;
height: 220px;
/* IEWin only */
scrollbar-track-color: #9A9A8F;
scrollbar-face-color: #FFFFFF;
scrollbar-darkshadow-color: #B4B4AD;
scrollbar-shadow-color: #CFCFCA;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #FFF0EE;
scrollbar-arrow-color: #CFCFCA;
}
div.newsentry {
width: 210px;
background-color: #ffffff;
}
div.newsdate {
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: bold;
background-color: #C5C5C3;
padding: 1px 5px;
margin: 0px;
}
div.newstext {
padding: 1px 5px;
margin: 0px;
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
border-bottom: solid 1px #9A9A8F;
}
div.newserror {
color: #f00;
}



#aboutbox {
background: url(../images/sw_about_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#abouttext {
position: absolute;
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
text-align: justify;
top: 142px;
left: 354px;
width: 230px;
height: 350px;
}
.fullbio {
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
color: #3333CC;
font-weight: normal;
text-align: right;
}



#writingsbox {
background: url(../images/sw_writings_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#writingstext {
position: absolute;
overflow: auto;
border: 1px solid #CECE89;
background-color: #F3F3E3;
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
text-align: justify;
padding: 12px;
top: 195px;
left: 45px;
width: 428px;
height: 245px;
/* IEWin only */
scrollbar-track-color: #57552A;
scrollbar-face-color: #F5F5E2;
scrollbar-darkshadow-color: #474518;
scrollbar-shadow-color: #A5A569;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-arrow-color: #908E69;
}
a.writingslinks {
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: bold;
text-decoration: underline;
}



#synopsisbox {
background: url(../images/sw_synopsis_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#synopsistext {
position: absolute;
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #ffffff;
font-weight: normal;
text-align: justify;
top: 135px;
left: 73px;
width: 513px;
height: 360px;
}



#reviewsbox {
background: url(../images/sw_reviews_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#reviewstext {
position: absolute;
overflow: auto;
border: 1px solid #D4D4A0;
background-color: #F5F5E2;
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
text-align: justify;
padding: 12px;
top: 180px;
left: 117px;
width: 470px;
height: 270px;
/* IEWin only */
scrollbar-track-color: #696743;
scrollbar-face-color: #F5F5E2;
scrollbar-darkshadow-color: #696743;
scrollbar-shadow-color: #A5A569;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-arrow-color: #908E69;
}
a.reviewslinks {
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
text-decoration: underline;
}
a.reviewslinks:hover {
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
font-weight: normal;
text-decoration: underline;
}



#commentsbox {
background: url(../images/sw_typewriter_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#commentstext {
position: absolute;
overflow: auto;
border: 1px solid #CECE89;
background-color: #F3F3E3;
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
text-align: left;
padding: 2px;
margin: 0px;
top: 160px;
left: 19px;
width: 580px;
height: 360px;
/* IEWin only */
scrollbar-track-color: #57552A;
scrollbar-face-color: #F5F5E2;
scrollbar-darkshadow-color: #474518;
scrollbar-shadow-color: #A5A569;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-arrow-color: #908E69;
}
.textheader {
font: 14px/24px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: bold;
text-align: center;
padding-top: 10px;
}
.sign {
font: 11px/16px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
overflow: auto;
font-weight: normal;
/* IEWin only */
scrollbar-track-color: #9A9A8F;
scrollbar-face-color: #FFFFFF;
scrollbar-darkshadow-color: #B4B4AD;
scrollbar-shadow-color: #CFCFCA;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #FFF0EE;
scrollbar-arrow-color: #CFCFCA;
}
.nametable {
background-color: #CECE89;
font-family: Verdana;
font-size: 11px;
color: #000000;
border-bottom-width: 0px;
border-color: #000000;
border-left-width: 1px;
border-right-width: 0px;
border-style: solid;
border-top-width: 1px;
}
.commentstable {
background-color: #CECE89;
font-family: Verdana;
font-size: 12px;
color: #000000;
border-bottom-width: 0px;
border-color: #000000;
border-left-width: 0px;
border-right-width: 1px;
border-style: solid;
border-top-width: 1px;
}
.infotable {
background-color: #CECE89;
font-family: Verdana;
font-size: 10px;
color: #000000;
border-bottom-width: 1px;
border-color: #000000;
border-left-width: 0px;
border-right-width: 1px;
border-style: solid;
border-top-width: 0px;
}
.imagestable {
background-color: #CECE89;
font-family: Verdana;
font-size: 12px;
color: #000000;
border-bottom-width: 1px;
border-color: #000000;
border-left-width: 1px;
border-right-width: 0px;
border-style: solid;
border-top-width: 0px;
}
.editmenu {
font-family: Verdana;
font-size: 11px;
background-image: none;
border-bottom-width: 0px;
border-color: none;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-top-width: 0px;
color: #000000;
}
#maianfooter {
font: 9px/14px Geneva,Arial,Tahoma,sans-serif;
color: #666666;
font-weight: normal;
text-align: center;
}
#maianfooter a {
font: 9px/14px Geneva,Arial,Tahoma,sans-serif;
color: #666666;
font-weight: normal;
text-align: center;
}
#maianfooter a:hover {
font: 9px/14px Geneva,Arial,Tahoma,sans-serif;
color: #9A9A60;
font-weight: normal;
text-align: center;
}


#orderbox {
background: url(../images/sw_order_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#ordertext {
position: absolute;
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #ffffff;
font-weight: normal;
text-align: justify;
top: 275px;
left: 300px;
width: 300px;
height: 300px;
}
a.orderlinks {
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}
a.orderlinks:hover {
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
font-weight: normal;
text-decoration: underline;
}
#bookimage {
position: absolute;
top: 257px;
left: 160px;
width: 107px;
height: 178px;
}



#pressbox {
background: url(../images/sw_press_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#presstext {
position: absolute;
font: 14px/18px Geneva,Arial,Tahoma,sans-serif;
color: #ffffff;
font-weight: bold;
text-align: center;
top: 260px;
left: 210px;
width: 200px;
height: 50px;
}



#updatebox {
background: url(http://www.stephaniewilliams.com/images/sw_update_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#maillist {
position: absolute;
top: 150px;
left: 260px;
width: 320px;
height: 357px;
margin: 0px;
text-align: left;
}
.phplist {
margin: 0px;
font: 12px/16px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
text-decoration: none;
font-weight: normal;
text-align: left;
}
.required  {
font: 12px/16px Geneva,Arial,Tahoma,sans-serif;
text-decoration: none;
font-weight: bold;
text-align: left;
}
.attributeinput  {
font: 12px/16px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
text-decoration: none;
font-weight: normal;
text-align: left;
}
.attributename  {
font: 12px/16px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
text-decoration: none;
font-weight: normal;
text-align: left;
}
#phplist input {
font: 12px/16px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
text-decoration: none;
font-weight: normal;
text-align: center;
}
#phplist a {
font: 12px/16px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
text-decoration: none;
font-weight: bold;
text-align: left;
}



#contactbox {
background: url(../images/sw_contact_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#contacttext {
position: absolute;
font: 12px/12px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
text-align: left;
top: 56px;
left: 50px;
width: 287px;
height: 271px;
}
#thankstext {
position: absolute;
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
text-align: left;
top: 100px;
left: 50px;
width: 250px;
height: 271px;
}
a.thankslinks {
font: 12px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: bold;
text-decoration: underline;
}
.formalert {
color: #cc3300;
font-size: 11px;
}

#creditsbox {
background: url(../images/sw_credits_photo.jpg) no-repeat;
border: 1px solid #9A9A60;
position: absolute;
left: 0px;
top: -1px;
width: 618px;
height: 540px;
}
#creditstext {
position: absolute;
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
text-align: left;
top: 30px;
left: 60px;
width: 230px;
height: 350px;
}
#creditstext2 {
position: absolute;
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
text-align: left;
top: 135px;
left: 360px;
width: 210px;
height: 350px;
}
#creditstext3 {
position: absolute;
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
color: #333333;
font-weight: normal;
text-align: left;
top: 320px;
left: 260px;
width: 310px;
height: 350px;
}
