/* body and text styles */

body {margin: 0px;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#764F02}


a:link {color: #687740; text-decoration: none;}
a:visited {color: #687740; text-decoration: none;}
a:hover {color: #687740; text-decoration: underline;}

#green a:link {color: #687740; text-decoration: none;}
#green a:visited {color: #687740; text-decoration: none;}
#green a:hover {color: #687740; text-decoration: underline;}

#brown a:link {color: #764F02; text-decoration: none;}
#brown a:visited {color: #764F02; text-decoration: none;}
#brown a:hover {color: #764F02; text-decoration: underline;}


/* navigation */
.leftArrow {float:left; margin-top:300px; margin-right:20px; width:35px; height:30px;}
.rightArrow {float:left; margin-top:300px; margin-left:20px; width:35px; height:30px;}

/* rollovers */
.prev {width:35px;height:30px;}
.prev a {display:block;width:35px;height:30px;background:  url("../graphicas/prev_states.jpg") 0 0 no-repeat;}
.prev a:hover {background-position: 0 -30px;}
.prev a:active {background-position: 0 -60px;}

.next {width:35px;height:30px;}
.next a {display:block;width:35px;height:30px;background:  url("../graphicas/next_states.jpg") 0 0 no-repeat;}
.next a:hover { background-position: 0 -30px;}
.next a:active {background-position: 0 -60px;}

.everythingYouNeed {position:absolute; z-index:50; font-family:Verdana, Helvetica, sans-serif; font-size:10px; color:#764F02; padding:8px; left: 63px; top: 98px;}
.headerBox {font-size:10px; color:#764F02; padding:8px; margin-top:50px}


.theBackgroundImage {float:left; height:680px; width:416px; margin-top:20px}
.theForegroundImage {position:absolute; top:56px; left: 105px; width:322px; height:444px; z-index:10}
.writtenTextBox {position:absolute; top:496px; left: 136px; width:260px; text-align:center; z-index:20;}

.writtenText {font-family:Georgia, 'Times New Roman', Times, serif; font-size:17px; width:260px; margin-top:15px; height:50px; color: #000000}
.writtenPage {font-family:Georgia, 'Times New Roman', Times, serif; font-size:17px; color: #000000}
.pageNumbers {font-family:Georgia, 'Times New Roman', Times, serif; font-size:12px; font-weight:bold; color: #000000}

.p10 {padding:10px}
.dashBorder {border-bottom: 1px dashed #687740; padding-bottom:10px; text-align:right}

