a:link { color: #1469b8; }
a:hover { text-decoration: underline;}
div.contenttext p img {float:left; margin: 0 10px 10px 0}

body { background-image: url(../imgs/mainBG.jpg); background-repeat: repeat-x; }

#flashBG { background-image: url(../imgs/flashBG.jpg); background-repeat: repeat-x; }

#contentWrap { width: 980px; margin-left: auto; margin-right: auto; position: relative; top: 115px; }

#bodyWrap { width: 730px; margin-left: 255px; float: right; position: absolute; top: 20px; }

#flashBody { width: 700px; padding-top: 25px; }
#flashBody a.arrowPrev { display: block; float: left; width: 36px; height: 29px; background-image: url(http://www.azargrammar.com/assets/imgs/prevArrow.gif); background-position: 0 0; margin: 10px 80px 15px 20px; }
#flashBody a.arrowPrev:hover { background-position: 0 -29px; }
#flashBody a.arrowNext { display: block; float: right; width: 36px; height: 29px; background-image: url(http://www.azargrammar.com/assets/imgs/nextArrow.gif); background-position: 0 0; margin: 10px 80px 15px 20px; }
#flashBody a.arrowNext:hover { background-position: 0 -29px; }
#flashBody a span.alt { display: none; text-align: center; }
		
#fullBody { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; width: 700px; float: left; top: 30px; margin-bottom: 60px; }
a { text-decoration:  none; }

#body { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 502px; float: left; position: relative; top: 30px; margin-bottom: 60px;  }
#body img.picture { border: 1px black solid; margin-top: 6px; margin-bottom: 8px; }
#body img.bookCover { margin: 0 0 -60px 0; border: 0; }
#body img.interactiveCover { float: left; width: 100px; margin: 12px 10px 10px 0;  }
#body img.cdLabel { margin-right: 30%; margin-left: 30%; }
#body img.bookCoverTOC { margin-right: -15px; margin-bottom: -80px; margin-left: -33px; float: left; border: 0; }
#body p.caption, #body2col p.caption { margin-top: 0; padding-top: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#body h1, #body2col h1, #fullBody h1 { font-size: 28px; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 5px; margin-bottom: 0; }
#body h2, #body2col h2 { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; margin: 24px 0 12px; }
#body h3 { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;  }
#body h3 a { text-decoration: none; }
#body p.byLine, #fullBody p.byLine { color: #808080; font-style: italic; margin-top: 0; }
#body p.byLine a, #fulBody p.byLine a { text-decoration: none; color:  #5885bc}
#body blockquote { color: #808080; text-indent: -5px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
#body blockquote.attribution { color: #808080; font-style: italic; text-indent: -12px; margin: 6px 0 12px; padding-right: 0; padding-left: 0; }
#body div.indent { padding: 0 10px 0 30px; }
#body div.profile { min-height: 200px; margin-bottom: 12px; padding-top: 10px; padding-bottom: 12px; border-top: 1px dotted #696969; }
#body2col div.profile { float: left; clear: both; min-height: 250px; width: 47%; margin-bottom: 12px; padding-top: 10px; padding-bottom: 12px; border-top: 1px dotted #696969; }
#body2col div.profileOdd { float: right; min-height: 250px; width: 47%; margin-bottom: 12px; padding-top: 10px; padding-bottom: 12px; border-top: 1px dotted #696969;   }
#body div.profile img, #body2col div.profile img, #body2col div.profileOdd img { float: right; margin-bottom: 15px; margin-left: 15px; margin-top: 10px; padding: 3px; border: solid 1px #696969; clear: both;  }
#body div.contact h2 { clear: both; }
#body div.contact img { float: right; margin-top: -30px; margin-left: 15px; padding: 3px; border: solid 1px #696969; height: 120px; }
#body div.contact p.caption { float: right; clear: both; margin-top: 0; padding-top: 0; font-size: 9px; text-align: right; }
#body p, #body2col div.twoColumn p { margin-top: 12px; }
#body div.submissions { clear: both; }
#body div.submissions h2 { clear: both; }
#body div.submissions div { clear: both; }
#body div.submissions div img { float: left; margin: -5px 10px -40px -15px; width: 80px; }
#body div.submissions div h3 { margin-bottom: 0; }
#body div.submissions div ul { margin-top: 0px; }
#body div.submissions div ul li { margin-left: 60px; list-style-type: square; }

#body div.threeColumn { width: 29%; float: left; margin-top: 20px; margin-right: 2%; margin-bottom: 15px; padding-right: 2%; border-right: 1px dotted #a9a9a9; }
#body div.threeColumnLast { margin-right: 2%; width: 29%; float: left; margin-top: 20px; margin-bottom: 15px; padding-right: 2%; }
#body div.threeColumn h2, #body div.threeColumnLast h2 { color: #696969; font-size: 14px; margin: 0 0 9px; padding: 0; }
#body div.threeColumn h3, #body div.threeColumnLast h3 { color: #1469b8; font-size: 14px; margin: 0 0 9px; padding: 0; }
#body div.threeColumn p, #body div.threeColumnLast p { font-size: 12px; margin: 0 0 9px; }
#body div.threeColumn ul, #body div.threeColumnLast ul { font-size: 12px; margin: 0 0 9px 13px; padding: 0; }
#body div.fwg { padding-top: 10px; border-top: 1px dotted #a9a9a9; clear: both; }
#body div.twoColumn { text-align: center; width: 45%; float: left; margin-top: 20px; margin-right: 2%; margin-bottom: 15px; padding-right: 2%; border-right: 1px dotted #a9a9a9; }
#body div.twoColumnLast { text-align: center; width: 45%; float: left; margin-top: 20px; margin-bottom: 15px; margin-left: 2%; padding-left: 2%; }
#body div.twoColumn h2, #body div.twoColumnLast h2 { font-size: 14px; margin: 0 0 9px; padding: 0; }

a img { border: 0; }

#body2col { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 720px; float: left; position: relative; top: 30px; margin-bottom: 60px; }
#body2col div.twoColumn { width: 45%; margin-right: 3%; margin-left: 1%; float: left; }
#body2col div.twoColumn h3 { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif }

#body div.chapter {  }
#body div.chapter h3.chapterTitle { color: #1469b8; margin-bottom: 0; padding-bottom: 10px; border-bottom: 2px solid #696969; }
#body div.chapter h3.chapterTitle a { color: #696969; text-decoration: none; margin-bottom: 0; }
#body div.chapter div.exercise { padding: 15px 10px 15px 15px; border-bottom: 1px solid #696969; }
#body div.chapter div.exerciseOdd { background-color: #dcdcdc; padding: 15px 10px 15px 15px; }
#body div.chapter div.exercise ul.exerciseIcons, #body div.chapter div.exerciseOdd ul.exerciseIcons { padding: 0; margin: -22px 0 0; list-style: none; display: block; width: 20px; float: right;}
#body div.chapter div.exercise ul.exerciseIcons li, #body div.chapter div.exerciseOdd ul.exerciseIcons li { list-style: none; }
#body div.chapter div.exercise img, #body div.chapter div.exerciseOdd img { background-color: #a9a9a9; border: solid 1px gray; padding: 3px; }
#body div.chapter div.exercise img:hover, #body div.chapter div.exerciseOdd img:hover { background-color: #feffff; padding: 3px; border: solid 1px gray; }
#body div.chapter div.exercise h4.exerciseTitle, #body div.chapter div.exerciseOdd h4.exerciseTitle { color: #1469b8; margin-top: 0; margin-bottom: 0; margin-right: 25px; }
#body div.chapter div.exercise ul.credit, #body div.chapter div.exerciseOdd ul.credit { margin: 0 0 15px; padding: 0; list-style: none; }
#body div.chapter div.exercise ul.credit li.author, #body div.chapter div.exerciseOdd ul.credit li.author { display:  block; float: left; margin-right: 10px; }
#body div.chapter div.exercise ul.credit li.institution, #body div.chapter div.exerciseOdd ul.credit li.institution { display: block; float: left; color: gray; }

#body div.chapter div.song { padding: 15px 10px 15px 15px; border-bottom: 1px solid #696969; }
#body div.chapter div.songOdd { background-color: #dcdcdc; padding: 15px 10px 15px 15px; }
#body div.chapter div.song ul.exerciseIcons, #body div.chapter div.songOdd ul.exerciseIcons { padding: 0; margin: -22px 0 0; list-style: none; display: block; width: 20px; float: right;}
#body div.chapter div.song ul.exerciseIcons li, #body div.chapter div.songOdd ul.exerciseIcons li { list-style: none; }
#body div.chapter div.song img, #body div.chapter div.songOdd img { background-color: #a9a9a9; border: solid 1px gray; padding: 3px; }
#body div.chapter div.song img:hover, #body div.chapter div.songOdd img:hover { background-color: #feffff; padding: 3px; border: solid 1px gray; }
#body div.chapter div.song h4.songTitle, #body div.chapter div.songOdd h4.songTitle { color: #1469b8; margin-top: 0; margin-bottom: 0; margin-right: 25px; }
#body div.chapter div.song ul.songInfo, #body div.chapter div.songOdd ul.songInfo { margin: 0 0 15px; padding: 0; list-style: none; }
#body div.chapter div.song ul.songInfo li.lesson, #body div.chapter div.songOdd ul.songInfo li.lesson { display:  block; float: left; margin-right: 10px; }

#body div.chapter div.expansionActivity { padding: 15px 10px 15px 15px; min-height: 20px; border-bottom: 1px solid #696969; }
#body div.chapter div.expansionActivityOdd { background-color: #dcdcdc; padding: 15px 10px 15px 15px; min-height: 20px; }
#body div.chapter div.expansionActivity ul.exerciseIcons, #body div.chapter div.expansionActivityOdd ul.exerciseIcons { padding: 0; margin: 0 0 0; list-style: none; display: block; width: 50px; float: right;}
#body div.chapter div.expansionActivity ul.exerciseIcons li, #body div.chapter div.expansionActivityOdd ul.exerciseIcons li { list-style: none; float: left; margin-right: 5px;}
#body div.chapter div.expansionActivity img, #body div.chapter div.expansionActivityOdd img { background-color: #a9a9a9; border: solid 1px gray; padding: 3px; }
#body div.chapter div.expansionActivity img:hover, #body div.chapter div.expansionActivityOdd img:hover { background-color: #feffff; padding: 3px; border: solid 1px gray; }
#body div.chapter div.expansionActivity h4.activityTitle, #body div.chapter div.expansionActivityOdd h4.activityTitle { color: #1469b8; margin-top: 0; margin-bottom: 0; margin-right: 55px; float: left; }

#body ul.references { list-style: none; clear: both; margin-left: 0; padding-left: 0; border-top: 1px solid #696969; }
#body ul.references li { margin-left: 0; padding: 15px 10px; border-bottom: 1px solid #696969; }

#body ul.chapterList { list-style: none; margin-left: 0; padding-left: 0; border-top: 1px solid #696969; }
#body ul.chapterList li { display: block; margin-left: 0; border-bottom: 1px solid #696969; }
#body ul.chapterList li a { color: #696969; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; display: block; padding: 10px 10px 15px; text-decoration: none; }
#body ul.chapterList li a:hover { background-color: #dcdcdc; }
#body ul.chapterList li img { background-color: #a9a9a9; border: solid 1px gray; padding: 3px; position: relative; top: 5px; margin-right: 10px; }
#body ul.chapterList li img:hover { background-color: #feffff; padding: 3px; border: solid 1px gray;  }

cite.articleTitle, #body ul.references li cite.articleTitle { font-style: normal; }
cite.series, cite.bookTitle, #body ul.references li cite.bookTitle { font-style: italic;  }
cite.UUEGi { font-style: normal; font-weight: bold; color: #1469b8; }
cite.FEGi { font-style: normal; font-weight: bold; color: #087533; }

#body ul.talkingHeads { margin-top: 0px; margin-left: 0px; padding-left: 0px; }
#body ul.talkingHeads li { list-style: none; border-bottom: 1px solid #696969; }
#body ul.talkingHeads li a { display: block; padding: 15px 15px 15px 15px; color: #1469b8; text-decoration: none; }
#body ul.talkingHeads li a:hover { background-color: #dcdcdc; }

#body ul.testGen { margin-left: 0; }
#body ul.testGen li { clear:both; list-style: none; margin-left: 0; }
#body ul.testGen img { float: left; padding: 0 10px 10px 0; }
#body ul.testGen p { padding: 20px 0 20px 0; }

span.begBook { color:  #C51230; }
span.fegBook { color: #087533; }
span.uuegBook { color: #1469b8; }
span.funFact { color: #1469b8; font-weight: bold; }
span.quotation { font-style: italic; }

#rightColumnWrap { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; position: relative; top: 30px; width: 200px; float: right; padding-top: 25px; }
#rightColumnWrap h1, #body2col div.twoColumn h2 { color: black; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-top: 15px; margin-bottom: 12px; padding-top: 0; padding-bottom: 3px; border-bottom: 1px solid black; }
#rightColumnWrap h1 a { text-decoration: none; color: #1469b8; }
#rightColumnWrap h1 a:hover { text-decoration: underline; color: #1469b8; }

#rightColumnWrap img a { border: 0; }
#rightColumnWrap h2 { color: #000; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-top: 20px; margin-bottom: 12px; padding-top: 0; }
#rightColumnWrap p { font-size: 12px; margin-top: 0; margin-bottom: 9px; }
#rightColumnWrap blockquote { font-size: 12px; font-style: italic; margin: 0 0 9px; padding: 0; }
#rightColumnWrap blockquote.attribution { color: #808080; font-size: 12px; font-style: italic; margin: 0 0 9px; padding: 0 0 3px; }
#rightColumnWrap ul { font-size: 12px; margin-top: 0; margin-bottom: 9px; margin-left: 0; padding-left: 15px; }
#rightColumnWrap div.THNav { clear: both; }
#rightColumnWrap div.THNav img { width: 40px; float: left; margin-right: 10px; margin-bottom: 10px; }

div.promoBox { position:absolute; top: 195px; }

#leftColumnWrap { width: 210px; float: left;  position: absolute; top: 0; padding-left: 20px; padding-right: 20px; }

#mainNav { margin-top: 120px; }
#mainNav ul { font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; font-size: 18px; }
#mainNav ul li { list-style: none; }
#mainNav ul li a { text-decoration: none; display: block; color: black; margin-bottom: 10px; }
#mainNav ul li a:hover { color: gray; }
#mainNav ul ul#chapterLists { font-size:0.75em; font-style: italic; padding: 0 0 0 15px; }

#signature { background-image: url(../imgs/pearsonBrandMark.jpg); background-repeat: no-repeat; background-position: left top; }
#signature p { font-size: 12px; color: gray; font-family:  Verdana, Arial, Helvetica, sans-serif}

#head { width: 980px; margin-left: auto; margin-right: auto; position: relative; }

/* #brandMark { background-image: url(../imgs/brandMark.gif); background-repeat: no-repeat; background-position: left; margin-top: 20px; height: 178px; } */

#brandMarkSwallow { background-image: url(../imgs/pageArt/Swallow.jpg); background-repeat: no-repeat; background-position: left; height: 180px; width: 180px; position: absolute; top: 18px; left: 18px; }
#brandMarkBookTree { background-image: url(../imgs/pageArt/BookTree.jpg); background-repeat: no-repeat; background-position: left; height: 180px; width: 180px; position: absolute; top: 18px; left: 18px;  }
#brandMarkPath { background-image: url(../imgs/pageArt/Path.jpg); background-repeat: no-repeat; background-position: left; height: 180px; width: 180px; position: absolute; top: 18px; left: 18px; }
#brandMarkSongbird { background-image: url(../imgs/pageArt/Songbird.jpg); background-repeat: no-repeat; background-position: left; height: 180px; width: 180px; position: absolute; top: 18px; left: 18px;  }
#brandMarkFlower { background-image: url(../imgs/pageArt/Flower.jpg); background-repeat: no-repeat; background-position: left; height: 180px; width: 180px; position: absolute; top: 18px; left: 18px;  }
#brandMarkMailbox { background-image: url(../imgs/pageArt/Mailbox.jpg); background-repeat: no-repeat; background-position: left; height: 180px; width: 180px; position: absolute; top: 18px; left: 18px;  }
#brandMarkPeople { background-image: url(../imgs/pageArt/People.jpg); background-repeat: no-repeat; background-position: left; height: 180px; width: 180px; position: absolute; top: 18px; left: 18px;  }
#brandMarkThinker { background-image: url(../imgs/pageArt/TheThinker.jpg); background-repeat: no-repeat; background-position: left; height: 180px; width: 180px; position: absolute; top: 18px; left: 18px;  }


#headline { background-image: url(../imgs/signature_rainbow.gif); background-repeat: no-repeat; background-position: left; position: absolute; top: 20px; left: 205px; width: 324px; height: 72px; }

#search { position: absolute; top: 18px; left: 520px; width: 200px; margin-left: auto; margin-right: auto; height: 20px; padding-left: 260px; }
#search tr td.searchDescrip { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; }


#breadCrumbs { width: 500px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 130px; left: 256px; }
#breadCrumbs ul { display: block; padding: 0; margin: 0; clear: both; }
#breadCrumbs ul li { display: inline; float: left; }
#breadCrumbs ul li a { text-decoration: none; }

/* #breadCrumbs { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 0; width: 100%; z-index: 10; }
#breadCrumbs ul { display: block; padding: 0; margin: 0; }
#breadCrumbs ul li { display: inline; float: left; }
#breadCrumbs ul li a { text-decoration: none; } */


#botpNav { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 10px; border-top: 1px solid #54631f; clear: left; width: 500px;  margin-bottom: 165px; }
#botpNav ul, #botpNavWide ul { margin: 0; padding: 0; display: block; }
#botpNav ul li, #botpNavWide ul li  { float: left; display: inline; }
#botpNav ul li a, #botpNavWide ul li a { text-decoration: none; }

#botpNavWide { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 10px; border-top: 1px solid #a9a9a9; clear: both; width: 720px;  margin-bottom: 165px; }

body.splashBody { font-family: Verdana, Arial, Helvetica, sans-serif; background-image: none; text-align: center; }
body.splashBody h1 { font-size: 16px; color: gray; }
body.splashBody p { font-size: 12px; }

#splash { padding-top: 250px; background-image: url(../imgs/brandMark.gif); background-repeat: no-repeat; background-position: center top; margin: auto; height: 100px; width: 500px; margin-top: 100px;}

div.hidden { display: none; }
img.switch { border: 0; }

div.post { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px gray solid;}
h1 a {text-decoration: none; color: #464646;}
h1 a:hover {text-decoration: none; color: #464646;}
h1 a:visited { color: #464646; }
h2.date-header { color: gray; }
