/* CSS Document */

html, body { margin: 0px; padding: 0px; background-color: #c9b590; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; }

a { color: #008a99; text-decoration: none; }
a:hover { color: #5d5d5d; }

.teal { color: #008a99; font-size: 16px; margin-bottom: 0px; display: block; }

.main { background-repeat: no-repeat; width: 798px; text-align: left; background-color: #ffffff; border-left: 1px solid #999999; border-right: 1px solid #999999; }

.header { height: 141px; background-color: #d3d89e; }
.header .top { height: 65px; }
.header .fade { height: 22px; background-image: url('./images/gui/header.jpg'); }
.header .links { height: 47px; }
.header .links .contact { width: 204px; float: right; text-align: center; }
.header .links .contact .green { color: #008a99; margin-top: 5px; font-size: 15px; font-weight: bold; }
.header .links .contact .gray { color: #5d5d5d; font-size: 11px; font-weight: bold; }
.header .links .linkbar { text-align: center; line-height: 47px; font-size: 15px; font-weight: bold; text-align: right; }
.header .bar { height: 7px; background-image: url('./images/gui/bar.jpg'); }

.content { background-repeat: repeat-x; position: relative; }
.content .titleimg { position: absolute; top: 15px; left: 35px; }
.content .title { top: 20px; left: 35px; position: absolute; }
.content .text { top: 108px; left: 38px; position: absolute; width: 340px; text-align: justify; font-size: 16px; font-weight: bold; line-height: 19px; font-family: Times, serif; }
.content .condoms { width: 725px; }
.content .health { width: 375px; }
.content .options { width: 725px; }

.footer { height: 88px; background-color: #d3d89e; }
.footer .fade { height: 22px; background-image: url('./images/gui/footer.jpg'); }
.footer .text { height: 66px; line-height: 66px; font-size: 18px; text-align: center; font-weight: bold; }
.footer .text_smaller { height: 66px; line-height: 66px; font-size: 15px; text-align: center; font-weight: bold; }
.footer .text img { margin: 0px 15px; position: relative; top: 5px; }