/* CSS Document - authored by brad@kaloupek.com 4/30/07
#9a1a17 - red body
#f2b811 - Yellow text - active state
#fff - inactive nav
#a12926 - text color
#c48934 - text link color
*/

body {background-color:#9a1a17; text-align: center; margin:30px 0 0 0; color: #a12926; font-family: Helvetica, Arial, sans-serif; font-size:12px;}
#wrapper {margin: 0 auto;text-align:left;width: 843px;}	

#topBar {padding: 0 20px 0 20px; }
#topFunctions {float:left; height:40px;}
#emailPage {}
#printPage {}
#swahiliNav {margin: 10px 0 0 0px; float: right;	text-align:right;}
#swahiliNav ul {margin: 0; padding:0; display: inline; list-style:none;	font: 10px/30px "Helvetica-Neue", Helvetica, Arial, sans-serif;	color: #fff;}	
#swahiliNav li {margin: 0 0 0 5px; display: inline; height: 40px; list-style:none; width:500px;}
#swahiliNav li.pipe, #homeNav li.home {}
#swahiliNav a {color:#fff; text-decoration:none;}
#swahiliNav a:link, #swahiliNav a:visited {color:#fff; text-decoration:none;}
#swahiliNav a:hover, #swahiliNav a#active {color:#f2b811; text-decoration:none;}


#header {clear:both; height:175px; background: url(../images/headerBG.jpg) no-repeat 0px 0px;}
#header-book {clear:both; height:175px; background: url(../images/book/headerBG-book.jpg) no-repeat 0px 0px;}
#headerButtons{float:right; padding: 10px 21px 0 0;}

#swahiliBookNav {font-size:11px; color:#f2b811; top:145px; left:4px; position:relative;}
html>body #swahiliBookNav {left:20px;}

#swahiliBookNav ul { width: 455px; padding: 0 0 0 0px; height: 20px;list-style: none; display:inline;}
#swahiliBookNav ul li a {position: absolute; top: 0px;text-indent: -9000px;text-decoration: none; padding: 20px 0 0 0; overflow: hidden; height: 0px !important; 
height /**/:20px; /* IE5/Win */
background: #9a1a17 url(../images/swahili_nav.gif) no-repeat 0px 0px;}

body li#intro a {width: 64px; background-position: 0 0px; left: 0px;}
body li#intro a:hover { background-position: 0 -20px; }
body li#intro a#active { background-position: 0 -20px;}
body li#book a {width: 55px; background-position: -64px 0px; left: 64px;}
body li#book a:hover { background-position: -64px -20px; }
body li#book a#active { background-position: -64px -20px;}
body li#author a {width: 65px; background-position: -118px 0px; left: 118px;}
body li#author a:hover { background-position: -118px -20px; }
body li#author a#active { background-position: -118px -20px;}
body li#reviews a {width: 68px; background-position: -183px 0px; left: 183px;}
body li#reviews a:hover { background-position: -183px -20px; }
body li#reviews a#active { background-position: -183px -20px;}
body li#av a {width: 44px; background-position: -250px 0px; left: 250px;}
body li#av a:hover { background-position: -250px -20px; }
body li#av a#active { background-position: -250px -20px;}
body li#pr a {width: 38px; background-position: -293px 0px; left: 293px;}
body li#pr a:hover { background-position: -293px -20px; }
body li#pr a#active { background-position: -293px -20px;}
body li#tour a {width: 55px; background-position: -330px 0px; left: 330px;}
body li#tour a:hover { background-position: -330px -20px; }
body li#tour a#active { background-position: -330px -20px;}
body li#order a {width: 65px; background-position: -385px 0px; left: 385px;}
body li#order a:hover { background-position: -385px -20px; }
body li#order a#active { background-position: -385px -20px;}

#homeSidePhoto{float:right;}
#swahiliHomeContent { background: url(../images/bg.gif) repeat-y 0px 0px; padding: 0 21px 0 50px; }

#swahiliHomeContent #textArea {width:300px;}
#textArea h1 {color:#a12926; font: 24px/28px "Helvetica Neue Light", "Helvetica Neue 45 Light", Helvetica, Arial, sans-serif;  font-weight: normal; margin: 0 0 0 0;}
#textArea h3 { color:#a12926; margin: 0 0 0px  0; font: bold 15px/20px "Trajan", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase;}

#textArea p { color:#a12926; margin: 0 0 15px  0; font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;}
#swahiliHomeContent #textArea p {font: 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;}

#textArea a {color:#9c6f2a; text-decoration:none; font-weight:bold;}
#textArea a:hover {text-decoration:underline; }
#textArea p.quote, #textArea span.quote {color:#9c6f2a; font: italic normal 16px/20px "Times New Roman", Times, serif;}
#textArea span.largeText {font-size:14px; line-height:20px;}

#textArea ul {margin: 10px 0;}
#textArea li {margin: 0px 0 5px 0;}

#textArea table.prTable {color:#a12926; }
#textArea hr {color: #e39945; height:1px; background: url(../images/orange_lineBG.gif) repeat-x 0px 0px; border:none; margin: 0 0 15px 0; text-shadow:none; text-decoration: none; }

#narrowSideBar h3 {color:#a12926; margin: 0px 0 0 25px; font: bold 15px/20px "Trajan", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#narrowSideBar p {color:#a12926; margin: 0px 0 15px 25px; font: 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif; width:200px;}
#narrowSideBar p.quote {color:#9c6f2a; width:200px; font: italic 12px/18px  "Times New Roman", Times, serif;}
#narrowSideBar p.yellowText {color:#9c6f2a;}
#narrowSideBar a {color:#9c6f2a; text-decoration:none; font-weight:bold;}
#narrowSideBar a:hover {text-decoration:underline; }

#swahiliBookContent {background: url(../images/book/bookBG.gif) repeat-y 0px 0px; padding: 20px 21px 20px 20px; }
#swahiliBookContent #textArea { width:525px; margin: 0 0 0 265px; }
#swahiliBookContent #artifact {background: url(../images/book/artifact_beads.jpg) no-repeat 131px 160px;}
#swahiliBookContent #sidebarLine  {background: url(../images/orange_lineBG.gif) repeat-y 245px 0px;}
#swahiliBookContent #narrowSideBar {float: left; width: 245px;}


#swahiliAuthorContent { background: url(../images/book/bookBG.gif) repeat-y 0px 0px; padding: 20px 21px 20px 20px; }
#swahiliAuthorContent #textArea {float: left; width:515px; padding: 0 0 0 20px;}
#swahiliAuthorContent #artifact {}
#swahiliAuthorContent #sidebarLine  {background: url(../images/orange_lineBG.gif) repeat-y 555px 0px;}
html>body #swahiliAuthorContent #sidebarLine  {background: url(../images/orange_lineBG.gif) repeat-y 555px 0px;}
#swahiliAuthorContent #narrowSideBar {float:right; width: 245px;}

#swahiliAVContent { background: url(../images/book/bookBG.gif) repeat-y 0px 0px; padding: 20px 21px 20px 20px; }
#swahiliAVContent #textArea {float: left; width:515px; padding: 0 0 0 20px;}
#swahiliAVContent #artifact {}
#swahiliAVContent #sidebarLine  {background: url(../images/orange_lineBG.gif) repeat-y 555px 0px;}
html>body #swahiliAVContent #sidebarLine  {background: url(../images/orange_lineBG.gif) repeat-y 555px 0px;}
#swahiliAVContent #narrowSideBar {float:right; width: 245px;}

#swahiliReviewsContent { background: url(../images/book/bookBG.gif) repeat-y 0px 0px; padding: 20px 21px 20px 20px; }
#swahiliReviewsContent #textArea {float: left; width:515px; padding: 0 0 0 20px;}
#swahiliReviewsContent #artifact {background: url(../images/reviews/artifact_reviews.jpg) no-repeat 448px 1680px;}
#swahiliReviewsContent #artifact2 {background: url(../images/reviews/artifact_shells.jpg) no-repeat 448px 3290px;}

#swahiliReviewsContent #sidebarLine  {background: url(../images/orange_lineBG.gif) repeat-y 555px 0px;}
html>body #swahiliReviewsContent #sidebarLine  {background: url(../images/orange_lineBG.gif) repeat-y 555px 0px;}
#swahiliReviewsContent #narrowSideBar {float:right; width: 245px;}



#base {height:10px; clear:both; background: url(../images/base.gif) no-repeat 0px 0px;}

/*.clearBoth {clear: both; line-height: 0px;}
 declare height:0 to fucking fool fucking safari, but hide from fucking IE 
html>body .clearBoth {height: 0px;}*/
 .clearBoth {clear: both; margin: 0px; height: 0px; min-height:0px; line-height: 0px;}

#footer p {margin:0 0 0 20px; font: 9px/12px Helvetica, Arial,  sans-serif; color:#f2b811;}
#footer a:link, #footer a:visited  {color:#f2b811;}
#footer a:hover  {color:#fff;}
#footerGlobe {float:right; margin: 0 21px 0 0;}
#footer2 p {margin:10px 0 0 20px; font: 9px/11px Helvetica, Arial,  sans-serif; color:#f2b811;}
#footer2 a:link, #copywrite a:visited  {color:#f2b811;}
#footer2 a:hover  {color:#fff;}