body { margin: 0px; padding: 0px; background-color: #C3C3C3; font: 12px arial; color: #000; }
#wrapper { margin: auto; width: 815px; height: auto; background: url('../wsimages/bckgrnd_page.gif') repeat-y; }
#wrapper #header { position: relative; width: 800px; background: url('../wsimages/bckgrnd_header.gif') repeat-x; height: 91px; }
#wrapper #header #utilities { float: right; top: 0; right: 0; font: 11px arial; color: #FFF; margin-right: 10px; margin-top: 4px; }
#wrapper #header #utilities a { text-decoration: none; color: #FFF; text-transform: uppercase; font-family: "Trebuchet MS"; margin: 4px; }
#wrapper #header #utilities a:hover { text-decoration: underline; }
#wrapper #header #logo { margin: 0px; padding: 0px; margin-top: 0px; margin-left: 14px; font: 54px "Trebuchet MS"; font-weight: bold; color: #CCCCCC; }
#wrapper #header #logo img { margin-top: 10px; float: left; }
#wrapper #header #logo a { font: 54px "Tahoma"; color: #FFF; text-decoration: none; margin-top: 0; display: block; }
#wrapper #content { position: relative; width: 760px; height: auto; padding-left: 20px; padding-top: 20px; padding-right: 20px; margin-bottom: 10px; }
#wrapper #content #bookleft { float: left; width: 180px; text-align: center; position: relative; margin-top: 10px; }
#wrapper #content #bookright { float: right; width: 540px; position: relative; margin-top: 10px; }
#wrapper #content #text { margin: 0px; padding: 0px; }
#wrapper #content #authorbookwrap { width: 660px; margin: auto; padding: auto; text-align: center; }
#wrapper #content #authoritem, #wrapper #content #bookitem { float: left; width: 150px; margin-left: 10px; margin-bottom: 10px; text-align: center; }
#wrapper #content #authoritem { height: 150px; }
#wrapper #content #bookitem { height: 150px; }
#wrapper #content #authorleft { float: left; width: 180px; text-align: center; position: relative; margin-top: 10px; }
#wrapper #content #authorright { float: right; width: 540px; position: relative; margin-top: 10px; }
#wrapper #content #breadcrumb { margin: 0px; padding: 0px; font: 12px arial; color: #0066FF; margin-top: -12px; }
#wrapper #content #breadcrumb a:link, #content #breadcrumb a, #wrapper #content #breadcrumb a:visited { font: 12px arial; font-weight: bold; color: #0066FF; text-decoration: none; }
#wrapper #content #breadcrumb a:hover, #wrapper #content #breadcrumb a:active { text-decoration: underline; }
#wrapper #content #breadcrumb #bcrt { float: right; color: #333; }
#wrapper #content #breadcrumb #bcrt a { color: #333; font-weight: normal; text-decoration: underline; }
#wrapper #content #breadcrumb #bcrt a:hover { color: #999; font-weight: normal; text-decoration: none; }
#wrapper #content h1, #wrapper #content h2 { margin: 0px; padding: 0px; margin-top: 8px; margin-bottom: 8px; font: 20px arial; font-weight: bold; color: #0066FF; }
#wrapper #content h2 { margin-top: 14px; }
#wrapper #content p { margin: 0px; padding: 0px; margin-bottom: 10px; }
#wrapper #content ol, #wrapper #content ul { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
#wrapper #content a { font: 12px arial; color: #0066FF; }
#wrapper #content a:hover { text-decoration: none; }
#wrapper #footer { font: 10px arial; position: relative; width: 784px; height: 32px; background: url('../wsimages/bckgrnd_footer.gif') no-repeat; text-align: right; padding-top: 10px; padding-right: 30px; }
#wrapper #nav { position: relative; width: 808px; height: 36px; background: url('../wsimages/nav_bckgrnd.gif') no-repeat; margin-top: 0px; }
#wrapper #nav ul#topnav { margin: 0px; padding: 0px; }
#wrapper #nav ul#topnav li { display: inline; height: 42px; width: auto; }
#wrapper #nav ul#topnav li div { display: block; float: left; margin: 0px; padding: 0px; }
#wrapper #nav ul#topnav li div#navdiv { width: 2px; margin-top: 4px; }
#wrapper #nav ul#topnav li div#lnk { height: 18px; width: auto; padding: 9px; padding-top: 10px; }
#wrapper #nav ul#topnav li div#lnk a { color: #FFF; text-decoration: none; text-transform: uppercase; font: 11px "Arial"; }
#wrapper #nav ul#topnav li div#lnk:hover, #wrapper #nav ul#topnav li#lnk:hover { text-decoration: none; background-color: #757575; height: 18px; margin-top: -4px; padding-top: 12px; }
/* hide from IE mac \*/
#nav li { width: auto; }
/* end hiding from IE5 mac */
/* default setup that everything sees */
.shadow { /* Needed for Gecko */ line-height: 150px; white-space: nowrap; }
/* 
 * used by browsers which know about
 * :before to create the shadow 
*/
.shadow:before { display: block; margin: 0 0 -2.12em 0.15em; padding: 0; color: #666666; }
#shadow_1:before { content: 'In shadow'; }
#second_2:before { content: 'Happy Shadowing!'; }
.dummyend[id]{ clear: both; }
.dummyend[id]{ clear: both; }