html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img {margin:0; padding:0; border:0;}
html, body {background-color:#CAF1ED; font-family:Verdana, Arial, helvetica; color:#333; font-size:11px; font-weight:normal; line-height:17px;}
ul,li{list-style: none;}
address{padding: 0 0 0 5px; font-size: 13px; font-weight: bold;}

#wrap {width:802px; margin-left:auto; margin-right:auto; margin-bottom:100px; margin-top:15px;}
#shadow {width:802px; margin-left:auto; margin-right:auto; background-image:url(../images/u-shadow.jpg);}
#middle {width:802px; margin-left:auto; margin-right:auto; clear: both; overflow: hidden;}
#middle #navLinks{padding: 0 0 0 3px;  overflow: hidden;}
#middle2 {width:770px; margin-left:auto; margin-right:auto; padding-left:13px; padding-right:13px; padding-top: 8px; background-color:#F9ECCF; background-image:url(../images/u-m.jpg); background-repeat:repeat-x;}
#footer {width:100%; margin-top:20px; color:#5B817D; padding-left:15px;}
ul {margin-left:30px;}
li {margin-top:6px;}
input {border:1px #333333 solid;}
textarea {border:1px #333333 solid;}

p { margin-top:13px;}
h1 {color:#00B1CB; font-size:25px; line-height:29px; font-weight:normal;}
h2 {color:#52DBEF; font-size:15px; line-height:19px; font-weight:normal; margin-top:15px;}
.outline {border: #B86F3B solid 1px; background-color:#fff; overflow: hidden;}
.bluelink {font-size:15px; color:#40C4D8; text-decoration:none; line-height:19px; font-weight:normal;}
.bluelink:hover {color:#84D27E;}
.link {color:#ff6600; text-decoration:underline;font-weight:normal;}
.link:hover {color:#84D27E;}
.flink {color:#5B817D; text-decoration:underline;font-weight:normal;}
.flink:hover {color:#ff6600;}
.quote q,.quote h3{font-size: 20px; line-height: 21px;}
.quote h3{font-weight: normal !important;}
.quote p{padding: 0 0 0 5px; margin: 8px 0 0; font-size: 16px; font-style: italic; line-height: 19px;}
p.address{width: 400px; padding: 0 0 10px;}

img.photo{margin: 0 5px 0; padding: 2px; float: right; border: #B86F3B solid 1px;}
div#authorInfo{width: 57%; float: left;}

#topImg{padding: 0; margin: 0; clear: both; float: none !important;}
#middle a{height: 45px; display: block; float: left; margin: 0; padding: 0;}
#middle img{float: left;}
#authorLink{width: 151px; background: transparent url('../images/n-1-b.png') -151px 0 no-repeat;}
#authorLink:hover{background-position: 0px;}
#bookLink{width: 53px; background: transparent url('../images/n-2-b.png') -53px 0 no-repeat;}
#bookLink:hover{background-position: 0px;}
#reviewLink{width: 164px; background: transparent url('../images/n-3-b.png') -164px 0 no-repeat;}
#reviewLink:hover{background-position: 0px;}
#contactLink{width: 124px; background: transparent url('../images/n-4-b.png') -124px 0 no-repeat;}
#contactLink:hover{background-position: 0px;}
#charityLink{width: 50px; background: transparent url('../images/n-5-b.png') -50px 0 no-repeat;}
#charityLink:hover{background-position: 0px;}
#blogLink{width: 58px; background: transparent url('../images/n-6-b.png') -61px 0 no-repeat;}
#blogLink:hover{background-position: 0px;}

div#summary{clear: both; padding: 0; margin: 0;}
div#summary ul{width: 60%; padding: 0 0 20px 15px; margin: 0; float: left; font-size: 14px;}
p#buyBook{float: right; padding: 0 30px 0 0;}
img#bookup{padding: 0 0 0 18px;}
div#interviewContainer{float: left; width: 62%;}
div#interviewContainer div.quote{width: 90%; border-bottom: 2px dashed #ccc;}
div#interviewContainer div.quote p{font-style: normal;}
div#interviewContainer div.quote br{margin-bottom: 15px;}
#quoteFloat{width: 62%; float: left;}
/*place the various demo menus around the screen (note: 1, 3, 4 and 7 are horizontal; 2, 5 and 6 are vertical)...*/
  /*if you want to space the images out you can pad them, BUT...
    (a) be aware that for any coefficient other than 1 (linear) this can (will) throw out calculation of the leading edge of the menu
    (b) use a DOCTYPE, otherwise IE will get the spacing wrong
	 (c) Opera v9.5 sometimes has problems with the main axis dimension that I haven't managed to solve yet
    for example...*/
  #menuContainer{float: left; width: 180px; height: 100px; padding: 0 0 5px 0px; margin: 0 0 10px; border-bottom: 2px dashed #ccc;}
  #menuContainer h2{font-size: 16px; font-weight: bold; color: #333; margin: 0; padding: 0 0 15px 0px;}
  #menu img {padding:15px 2px 0px;}
  #lookUpHeader{display: block; clear: both;}
/*dock styling...*/
/*docks (div.jqDock) get absolute position, zero padding and margin, and visible overflow; width and height are calculated*/
  /*...set a default dock background colour...*/
  div.jqDock {background-color:transparent; margin-left: 0 !important}


/*label styling...*/
/*labels (div.jqDockLabel) only get absolute position and zero margin (with top and left being calculated); the rest is up to you*/
  /*...let's set some defaults...*/
  div.jqDockLabel {border:0px none; padding:0px 4px; font-weight:bold; font-size:18px; font-style:italic; white-space:nowrap; color:#333; background-color:transparent;}
  div.jqDockLabelLink {cursor:pointer;}
  div.jqDockLabelImage {cursor:default;}