body {background-color: #cccccc; background-image:
url(index_files/ohpbg.jpg); background-repeat: repeat-y;
background-position: left top; font-size: 14pt; font-family: Georgia; color: #000000;}



/* begin banner styles */

img.blackbanner {width: 100%; height: 154px; border: "0";}

img.ohplogo {top: 12px; left: 12px; position: absolute; width: 164px; height: 130px; border: 0;}

img.ohpbanner {top: 12px; left: 190px; position: absolute; width: 548px; height: 45; border: 0;}

/* end banner styles */



/* begin navigation links styles */

div.toc1 {top: 60px; left: 188px; position: absolute; z-index: 1; visibility: show; margin-left: auto; margin-right: auto; z-index: 2;}
div.toc2 {top: 84px; left: 188px; position: absolute; z-index: 1; visibility: show; margin-left: auto; margin-right: auto; z-index: 2;}
div.toc3 {top: 127px; left: 188px; position: absolute; z-index: 1; visibility: show; margin-left: auto; margin-right: auto; z-index: 2;}

table.toc {border: 1; font-family: Arial Black; color: #000000; font-size: 14px;}

td.toc {background: url(index_files/linkbg.gif); height: 18px; width: 100px; text-align: center; vertical-align: top;}
td.toc2 {background: url(index_files/linkbg.gif); height: 38px; width: 160px; text-align: center; vertical-align: top;}
td.toc3 {background: url(index_files/linkbg.gif); height: 10px; width: 120px; font-size: 12px; text-align: center; vertical-align: top;}

a.toc {text-decoration: none;}
a.toc:link {color: #000000; text-decoration: none;}
a.toc:visited {color: #000000; text-decoration: none;}
a.toc:hover {color: #000000; text-decoration: none;}
a.toc:active {color: #000000; text-decoration: none;}

a.blk:visited {color: blue;}

a.w {text-decoration: none;}
a.w:link {color: #ffffff; text-decoration: none;}
a.w:visited {color: #ffffff; text-decoration: none;}
a.w:hover {color: #ffffff; text-decoration: none;}
a.w:active {color: #ffffff; text-decoration: none;}

/* end navigation links styles */


/* begin donor levels styles */

table.dl {background-color: #000000; margin-left: auto; margin-right: auto;}

td.ol {color: orange; text-align: left; width: 300px; height: 50px;}
td.or {color: orange; text-align: right; height: 50px;}
td.rl {color: red; text-align: left; width: 300px; height: 50px;}
td.rr {color: red; text-align: right; height: 50px;}
td.yl {color: yellow; text-align: left; width: 300px; height: 50px;}
td.yr {color: yellow; text-align: right; height: 50px;}

/* end donor level styles */



/* begin bio styles */

table.bio {margin-left: auto; margin-right: auto; border: 1; font-family: Arial Black; color: #000000; font-size: 12pt;}

td.bio {background: url(index_files/linkbg.gif); height: 30px; width: 160px; text-align: center; vertical-align: top;}

a.bio {cursor: pointer;}

/*end bio styles */



/* begin photo styles */

img.thumb {cursor: pointer; border-style: none; height: 48px; width: 64px;}
img.tallthumb {cursor: pointer; border-style: none; height: 64px; width: 48px;}
table.pics {text-align: left; margin-left: auto; margin-right: auto; width: 50%}
img.pics {text-align: left; margin-left: auto; margin-right: auto; width: 50%}
img.jim {height: 156px; width: 114px; float: left; margin: 10px;}
img.jeff {height: 128px; width: 102px; float: left; margin: 10px;}
img.felipe {height: 151px; width: 226px; float: left; margin: 10px;}
img.jason {height: 150px; width: 120px; float: left; margin: 10px;}

img.kellie {height: 148px; width: 110px; float: left; margin: 10px;}
img.harvey {height: 118px; width: 148px; float: left; margin: 10px;}

img.headshottall {height: 148px; float: left; margin: 10px;}
img.headshotwide {width: 148px; float: left; margin: 10px;}

img.postcard {height: 254pt; width: 373pt;}
img.fresh {height: 60pt; width: 150pt; border: 0;}

img.sponsor1 {height: 97px; width: 106px; border: 0;}
img.sponsor2 {height: 97px; width: 210px; border: 0;}
img.sponsor3 {border: 0;}

img.gymbar {height: 90px; width: 154px; border: 0;}

/*end photo styles */

/* begin two-column styles */

table.cols {border: 0; width: 95%;}
td.full {width: 100%; vertical-align: top;}
td.col {width: 45%; vertical-align: top;}
td.colmid {width: 1%; vertical-align: top;}
td.colblk {width: 45%; background-color: #000000; color: #FFFFFF;  vertical-align: top;}
td.collightsalmon {width:45%; vertical-align: top; background-color: #F9966B;}

p.centercol {text-align: center; margin-left: 0px; margin-right: 0px; width: 100%}
p.leftcol {text-align: left; margin-left: 0px; margin-right: 0px; width: 100%}

form.col {text-align: center;}
table.inform {border: 0; width: 100%;}

/* end two-column styles */

/* begin main content styles */

div.main {top: 172px; position: absolute; border: 0; visibility: show; margin-left: auto; margin-right: auto; width: 100%}

p.center {text-align: center; margin-left: auto; margin-right: auto; width: 50%}
p.left {text-align: left; margin-left: auto; margin-right: auto; width: 50%}
p.centerwide {text-align: center; margin-left: auto; margin-right: auto; width: 80%}
p.leftwide {text-align: left; margin-left: auto; margin-right: auto; width: 80%}

ul.left {text-align: left; margin-left: auto; margin-right: auto; width: 50%; list-style-type: disc; list-style-position: inside;}

img.center {display: block; margin-left: auto; margin-right: auto;}

span.smalltext {font-size: 75%;}
span.medlgtext {font-size: 125%;}
span.largetext {font-size: 150%;}
span.it {font-style: italic;}
span.bold {font-weight: bold;}
span.itbold {font-style: italic; font-weight: bold;}
span.h {font-family: Georgia; font-size: 24px; font-style: italic; font-weight: bold; margin-left: auto; margin-right: auto; width: 50%}
span.u {text-decoration: underline;}

br.small {font-size: 4px;}
br.large {font-size: 16px;}

/* end main content styles */
