/* Style sheet for basic ToH pages, created 2005-01-14 */
/* modified 2007-07-31, validated 2005-01-17 */

body { background-color:#CCCCCC;
 background-image:url(img/gry-back.jpg);
 color:black;
 font-family:geneva,arial,helvetica,sans-serif;
 margin:2% 0%;
 text-align:center;
}

p, th, td, ul, li, blockquote { color:black;
 font-family:geneva,arial,helvetica,sans-serif; text-align:left; }

a:link { color:#3333FF; }
a:visited { color:#CC9900; }
a:hover { color:#DA70D6; }
a:active { color:#EE82EE; }
a:link, a:visited, a:hover, a:active { text-decoration:underline; }

h1 { margin: .5em 0em; text-align:center; }
h2 { text-align:center; }

table { margin-left: auto; margin-right: auto; }
td.half { width:50%; }
td.half-c { width:50%; text-align:center; }
img { border:0; }
b, strong { font-weight:bold; }
i, em, cite { font-style:italic; }
.center { text-align:center; }
.copyright { font-size:80%; text-align:center; }
.crumb { font-size:80%; }
.left { text-align:left; }
.sechead { font-weight:bold; }

#content { width:90%;
 margin:auto;
 padding:10px;
 background-color:#F6F6F6;
 border: 4px ridge #CCCCCC; /* match body back */
 }

#navbar, navbar a { text-align:center;
 margin:auto;
 margin-bottom:1em;
 width:588px;
 height:31px;
 position:relative;
 }
#navbar i { visibility:hidden; }

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

#home   { background-image:url(img/home.gif); left:0px; width:65px; }
#orig   { background-image:url(img/orig.gif); left:65px; width:162px; }
#links  { background-image:url(img/link.gif); left:227px; width:57px; }
#pro    { background-image:url(img/pro.gif); left:284px; width:85px; }
#port   { background-image:url(img/port.gif); left:369px; width:92px; }
#search { background-image:url(img/search.gif); left:461px; width:127px; }

a#home, a#orig, a#links, a#pro, a#port, a#search
 { border:none;  text-decoration:none; }

#home:hover   { background-image:url(img/home-p.gif); }
#orig:hover   { background-image:url(img/orig-b.gif); }
#links:hover  { background-image:url(img/link-g.gif); }
#pro:hover    { background-image:url(img/pro-b.gif); }
#port:hover   { background-image:url(img/port-b.gif); }
#search:hover { background-image:url(img/search-g.gif); }

a#home:hover, a#orig:hover, a#links:hover, a#pro:hover, a#port:hover, a#search:hover
 { border:none;  text-decoration:none; }

/* for Tao of Hypertime title rollover */
#toh { background-image:url(img/title.gif);
  width:442px; height:67px;
  margin-left:auto; margin-right:auto; margin-top: 50px; }
#toh i { visibility:hidden; }
#toh:hover { background-image:url(img/title-on.gif); }

a#toh, a#toh:hover
 { border:none;  text-decoration:none; }

/* for taichi and rollovers */
#taichi { position:relative;
  width:400px; height:310px;
  margin-left:auto; margin-right:auto; }
#taichi i { visibility:hidden; }
.taichilink, taichilink a { position:absolute;
 height:310px;
 background-repeat:no-repeat;
 }
#orig-t { background-image:url(img/orig-off.gif); left:0px; width:71px; }
#logo { background-image:url(img/yy-off.gif); left:71px; width:279px; }
#links-t { background-image:url(img/links-off.gif); left:350px; width:50px; }
#orig-t:hover { background-image:url(img/orig-on.gif); }
#links-t:hover { background-image:url(img/links-on.gif); }

a#orig-t, a#links-t, a#orig-t:hover, a#links-t:hover
 { border:none;  text-decoration:none; }

.hiddenpic { display:none; }