body { margin: 0px; font: 12px/140% Verdana, Arial, Helvetica, sans-serif; color: #333333; background-color: #FFF; padding: 0px; }
/*---------------------------------main tags
---------------------------------------------------------------------*/
h1 { font-size: 130%; font-weight: bold; color: #666; }
h2 { font-size: 120%; font-weight: bold; color: #663366; line-height: 130%; }
.h2inline { font-size: 120%; font-weight: bold; color: #663366; }
h3 { font-weight: bold; color: #996633; font-size: 100%; }
.h3inline { font-weight: bold; color: #996633; font-size: 100%; }
h4 { font-weight: bold; color: #111; font-size: 100%; }
p { color: #111; }
ul { line-height: 200%; margin-left: 0px; padding-left: 0px; }
#textbook ul { line-height: 140%; margin-left: 0px; padding-left: 0px; }
ul li { list-style-type: none; }
#textbook ul li { list-style-type: none; margin-bottom: 5px; }
#web { line-height: 140%; margin-left: 0px; padding-left: 0px; }
#web li { margin-bottom: 10px; }
img { border: 0px; }
/*---------------------------------links
---------------------------------------------------------------------*/
a { text-decoration: underline; }
a:link, a:visited { color: #663366; }
a:hover { color: #CC9900; }
a:active { color: #996633; }
h3 a { font-weight: bold; text-decoration: underline; }
h3 a:link, h3 a:visited { color: #996633; font-weight: bold; }
h3 a:hover { color: #CC9900; font-weight: bold; }
h3 a:active { color: #996633; font-weight: bold; }
.smalllink a { font-weight: normal; text-decoration: underline; }
.smalllink a:link, .smalllink a:visited { color: #663366; }
.smalllink a:hover { color: #CC9900; }
.smalllink a:active { color: #996633; }
h2 a { font-weight: bold; text-decoration: none; }
h2 a:link, h2 a:visited { color: #663366; text-decoration: none; }
h2 a:hover { color: #CC9900; text-decoration: none; }
h2 a:active { color: #996633; text-decoration: none; }
.h2inline a { font-weight: bold; text-decoration: none; }
.h2inline a:link, .h2inline a:visited { color: #663366; text-decoration: none; }
.h2inline a:hover { color: #CC9900; text-decoration: none; }
.h2inline a:active { color: #996633; text-decoration: none; }
.h3inline a { font-weight: bold; text-decoration: underline; }
.h3inline a:link, .h3inline a:visited { color: #996633; }
.h3inline a:hover { color: #663366; }
.h3inline a:active { color: #CC9900; }
#textbook .h3inline a { font-size: 90%; }
li a { text-decoration: underline; font-style: italic; }
li a:link, li a:visited { color: #996633; }
li a:hover { color: #CC9900; }
li a:active { color: #996633; }
/*----------------------------------header
---------------------------------------------------------------------*/
#header { background-color: #FFF; margin: 25px auto 0px; padding: 0px; width: 710px; height: 54px; }
.logo { float: left; margin-top: 25px; }
/*----------------------------------nav
---------------------------------------------------------------------*/
a#who { width: 121px; height: 35px; display: block; float: left; }
a#who:link, a#who:visited { background: url(images/nav_who.gif) no-repeat center top; }
a#who:hover, a#who:active { background: url(images/nav_who.gif) no-repeat center -35px; }
a#what { width: 113px; height: 35px; display: block; float: left; }
a#what:link, a#what:visited { background: url(images/nav_what.gif) no-repeat center top; }
a#what:hover, a#what:active { background: url(images/nav_what.gif) no-repeat center -35px; }
a#why { width: 103px; height: 35px; display: block; float: left; }
a#why:link, a#why:visited { background: url(images/nav_why.gif) no-repeat center top; }
a#why:hover, a#why:active { background: url(images/nav_why.gif) no-repeat center -35px; }
a#when { width: 103px; height: 35px; display: block; float: left; }
a#when:link, a#when:visited { background: url(images/nav_when.gif) no-repeat center top; }
a#when:hover, a#when:active { background: url(images/nav_when.gif) no-repeat center -35px; }
/*----------------------------------home and contact page
---------------------------------------------------------------------*/
#hcontent { padding: 0px; width: 710px; margin: 0px auto; }
#hcontentleft { width: 355px; height: 205px; float: left; margin: 0px; }
#hcontentright { width: 355px; float: left; margin: 0px; }
.hometextwrap { width: 328px; margin: 0px 0px 0px 24px; background: url(images/fadegray.gif) repeat-x bottom; border: 1px solid #DDD; border-top: 1px solid #FFF; height: 300px; }
.hometext { padding: 0px 10px 10px 10px; }
.hometext .h2inline { font-size: 110%; font-weight: bold; color: #663366; }
#business_writing { background: url(images/business_writing.gif) no-repeat; text-indent: -9000px; width: 200px; height: 45px; }
#narrative_nonfiction { background: url(images/narrative_nonfiction.gif) no-repeat; text-indent: -9000px; width: 200px; height: 45px; }
#contact_sarah { background: url(images/contact_sarah.gif) no-repeat; text-indent: -9000px; width: 200px; height: 45px; margin: 0px 10px 10px 36px; }
#business_writing a, #narrative_nonfiction a, #contact_sarah a { display: block; width: 200px; height: 45px; }
#contactcontent { width: 710px; height: 260px; }
.contacttextwrap { width: 684px; margin: 0px 0px 0px 24px; background: url(images/fadegray.gif) repeat-x bottom; border: 1px solid #DDD; border-top: 1px solid #FFF; height: 250px; }
.contacttext { padding: 0px 10px 10px 47px; }
/*----------------------------------content
---------------------------------------------------------------------*/
#content { padding: 0px; width: 710px; margin: 0px auto; }
#sidebar { width: 81px; float: left; }
#text { width: 542px; padding: 25px 72px 30px 15px; float: left; background: url(images/topbac.gif) repeat-x; min-height: 400px; }
#textbook { width: 609px; padding-left: 15px; float: left; }
#textwide { width: 614px; padding-left: 15px; padding-top: 25px; float: left; }
#pinline { width: 710px; height: 1px; margin: 20px auto 5px auto; float: left; font-size: 0px; padding: 0px; line-height: 0px; background-color: #DDD; }
/*----------------------------------footer
---------------------------------------------------------------------*/
#footer { width: 710px; margin: 0px auto 15px; font-size: 9px; color: #999; line-height: 150%; height: 50px; padding-bottom: 15px; clear: left; }
#footer a { text-decoration: none; }
#footer a:link, #footer a:visited { color: #999; text-decoration: none; }
#footer a:hover { color: #663366; text-decoration: none; }
#footer a:active { color: #996633; text-decoration: none; }
.footer-left { float: left; }
.footer-right { float: right; font-weight: bold; }
/*----------------------------------other----------------------------------*/
.topnav { padding-bottom: 19px; }
.imageleft { float: left; }
.bookleft { float: left; padding-right: 10px; border: 0px; padding-bottom: 10px; }
.photoleft { width: 250px; float: left; padding: 5px 15px 10px 0px; border: 0px; text-align: left; }
.photoright { width: 250px; float: right; padding: 5px 0px 10px 15px; border: 0px; text-align: left; }
.caption { font-size: 10px; padding-top: 0px; margin-top: 5px; }
.a1photos { float: right; width: 255px; clear: both; margin: 0px 0px 10px 10px; padding: 5px 10px 5px 10px; border: 1px solid #DDD; }
.a1photo { float: left; width: 250px; padding: 10px 0px 10px 0px; }
.a1photoimage { text-align: center; width: 287px; }
.a1book { border: 0px; padding: 15px; 15px 15x 0px;
text-align: center; float: right; }
.a1booktn { float: right; padding-left: 8px; border: 0px; padding-top: 0px; }
.box { padding-left: 5px; padding-right: 5px; vertical-align: middle; }
.italicsmalltext { font-size: 90%; font-weight: normal; font-style: italic; }
.podcast { font-size: 90%; font-weight: bold; margin: 30px 0px; background: url(images/podcast.png) no-repeat left top; height: 10px; padding: 5px 0px 10px 73px; }
.smalllink { font-size: 90%; font-weight: normal; }
.book { padding-top: 10px; border-top: 1px solid #DDD; margin-top: 10px; width: 609px; float: left; }
.book p { font-size: 11px; }
.booktitle { font-size: 120%; font-weight: bold; color: #663366; font-style: italic; }
.section { padding: 0px 0px 10px; margin: 10px 0px 10px; }
.vt { color: #663366; }
.carrot { padding-right: 5px; padding-bottom: 3px; border: 0; }
.feature { float: right; padding: 8px; border: 1px solid #DDD; margin: 0px 10px 10px; width: 220px; }
.oriana { float: right; padding: 8px; border: 1px solid #DDD; margin: 0px 10px 10px; width: 220px; clear: right; text-align: center; }
.events { padding: 5px 10px 5px 10px; border: 1px solid #DDD; margin: 0px 0px 10px 10px; width: 255px; float: right; }
.events .h3inline { margin: 5px 0px; }
.events p { margin: 10px 0px; font-size: 11px; }
.buybutton { margin-top: 10px; }
.author { color: #111; font-size: 12px; font-style: normal; font-weight: normal; }
.quote { font-size: 10px; margin: 5px 0px; font-weight: bold; }
.quotee { font-size: 9px; color: #333; }
.nopad { padding: 0px; margin: 0px; }
.thumbnail { width: 245px; padding: 0px 10px 10px 10px; text-align: center; float: left; height: 200px; }
.thumbnail a { font-weight: normal; line-height: 120%; display: block; margin-top: 10px; background: none; font-size: 85%; }
.thumbnail img { border: 1px solid #DDD; }
.button { float: left; margin-right: 10px; width: 290px; }
.clear { clear: both; }
.well { float: right; width: 255px; padding: 5px 10px; margin: 0 0 10px 10px; border: 1px solid #ddd; }