/* Style sheet for CAoL pages, created 2003-07-31, revised 2007-08-06, validated 2003-? */

body { background-color: white;
  background-image: url(ltwoodbak.gif);
  color: black;
  font-family: geneva,arial,helvetica,sans-serif; }
p, th, td, ul, li { color: black;
  font-family: geneva,arial,helvetica,sans-serif; }

a:link { color: #006600; }
a:visited { color: #CC0000; }
a:hover { color: #FF3333; }
a:active { color: #FF3333; }

table { margin:0 auto; }

img { border: 0; }
b, strong { font-weight: bold; }
i, em, cite { font-style: italic; }
.center { text-align: center; }
.tracker { font-size: 70%; color: white; }
.mono { font-family: monospace; }
.copyright { font-size: 80%; text-align: center;
  font-family: geneva,arial,helvetica,sans-serif; }

.parthead { font-size: 150%; text-align: center; }
.warning { font-style: italic; margin-left: 2em; margin-right: 2em; }
.new { color: #FF3333; }
.bottom { clear:both; width:100%; height:2px; }
.half { width:50%; }
.20pct { width:20%; }
.hiddenpic { display:none; }
.left9 { float:left; margin-right:9px; }
.right9 { float:right; margin-left:9px; }
.clr { clear:left; }

.ringsurf { font-size: 80% } /* for size -2 */
.update { font-size: 110% }  /* for size 4 */
.refbox { width:150px;
   padding:5px;
   border:1px solid black;
   overflow:scroll;}

#main { float:left; margin-left: 180px; }
#content { width:100%; margin-bottom:1em; }

/* to make sure short pages don't have the footer overlap the leftnav */
.prop { float:right; width:1px; }
.min700px { height:700px; }

/* side nav */
#leftnav, leftnav a { text-align:center; }
#leftnav i { visibility:hidden; }

.navlink, navlink a { position:absolute;
 height:100px;
 background-repeat:no-repeat;
 }

a#logo   { background-image:url(caol-small.gif); left:10px; top:40px; width:167px; } /* width=167 height=99 */
a#home   { background-image:url(nav00.gif); left:19px; top:155px; width:150px; } /* height=44 */
a#search { background-image:url(nav01.gif); left:19px; top:199px; width:150px; } /* height=48 */
a#chars  { background-image:url(nav02.gif); left:19px; top:247px; width:150px; } /* height=24 */
a#good   { background-image:url(nav03.gif); left:19px; top:271px; width:150px; } /* height=18 */
a#bad    { background-image:url(nav04.gif); left:19px; top:289px; width:150px; } /* height=24 */
a#photos { background-image:url(nav05.gif); left:19px; top:313px; width:150px; } /* height=30 */
a#faqs   { background-image:url(nav06.gif); left:19px; top:343px; width:150px; } /* height=50 */
a#tracks { background-image:url(nav07.gif); left:19px; top:393px; width:150px; } /* height=49 */
a#theme  { background-image:url(nav08.gif); left:19px; top:442px; width:150px; } /* height=47 */
a#links  { background-image:url(nav09.gif); left:19px; top:489px; width:150px; } /* height=48 */
a#rev    { background-image:url(nav10.gif); left:19px; top:537px; width:150px; } /* height=68 */
a#flag   { background-image:url(../neverforget.gif); left:48px; top:620px; width:150px; } /* width=93 height=72 */
#mp3     { left:19px; top:700px; width:120px; } /* width=120 height=300 */

a#logo, a#home, a#search, a#chars, a#good, a#bad, a#photos, a#faqs, a#tracks, a#theme, a#links, a#rev, a#flag
 { border:none; text-decoration:none; }

a#home:hover   { background-image:url(nav00on.gif); }
a#search:hover { background-image:url(nav01on.gif); }
a#good:hover   { background-image:url(nav03on.gif); }
a#bad:hover    { background-image:url(nav04on.gif); }
a#photos:hover { background-image:url(nav05on.gif); }
a#faqs:hover   { background-image:url(nav06on.gif); }
a#tracks:hover { background-image:url(nav07on.gif); }
a#theme:hover  { background-image:url(nav08on.gif); }
a#links:hover  { background-image:url(nav09on.gif); }
a#rev:hover    { background-image:url(nav10on.gif); }

a#logo:hover, a#home:hover, a#search:hover, a#chars:hover, a#good:hover, a#bad:hover, a#photos:hover, a#faqs:hover, a#tracks:hover, a#theme:hover, a#links:hover, a#rev:hover
 { border:none;  text-decoration:none; }
 </style>