body { padding: 0; font: 80% sans-serif, verdana, tahoma; line-height: 1.5em; 
    background: #ffffff url(img/Bg.jpg) top left; }
 
#container { width: 800px; margin: 20px auto; background-color: #eeeeee; }

a { text-decoration: none; color: #15317E }
a:hover { text-decoration: underline; color: #000000; }

#head { width: 800px; height: 167px; margin: 0; padding: 0; }
#headgap { width: 800px; margin: 0; padding: 0; height: 42px; background-color: #eeeeee; }



#main { width: 800px; height: 100%; background-color: #eeeeee; }
#main p { padding: 7px; font-size: 1.0em; }
#main p:first-letter{ font-size: 2.3em; }
#main h1 { text-align: left; font-size: 1.2em; font-weight: 600; color: #151B54; padding: 20px 0 0 40px; }
#main h1:first-letter { font-size: 2.1em; color: #151B54; }
#main h2 { text-align: left; font-size: 1.0em; font-weight: 500; padding-left: 170px; }
#main h3 { text-align: right; font-size: 2.7em; font: impact; font-weight: 800;
                                    padding-right: 40px; padding-bottom:0; margin-bottom:0; }

#main h4 { text-align: center; font-size: 1.1em; }
#main h5 { text-align: right; padding-right: 50px; font-size: 0.9em; }
#main h6 { font-size: 1.0em; font-weight: 500; padding: 0 10px 0 0; margin: 0; }

.small { font-size: 1.4em; font: Imapct;  font-weight: 600; text-align: right; 
                                                 padding: 10px 45px 0 0; margin: 0; }

#main ul { list-style: none; padding-left: 30px; }
#main li { background: url(img/blt.jpg) 0 0 no-repeat; padding: 0 0 15px 28px; font-size: 1.1em; font-weight: 600;}


#chboxl { clear: left; margin-left: 50px; width: 100px; float: left; font-size: 1.1em; font-weight: 600; }
#chboxr { width: 20px; float: left; font-size: 1.1em; font-weight: 600; }
#chboxm { width: 200px; float: left; font-size: 1.1em; font-weight: 600; }

#bookboxa { float: right; width: 232px; height: 278px; background-image:url(img/cover.jpg); }

#purchase { float: left; width: 320px; margin-left: 15px; }
#purchase p { font-size: 1.1em; font-weight: 700; line-height: 1.3em; }
#purchase p:first-letter { font-size: 2.0em; }

#picboxa { clear: left; width: 140px; height: 193px; float: left; margin-left: 75px; background-image: url(img/Control.jpg); }
#picboxb { width: 140px; height: 193px; float: left; margin-left: 10px; background-image:url(img/Competence.jpg); }
#picboxc { width: 140px; height: 193px; float: left; margin-left: 10px; background-image:url(img/Achievement.jpg); }

#picboxd { clear: left; width: 140px; height: 193px; float: left; margin-left: 75px; background-image: url(img/lonely.jpg); }
#picboxe { width: 140px; height: 193px; float: left; margin-left: 10px; background-image:url(img/Helpless.jpg); }
#picboxf { width: 140px; height: 193px; float: left; margin-left: 10px; margin-top: 15px; background-image:url(img/Nothing.jpg); }

#bookbox { width: 159px; height: 191px; float: right; margin: 10px 20px 0 10px; background-image: url(img/covertwo.jpg);  }

#neilpic { width: 259px; height: 224px; float: right; margin-left: 20px; background-image:url(img/Neil.jpg); }

#footer { clear: both; width: 800px; margin: 0; padding: 0; border-top: 1px groove #aaaaaa; background-color: #eeeeee; }
#footer p { text-align: center; color: #aaaaaa; }

#chapter { float: right; margin-right: 10px; }



 #round { width: 80%; position: relative; margin: 0 0 0 80px; background: #ffffff url(img/leftside.gif) repeat-y left top; }

   .top { width: 100%; height: 20px; background: url(img/top.gif) no-repeat left top; }
.top span { display: block; position: relative; height: 20px; background: url(img/top-right.gif) no-repeat right top; }
.center { position: relative; background: url(img/rightside.gif) repeat-y right top;
                                      padding: 1px 20px 1px 25px; margin: -1px 0 -50px 0; }

     .bottom { height: 60px; background: url(img/bottom.gif) no-repeat left bottom; }
.bottom span { display: block; position: relative; height: 60px; background: url(img/bottom-right.gif) no-repeat right top; }


  
.right { text-align: right;  }



#tabsF { float: left; width: 100%; background: #efefef; font-size: 93%; line-height: normal; border-bottom: 1px solid #666666; }
#tabsF ul { margin: 0; padding: 10px 10px 0 35px; list-style: none; }
#tabsF li { display: inline; margin: 0; padding: 0; }
#tabsF a { float: left; margin: 0; padding: 0 0 0 4px; text-decoration: none;
                                                    background:url(img/tableftF.gif) no-repeat left top; }
#tabsF a span { float: left; display: block; background: url(img/tabrightF.gif) no-repeat right top;
                                                               padding: 5px 15px 4px 6px; color: #666666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float: none;}
/* End IE5-Mac hack */
#tabsF a:hover span { color: #ffffff; }
#tabsF a:hover { background-position: 0% -42px; }
#tabsF a:hover span { background-position: 100% -42px; }
#tabsF #current a { background-position: 0% -42px; }
#tabsF #current a span { background-position: 100% -42px; }

#tabs10 { float: left; width: 100px; font-size: 93%; line-height: normal; }
#tabs10 ul { margin: 0; padding: 10px 10px 0 0; list-style: none; }
#tabs10 li { display:inline; margin:0; padding:0;  }
#tabs10 a { float: left; margin:0; padding: 0 0 0 4px; text-decoration: none;
                                           background:url(img/tableft10.gif) no-repeat left top; }
#tabs10 a span { float: left; display: block; padding: 5px 15px 4px 6px; color: #ffffff;
                                        background: url(img/tabright10.gif) no-repeat right top; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {float: none;}
/* End IE5-Mac hack */
#tabs9 a:hover span { color: #ffffff; }
#tabs10 a:hover { background-position: 0% -42px; }
#tabs10 a:hover span { background-position: 100% -42px; }
#tabs10 #current a { background-position: 0% -42px; }
#tabs10 #current a span { background-position: 100% -42px; }