body{margin:0;padding:0;line-height: 1.5em; background: #ffffff;} em{color: black;} b{font-size: 96%;} #maincontainer{width: 996px; /*Width of main container*/margin: 0 auto; /*Center container on page*/} #topsection{background: #ffffff;height: 0px; /*Height of top section*/} #topsection h1{margin: 0;padding-top: 0px;} #contentwrapper{float: left;width: 100%;} #contentcolumn{margin: 0 20px 0 36px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ background: #ffffff;} #leftcolumn{float: left;width: 36px; /*Width of left column in pixel*/margin-left: -996px; /*Set margin to that of -(MainContainerWidth)*/background: #ffffff;} #rightcolumn{float: left;width: 20px; /*Width of right column*/margin-left: -20px; /*Set left margin to -(RightColumnWidth)*/background: #ffffff;} #footer{clear: left;width: 100%;background: #ffffff;; text-align: center;padding: 0px 0; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 13pt;} #footer a{} .innertube{margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;} .top{margin:0;padding:0;width: 940px;} .heading1 { font-size: 13px; font-family: serif, Georgia, serif, Times New Roman, Times; font-style: normal; line-height: 14px; text-decoration: none; margin: 0; padding: 0; letter-spacing: 4pt } .heading2a { color: #424032; font-size: 13pt; font-family: Trebuchet MS, Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; Verdana; font-style: normal; line-height: 17px; font-stretch: normal; text-decoration: none; margin: 0; padding: 0 } .heading2b { color: black; font-size: 13pt; font-family: Trebuchet MS, Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; Verdana; font-style: normal; line-height: 17px; font-stretch: normal; text-decoration: none; margin: 0; padding: 0 } .text{color: black; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 14pt; text-align: left; margin:0;padding:0;width: 533px; height: 262px;} .text1{color: black; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 14pt; text-align: left; margin:0;padding:0;width: 623px; height: 262px;} .text2{color: black; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 14pt; text-align: left; margin:0;padding:0;} .text3{color: black; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 14pt; text-align: left; margin:0;padding:0;width: 450px; height: 262px;} .description{color: #2e2e2e; font-size: 10pt; font-family: Helvetica, Verdana, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; line-height: 11pt; text-align: center;} .author{color: #2e2e2e; font-size: 10pt; font-family: Helvetica, Verdana, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 13pt; text-align: left;} .skulltitle{color: white; background: #333333;font-size: 12px; line-height: 13px; font-weight:bold; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 8px 5px 9px 5px;} .newtitle{color: white; background: #d0552d;font-size: 14px; font-weight:bold; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 5px 5px 6px 10px;} .readmore {display: block; width: 160px; height: 55px; background: url("images/readmore1.gif") no-repeat 0 0; cursor:pointer} .readmore:hover { background: url("images/readmore2.gif") no-repeat 0 0; cursor:pointer} .tree {display: block; width: 300px; height: 57px; background: url("images/tree1.gif") no-repeat 0 0; cursor:pointer} .tree:hover { background: url("images/tree2.gif") no-repeat 0 0; cursor:pointer} .photo300 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 300px; float: right } .image300 { width: 300px;position: relative; margin-bottom: 8px;} .photo1 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 180px; float: right } .image1 { width: 180px;position: relative; margin-bottom: 8px;} .caption1 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 180px; } .photo2 { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 240px; float: left } .image2 { width: 240px;position: relative; margin-bottom: 8px;} .photo3 { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 150px; float: left } .image3 { width: 150px;position: relative; margin-bottom: 8px;} .caption3 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 150px; } .photo4 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 250px; float: right } .image4 { width: 250px;position: relative;} .caption4 { color: #ffffff; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 7px 0px; background-color: #333333; width: 250px; } .photo5 { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 150px; float: left } .image5 { width: 150px;position: relative; margin-bottom: 8px;} .caption5 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 150px; } .photo6 { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 200px; float: left } .image6 { width: 200px;position: relative; margin-bottom: 8px;} .caption6 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 200px; } .photo7 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 220px; float: right } .image7 { width: 220px;position: relative;} .caption7 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 7px 0px; background-color: #ffffff; width: 220px; } .photo8 { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 220px; float: left } .image8 { width: 220px;position: relative;} .caption8 { color: #ffffff; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 7px 0px; background-color: #ffffff; width: 220px; } .photo9 { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 200px; float: left } .image9 { width: 200px;position: relative; margin-bottom: 0px;} .caption9 { color: #ffffff; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #333333; width: 200px; } .photo10 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 250px; float: right } .image10 { width: 250px;position: relative;} .caption10 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 7px 0px; background-color: #ffffff; width: 250px; } .photo10b { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 250px; float: left } .image10b { width: 250px;position: relative;} .caption10b { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 7px 0px; background-color: #ffffff; width: 250px; } .photo11 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 230px; float: right } .image11 { width: 230px;position: relative;} .caption11 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 7px 0px; background-color: #ffffff; width: 230px; } .photo12 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 210px; float: right } .image12 { width: 210px;position: relative;} .caption12 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 7px 0px; background-color: #ffffff; width: 210px; } .photo13 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 180px; float: right } .image13 { width: 180px;position: relative; margin-bottom: 8px;} .caption13 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 180px; } .caption13pic { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 0px 0px; background-color: #ffffff; width: 180px; } .caption13a { color: #ffffff; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 5px 0px 7px 0px; background-color: #000000; width: 180px; } .caption13b { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 180px; } .photo14 { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 180px; float: left } .image14 { width: 180px;position: relative; margin-bottom: 8px;} .caption14 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 180px; } .photo15 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 130px; float: right } .image15 { width: 130px;position: relative; margin-bottom: 8px;} .caption15 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 130px; } .photo16 { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 300px; float: left } .image16 { width: 300px;position: relative; margin-bottom: 8px;} .caption16 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 300px; } .photo17 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 240px; float: right } .image17 { width: 240px;position: relative; margin-bottom: 8px;} .caption17 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 240px; } .photo18 { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 167px; float: right } .image18 { width: 167px;position: relative; margin-bottom: 8px;} .photofig1a { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 315px; float: left } .imagefig1a { width: 315px;position: relative; margin-bottom: 8px;} .photofig2a { margin-top: 4px; margin-bottom: 8px; margin-left: 15px; width: 283px; float: right } .imagefig2a { width: 283px;position: relative; margin-bottom: 8px;} .captionfig2a { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 283px; } .photofig3a { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 400px; float: left } .imagefig3a { width: 400px;position: relative; margin-bottom: 8px;} .captionfig3a { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 400px; } .captionwide { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 7px 0px; background-color: #ffffff; width: 840px; } .quote200a { margin-top: 4px; margin-bottom: 8px; margin-right: 25px; width: 200px; float: left } .quote200b { width: 200px;position: relative; margin-bottom: 8px;} .quote200c { color: #666666; font-size: 15px; line-height: 19px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 0px 0px 8px 0px; width: 200px; } .quote200d { margin-top: 4px; margin-bottom: 8px; margin-left: 25px; width: 200px; float: right } .originslogoa { margin-top: 2px; margin-bottom: 8px; margin-left: 25px; width: 180px; float: right } .originslogob { width: 180px;position: relative; margin-bottom: 8px;} .qlinecont {margin:0px; padding:0px; width: 200px; height:17px} .qlinecont2 {margin:0px; padding:0px; width: 200px; height:10px} .qlinecont3 {margin:0px; padding:0px; width: 200px; height:13px} .qline {margin:0px; padding:0px; width: 200px; height:1px; background-color: #a09787;} .qlinespace1 {margin:0px; padding:0px; width: 200px; height:9px;} .qlinespace2 {margin:0px; padding:0px; width: 200px; height:7px;} .qlinespace3 {margin:0px; padding:0px; width: 200px; height:2px;} .qlinespace4 {margin:0px; padding:0px; width: 200px; height:4px;} .comcaption { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 0px 0px 16px 0px; background-color: #ffffff; width: 520px; } .photo464 { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 464px; float: left } .image464 { width: 464px;position: relative; margin-bottom: 8px;} .caption464 { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 464px; } .photo300b { margin-top: 4px; margin-bottom: 8px; margin-right: 15px; width: 300px; float: left } .image300b { width: 300px;position: relative; margin-bottom: 8px;} .caption300b { color: #333333; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 4px 0px 8px 0px; background-color: #ffffff; width: 300px; } .buybook {display: block; width: 180px; height: 55px; background: url("images/buy_book1.gif") no-repeat 0 0; cursor:pointer} .buybook:hover { background: url("images/buy_book2.gif") no-repeat 0 0; cursor:pointer} .archive {display: block; width: 267px; height: 43px; background: url("images/archive1.gif") no-repeat 0 0; cursor:pointer} .archive:hover { background: url("images/archive2.gif") no-repeat 0 0; cursor:pointer} .archive2 {display: block; width: 167px; height: 43px; background: url("images/archive3.gif") no-repeat 0 0; cursor:pointer} .archive2:hover { background: url("images/archive4.gif") no-repeat 0 0; cursor:pointer} .genus{color: #000000; font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 0px 0px 0px 0px;} .genusclass{color: white; background: #333333;font-size: 14px; line-height: 15px; width: 840px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 8px 0px 9px 0px;} .infotitle{color: white; background: #333333;font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center; margin:0;padding: 8px 0px 9px 0px;} .info1{color: white; background: #8c8c8c;font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 8px 5px 9px 5px;} .info2{color: #1b1b1b; background: #e3e1e1;font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 8px 5px 9px 5px;} .info3{color: white; background: #e4163d;font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 8px 5px 9px 5px;} .info4{color: black; background: #ffd817;font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 8px 5px 9px 5px;} .info5{color: black; background: #a2d344;font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 8px 5px 9px 5px;} .info6{color: white; background: #f28c27;font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 8px 5px 9px 5px;} .info7{color: black; background: #27def0;font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 8px 5px 9px 5px;} .info8{color: white; background: #168bff;font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 8px 5px 9px 5px;} .info9{color: white; background: #c517ff;font-size: 12px; line-height: 13px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:left; margin:0;padding: 8px 5px 9px 5px;} .homo_sapiens_sapiens {display: block; width: 160px; height: 190px; background: url("ancestors/homo_sapiens_sapiens1.jpg") no-repeat 0 0; cursor:pointer} .homo_sapiens_sapiens:hover { background: url("ancestors/homo_sapiens_sapiens2.jpg") no-repeat 0 0; cursor:pointer} .denisova {display: block; width: 160px; height: 190px; background: url("ancestors/denisova1.jpg") no-repeat 0 0; cursor:pointer} .denisova:hover { background: url("ancestors/denisova2.jpg") no-repeat 0 0; cursor:pointer} .homo_floresiensis {display: block; width: 160px; height: 190px; background: url("ancestors/homo_floresiensis1.jpg") no-repeat 0 0; cursor:pointer} .homo_floresiensis:hover { background: url("ancestors/homo_floresiensis2.jpg") no-repeat 0 0; cursor:pointer} .homo_sapiens {display: block; width: 160px; height: 190px; background: url("ancestors/homo_sapiens1.jpg") no-repeat 0 0; cursor:pointer} .homo_sapiens:hover { background: url("ancestors/homo_sapiens2.jpg") no-repeat 0 0; cursor:pointer} .homo_neanderthalensis {display: block; width: 160px; height: 190px; background: url("ancestors/homo_neanderthalensis1.jpg") no-repeat 0 0; cursor:pointer} .homo_neanderthalensis:hover { background: url("ancestors/homo_neanderthalensis2.jpg") no-repeat 0 0; cursor:pointer} .homo_rhodesiensis {display: block; width: 160px; height: 190px; background: url("ancestors/homo_rhodesiensis1.jpg") no-repeat 0 0; cursor:pointer} .homo_rhodesiensis:hover { background: url("ancestors/homo_rhodesiensis2.jpg") no-repeat 0 0; cursor:pointer} .homo_cepranensis {display: block; width: 160px; height: 190px; background: url("ancestors/homo_cepranensis1.jpg") no-repeat 0 0; cursor:pointer} .homo_cepranensis:hover { background: url("ancestors/homo_cepranensis2.jpg") no-repeat 0 0; cursor:pointer} .homo_heidelbergensis {display: block; width: 160px; height: 190px; background: url("ancestors/homo_heidelbergensis1.jpg") no-repeat 0 0; cursor:pointer} .homo_heidelbergensis:hover { background: url("ancestors/homo_heidelbergensis2.jpg") no-repeat 0 0; cursor:pointer} .homo_helmei {display: block; width: 160px; height: 190px; background: url("ancestors/homo_helmei1.jpg") no-repeat 0 0; cursor:pointer} .homo_helmei:hover { background: url("ancestors/homo_helmei2.jpg") no-repeat 0 0; cursor:pointer} .homo_antecessor {display: block; width: 160px; height: 190px; background: url("ancestors/homo_antecessor1.jpg") no-repeat 0 0; cursor:pointer} .homo_antecessor:hover { background: url("ancestors/homo_antecessor2.jpg") no-repeat 0 0; cursor:pointer} .homo_erectus {display: block; width: 160px; height: 190px; background: url("ancestors/homo_erectus1.jpg") no-repeat 0 0; cursor:pointer} .homo_erectus:hover { background: url("ancestors/homo_erectus2.jpg") no-repeat 0 0; cursor:pointer} .homo_rudolfensis {display: block; width: 160px; height: 190px; background: url("ancestors/homo_rudolfensis1.jpg") no-repeat 0 0; cursor:pointer} .homo_rudolfensis:hover { background: url("ancestors/homo_rudolfensis2.jpg") no-repeat 0 0; cursor:pointer} .homo_ergaster {display: block; width: 160px; height: 190px; background: url("ancestors/homo_ergaster1.jpg") no-repeat 0 0; cursor:pointer} .homo_ergaster:hover { background: url("ancestors/homo_ergaster2.jpg") no-repeat 0 0; cursor:pointer} .paranthropus_robustus {display: block; width: 160px; height: 190px; background: url("ancestors/paranthropus_robustus1.jpg") no-repeat 0 0; cursor:pointer} .paranthropus_robustus:hover { background: url("ancestors/paranthropus_robustus2.jpg") no-repeat 0 0; cursor:pointer} .homo_habilis {display: block; width: 160px; height: 190px; background: url("ancestors/homo_habilis1.jpg") no-repeat 0 0; cursor:pointer} .homo_habilis:hover { background: url("ancestors/homo_habilis2.jpg") no-repeat 0 0; cursor:pointer} .homo_habilis {display: block; width: 160px; height: 190px; background: url("ancestors/homo_habilis1.jpg") no-repeat 0 0; cursor:pointer} .homo_habilis:hover { background: url("ancestors/homo_habilis2.jpg") no-repeat 0 0; cursor:pointer} .paranthropus_boisei {display: block; width: 160px; height: 190px; background: url("ancestors/paranthropus_boisei1.jpg") no-repeat 0 0; cursor:pointer} .paranthropus_boisei:hover { background: url("ancestors/paranthropus_boisei2.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_garhi {display: block; width: 160px; height: 190px; background: url("ancestors/australopithecus_garhi1.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_garhi:hover { background: url("ancestors/australopithecus_garhi2.jpg") no-repeat 0 0; cursor:pointer} .paranthropus_aethiopicus {display: block; width: 160px; height: 190px; background: url("ancestors/paranthropus_aethiopicus1.jpg") no-repeat 0 0; cursor:pointer} .paranthropus_aethiopicus:hover { background: url("ancestors/paranthropus_aethiopicus2.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_africanus {display: block; width: 160px; height: 190px; background: url("ancestors/australopithecus_africanus1.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_africanus:hover { background: url("ancestors/australopithecus_africanus2.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_bahrelghazali {display: block; width: 160px; height: 190px; background: url("ancestors/australopithecus_bahrelghazali1.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_bahrelghazali:hover { background: url("ancestors/australopithecus_bahrelghazali2.jpg") no-repeat 0 0; cursor:pointer} .kenyanthropus_platyops {display: block; width: 160px; height: 190px; background: url("ancestors/kenyanthropus_platyops1.jpg") no-repeat 0 0; cursor:pointer} .kenyanthropus_platyops:hover { background: url("ancestors/kenyanthropus_platyops2.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_afarensis {display: block; width: 160px; height: 190px; background: url("ancestors/australopithecus_afarensis1.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_afarensis:hover { background: url("ancestors/australopithecus_afarensis2.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_anamensis {display: block; width: 160px; height: 190px; background: url("ancestors/australopithecus_anamensis1.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_anamensis:hover { background: url("ancestors/australopithecus_anamensis2.jpg") no-repeat 0 0; cursor:pointer} .ardipithecus_ramidus {display: block; width: 160px; height: 190px; background: url("ancestors/ardipithecus_ramidus1.jpg") no-repeat 0 0; cursor:pointer} .ardipithecus_ramidus:hover { background: url("ancestors/ardipithecus_ramidus2.jpg") no-repeat 0 0; cursor:pointer} .ardipithecus_kadabba {display: block; width: 160px; height: 190px; background: url("ancestors/ardipithecus_kadabba1.jpg") no-repeat 0 0; cursor:pointer} .ardipithecus_kadabba:hover { background: url("ancestors/ardipithecus_kadabba2.jpg") no-repeat 0 0; cursor:pointer} .orrorin_tugenensis {display: block; width: 160px; height: 190px; background: url("ancestors/orrorin_tugenensis1.jpg") no-repeat 0 0; cursor:pointer} .orrorin_tugenensis:hover { background: url("ancestors/orrorin_tugenensis2.jpg") no-repeat 0 0; cursor:pointer} .sahelanthropus_tchadensis {display: block; width: 160px; height: 190px; background: url("ancestors/sahelanthropus_tchadensis1.jpg") no-repeat 0 0; cursor:pointer} .sahelanthropus_tchadensis:hover { background: url("ancestors/sahelanthropus_tchadensis2.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_sediba {display: block; width: 160px; height: 190px; background: url("ancestors/australopithecus_sediba1.jpg") no-repeat 0 0; cursor:pointer} .australopithecus_sediba:hover { background: url("ancestors/australopithecus_sediba2.jpg") no-repeat 0 0; cursor:pointer} .homo_gautengensis {display: block; width: 160px; height: 190px; background: url("ancestors/homo_gautengensis1.jpg") no-repeat 0 0; cursor:pointer} .homo_gautengensis:hover { background: url("ancestors/homo_gautengensis2.jpg") no-repeat 0 0; cursor:pointer} .homo_sapiens_idaltu {display: block; width: 160px; height: 190px; background: url("ancestors/homo_sapiens_idaltu1.jpg") no-repeat 0 0; cursor:pointer} .homo_sapiens_idaltu:hover { background: url("ancestors/homo_sapiens_idaltu2.jpg") no-repeat 0 0; cursor:pointer} .homo_erectus_georgicus {display: block; width: 160px; height: 190px; background: url("ancestors/homo_erectus_georgicus1.jpg") no-repeat 0 0; cursor:pointer} .homo_erectus_georgicus:hover { background: url("ancestors/homo_erectus_georgicus2.jpg") no-repeat 0 0; cursor:pointer} .tantan {display: block; width: 10px; height: 21px; background: url("timelines/tantan1.gif") no-repeat 0 0; cursor:pointer} .tantan:hover { background: url("timelines/tantan2.gif") no-repeat 0 0; cursor:pointer} .berekhatram {display: block; width: 10px; height: 21px; background: url("timelines/berekhatram1.gif") no-repeat 0 0; cursor:pointer} .berekhatram:hover { background: url("timelines/berekhatram2.gif") no-repeat 0 0; cursor:pointer} .blombos {display: block; width: 11px; height: 21px; background: url("timelines/blombos1.gif") no-repeat 0 0; cursor:pointer} .blombos:hover { background: url("timelines/blombos2.gif") no-repeat 0 0; cursor:pointer} .art {display: block; width: 409px; height: 21px; background: url("timelines/art-1.gif") no-repeat 0 0; cursor:pointer} .art:hover { background: url("timelines/art-2.gif") no-repeat 0 0; cursor:pointer} .aurignacian {display: block; width: 130px; height: 20px; background: url("timelines/aurignacian1.gif") no-repeat 0 0; cursor:pointer} .aurignacian:hover { background: url("timelines/aurignacian2.gif") no-repeat 0 0; cursor:pointer} .grav {display: block; width: 59px; height: 20px; background: url("timelines/grav1.gif") no-repeat 0 0; cursor:pointer} .grav:hover { background: url("timelines/grav2.gif") no-repeat 0 0; cursor:pointer} .sol {display: block; width: 40px; height: 20px; background: url("timelines/sol1.gif") no-repeat 0 0; cursor:pointer} .sol:hover { background: url("timelines/sol2.gif") no-repeat 0 0; cursor:pointer} .magdalenian {display: block; width: 80px; height: 20px; background: url("timelines/magdalenian1.gif") no-repeat 0 0; cursor:pointer} .magdalenian:hover { background: url("timelines/magdalenian2.gif") no-repeat 0 0; cursor:pointer} b{font-size: 100%;} .br {margin: -3px;} .br2 {margin: 2px;} .br3 {margin: 20px;} .br4 {margin: 4px;} .subtitlebg{width: 283px; height: 50px; background-image:url('images/sub1.jpg');} .subtitlebg2{width: 282px; height: 50px; background-image:url('images/sub2.jpg');} .subtitlebg3{width: 283px; height: 50px; background-image:url('images/sub3.jpg');} .subtitlebg4{width: 283px; height: 50px; background-image:url('images/sub4.jpg');} a:link { color: #2e2e2e; } a:visited { color: #2e2e2e; } a:hover { color: #999999; } a.homo:link {color:#d50e2c;} a.homo:visited {color:#d50e2c;} a.homo:hover {color:black;} a.kenyanthropus:link {color:#e78422;} a.kenyanthropus:visited {color:#e78422;} a.kenyanthropus:hover {color:black;} a.paranthropus:link {color:#f2c90c;} a.paranthropus:visited {color:#f2c90c;} a.paranthropus:hover {color:black;} a.australopithecus:link {color:#7aa722;} a.australopithecus:visited {color:#7aa722;} a.australopithecus:hover {color:black;} a.ardipithecus:link {color:#1ec8d7;} a.ardipithecus:visited {color:#1ec8d7;} a.ardipithecus:hover {color:black;} a.orrorin:link {color:#168bff;} a.orrorin:visited {color:#168bff;} a.orrorin:hover {color:black;} a.sahelanthropus:link {color:#b429df;} a.sahelanthropus:visited {color:#b429df;} a.sahelanthropus:hover {color:black;} a.button:link {color:white; display: block; width: 166px; height: 44px; text-decoration:none;} a.button:visited {color:white; display: block; width: 166px; height: 44px; text-decoration:none;} a.button:hover {color:black; display: block; width: 166px; height: 44px; text-decoration:none;} .btn167 {display: block; width: 167px; height: 44px; background: url("images/btn1.jpg") repeat-x; color: white; font-size: 14px; line-height: 44px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center;} .btn167:hover { background: url("images/btn2.jpg") repeat-x; cursor:pointer; width: 167px; height: 44px; color: black; font-size: 14px; line-height: 44px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center;} .btn166 {display: block; width: 166px; height: 44px; background: url("images/btn1.jpg") repeat-x; color: white; font-size: 14px; line-height: 44px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center;} .btn166:hover { background: url("images/btn2.jpg") repeat-x; cursor:pointer; width: 166px; height: 44px; color: black; font-size: 14px; line-height: 44px; font-weight:normal; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align:center;} .pagination{ padding: 2px;} .pagination ul { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 11px; text-align: left; margin: 0; padding: 0 } .pagination li{list-style-type: none;display: inline;padding-bottom: 1px;} .pagination a, .pagination a:visited { color: #202220; text-decoration: none; background-color: #ffffff; padding: 3px 5px; border: solid 1px } .pagination a:hover, .pagination a:active{border: 1px solid #202220;color: #ffffff;background-color: #202220;} .pagination a.currentpage{background-color: #202220;color: #FFF !important;border-color: #202220;font-weight: bold;cursor: default;} .pagination a.disablelink, .pagination a.disablelink:hover{background-color: white;cursor: default;color: #929292;border-color: #929292;font-weight: normal !important;} .pagination a.prevnext{font-weight: bold;} .section { color: #ffffff; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #995D35; text-align: left; display: inline; margin: 0; padding: 3px 5px; border: solid 1px #995D35 } .navspace { margin: 0; padding: 0; width: 526px; height: 3px }