body { 
	background: #9cf;
	color: #000; 
	font-family: arial, verdana, serif; 
	font-variant: small-caps; 	
	padding: 0; 
	margin: 0;	
	height: 100%; 
}

#header { 
	color: #000;
	background: url(decor.jpg) #9CF repeat-y;	
	margin: 0 240px 0 20px;	
	padding: 10px 10px 30px 70px; 
	border: none; 
	height: 500%; 
	font: small-caps bold 135% arial, verdana, serif; }
/* =Content 
----------------------------------------------- */
#holder { 
	position: relative;	
	background: #09c;	
	color: #fff; 
}
#content {
	position: relative;
	color: #FFF;
	letter-spacing: 1px;
	padding: 15px;
	margin: 15px 0 0 0;
             	border: #0FC medium ridge;
	top: -10px;
	left: 10px;
	height: 100%;
	background: #069;
	font: normal bold 70% verdana, arial, serif;
}

/* =Right 
----------------------------------------------- */
#right {
	position: absolute;
	top: 25px;
	right: 20px;
	padding: 0;
	margin: 0;
	width: 200px;
	font: normal bold 80% verdana, arial, serif;
	background: #9cf;
	color: #000;
}
/* =Navigation 
----------------------------------------------- */
#content div.buttons a {
	background: #069;
	color: #000;
}
div.buttons a:link img {     
	border-style: solid;
	border-top-color: #069;
	border-right-color: #069;
	border-bottom-color: #069;
	border-left-color: #069;
	border-width: 2px;
}
div.buttons a:visited img { 	
	border-style: solid;
	border-top-color: #069;
	border-right-color: #069;
	border-bottom-color: #069;
	border-left-color: #069;
	border-width: 2px; } 

div.buttons a:active img { 	
	border-style: solid;
	border-top-color: #ff3;
	border-right-color: #ff3;
	border-bottom-color: #ff3;
	border-left-color: #ff3;
	border-width: 2px; } 

div.buttons a:focus img { 	
	border-style: solid;
	border-top-color: #ff3;
	border-right-color: #ff3;
	border-bottom-color: #ff3;
	border-left-color: #ff3;
	border-width: 2px; 
} 
.home  {
	padding: 0;
	margin-left: 0px;
	color: #000;
	background: #069; }
.map {
	margin-left: 5px;
	padding: 0;
	color: #000;
	background: #069; }
.links {
	margin-left: 5px;
	padding: 0;
	color: #000;
	background: #069; }
.book {
	margin-left: 5px;
	padding: 0;
	color: #000;
	background: #069; }
.mail {
	margin-left: 5px;
	padding: 0;
	color: #000;
	background: #069; }
.xml {
	margin-left: 5px;
	padding: 0;
	color: #000;
	background: #069; 
}

/* =Javascript Pop-Out Menu 
----------------------------------------------- */
#menu {
	left: 35px;
	right: 35px;
	top: 40px;
	width: 200px;
	background: #9cf;
}
#menu.ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	border-left: 1px solid #00CCFF;
	border-right: 1px solid #00CCFF;
	border-bottom: 1px solid #00CCFF;
}
#menu ul li {
	position: relative;
	border-top: 1px solid #00CCFF;
	border-left: 1px solid #00CCFF;
	border-right: 1px solid #00CCFF;
	min-width: 200px;
}
li ul {
	position: absolute;
	right: 202px;
	top: 0;
	display: none;
}
#menu ul li a {
	display: block;
	text-decoration: none;
	padding: 4px;
}
#menu ul li {
	float: left;
}
ul li a {
	display: block;
	height: 1%;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	border-bottom: 1px solid #0CF;
}
li:hover ul, li.over ul {
	display: block;
}
/* =Photo Gallery (Non-Javascript version) 
----------------------------------------------- */
#gallery {
	margin: 0 0 1em 0;
	font: normal bold 100% verdana, arial, serif;
	background: #9cf;
	color: #000; 
	padding: 0;
}
.gallery { 
	list-style: none; 
	background: #9cf; 
	color: #000; 
	margin: 0;
	padding: 0;
}
#gallery a { 
	text-decoration: underline; 
	color: #000; 
	background: #9CF; 
}



/* =Search 
----------------------------------------------- */
#right form { 
	background: #069; 
	color: #fff; 
	width: 180px;
        height: 50px;
	border: #0fc medium ridge;
        padding: 4px;
}
input text {
	width: 100px;
           
}
/* =Acronym 
----------------------------------------------- */
abbr, acronym, .help {
	border-bottom: #ff3 1px dotted;
	cursor: help;
	color: #ff3;
	background: #069;
}

/* =Definition List (Sitemap) 
----------------------------------------------- */
#right dl { 
	background: #9CF; 
	color: #000; 
}
#right dl a { 
	text-decoration: underline;
	color: #000;
	background: #9CF;
	border: 0;
	padding: 0;
}
#right dd a { 
	text-decoration: underline;
	color: #000;
	background: #9CF;
	border: 0;
	margin: 0 0 0 -20px;
}
/* =Equal Height for Content and Right Sides 
----------------------------------------------- */
#content {
	min-height: 6000px;
}
* html #content {
	height: 6000px;
}
/* =General Entries with Photo 
----------------------------------------------- */
div.entry {
	float: left;
	padding: 0;
	margin: 0 0 2em;
	width: 100%;
}
#content p.pic a { 
	color: #000069; 
	background: #069;
	border: 0; 
	margin: 0; 
	padding: 0; 
}
div.entry .pic {
	float: left;
	clear: left;
	margin: 5px 5px 0 0;
	position: relative;
}
div.entry hr {
	display: block;
	clear: left;
	margin: -0.001em;
	visibility: hidden;
}

/* =Compendium Photos 
----------------------------------------------- */
div.photo {
	margin: 0 0 3em 40px; 
}

/* =Linked Images with hover effects
----------------------------------------------- */
#content a:link img {     
	border-style: solid;
	border-top-color: #069;
	border-right-color: #069;
	border-bottom-color: #069;
	border-left-color: #069;
	border-width: 2px;
}
#content a:visited img { 	
	border-style: solid;
	border-top-color: #069;
	border-right-color: #069;
	border-bottom-color: #069;
	border-left-color: #069;
	border-width: 2px; } 

#content a:active img { 	
	border-style: solid;
	border-top-color: #ff3;
	border-right-color: #ff3;
	border-bottom-color: #ff3;
	border-left-color: #ff3;
	border-width: 2px; } 

#content a:hover img { 	
	border-style: solid;
	border-top-color: #ff3;
	border-right-color: #ff3;
	border-bottom-color: #ff3;
	border-left-color: #ff3;
	border-width: 2px; 
} 
#content a:focus img { 	
	border-style: solid;
	border-top-color: #ff3;
	border-right-color: #ff3;
	border-bottom-color: #ff3;
	border-left-color: #ff3;
	border-width: 2px; 
} 

/* =Episode Headings (Reviews, Guides) 
----------------------------------------------- */
div.episode {
	padding: 0;
	margin: 0 0 0 40px;
}

/* =Return to Sitemap (disabled Javascript) 
----------------------------------------------- */

#content p.date { 
	color: #ff3; 
	background: #069; 
	margin-bottom: 1em;
	font-size: medium;
}
#right div.icon a {
	background: #9cf;
	color: #000; 
}
#right div.entry {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	background: #9cf;
}
#right div.return {
	float: left;
	background: #9cf;
	color: #000;
}
#right div.return a {
	background: #9cf;
	color: #000;
}
/* =Right Side Linked Image Hover Effects 
----------------------------------------------- */
#right a:link img {     
	border-style: solid;
	border-top-color: #9CF;
	border-right-color: #9CF;
	border-bottom-color: #9cf;
	border-left-color: #9CF;
	border-width: 2px;
}
#right a:visited img { 	
	border-style: solid;
	border-top-color: #9CF;
	border-right-color: #9CF;
	border-bottom-color: #9cf;
	border-left-color: #9CF;
	border-width: 2px; } 

#right a:active img { 	
	border-style: solid;
	border-top-color: #ff3;
	border-right-color: #ff3;
	border-bottom-color: #ff3;
	border-left-color: #ff3;
	border-width: 2px; 
} 
#right a:hover img { 	
	border-style: solid;
	border-top-color: #ff3;
	border-right-color: #ff3;
	border-bottom-color: #ff3;
	border-left-color: #ff3;
	border-top-width: 2px; 	
} 
#right a:focus img { 	
	border-style: solid;
	border-top-color: #ff3;
	border-right-color: #ff3;
	border-bottom-color: #ff3;
	border-left-color: #ff3;
	border-width: 2px; 
} 
#right div.icon p.par a:link { 
	background: #9cf; 
	color: #000; 
}
#right div.icon p.par a:visited { 
	background: #9cf; 
	color: #000; 
}
#right div.icon p.par a:active { 
	background: #000; 
	color: #ff3; 
}
#right div.icon p.par a:hover { 
	background: #000; 
	color: #ff3; 
}
#right div.icon p.par a:focus { 
	background: #000; 
	color: #ff3;
}
#right p.par {
	background: #9cf;
	color: #000; 
}
#right p a {
	background: #9cf;
	color: #000; 
}
#right p.img {
	padding: 0px 0px 10px 0px;
	margin: 0;
}
#right div.list a:hover { 
	background: #000; 
	color: #ff3; 
}
/* =Right Side DVD Box 
----------------------------------------------- */
#right p.dvd {
	margin: 2em 0 2em 0;
	background: #069;
	color: #fff;
	border: #0fc medium ridge;
	padding: 5px;
	width: 180px;
	font-size: 90%;
	line-height: 150%;
}
/* =Right Side Privacy Policy
----------------------------------------------- */
#right p.privacy a { 
	font-size: 100%; 
	text-decoration: underline;
	padding: 0;
}

/* =Tabbed Linking 
----------------------------------------------- */
a:hover, a:active, #content a:hover, #content a:active, #content a:hover, #content a:active, #content a:focus {
	color: #ff0;
	background: #000;
	text-decoration: none;
}
a:hover, a:active, #right a:hover, #right a:active, #right a:hover, #right a:active, #right a:focus {
	color: #ff0;
	background: #000;
}
a:hover, a:active, #right ul.links a:hover, #right ul.links a:active, #right ul.links a:hover, #right ul.links a:active, #right ul.links a:focus {
	color: #ff0;
	background: #000;
}
a:hover, a:active, #right ol.links a:hover, #right ol.links a:active, #right ol.links a:hover, #right ol.links a:active, #right ol.links a:focus {
	color: #ff0;
	background: #000;
}
#right div.icon a:hover, a:active, #right div.icon a:hover, #right div.icon a:active, #right div.icon a:hover, #right div.icon a:active, #right div.icon a:focus { color: #ff3; background: #9cf; text-decoration: none; }

/* =Linking effects
----------------------------------------------- */
a:link {
	text-decoration: underline;
	color: #0FC;
	background: #069;
}
a:visited {
	text-decoration: none;
	color: #CCC;
	background: #069;
}
a:active {
	text-decoration: none;
	color: #FFF;
	background: #069;
}
a:hover {
	text-decoration: none;
	color: #FF0;
	background: #069;
}

/* =Headings 
----------------------------------------------- */
h1 {  clear: both;
	color: #FFF;
	line-height: 120%;
	letter-spacing: 1px;
	font-size: x-large;
	font-style: normal;
	font-weight: 600;
	border-top: #0fc medium ridge;
	padding: 1em 0 0 15px;
	margin: .25em -15px 1em;
	background: #069;
}
h2 {
	color: #FF3;
	font-size: medium;
	padding: 0;
	margin: 0;
	border: 0;
	background: #069;
}
#content h2 a:hover { 
	background: #069;
	color: #ff3; 
}
#content div.entry h2 a { 
	background: #069;
	color: #ff3; 
}	
#content div.episode h2 a { 
	background: #069;
	color: #ff3; 
}
h3 {
	color: #FF3;
	font-size: medium;
	margin-bottom: -1em;
	background: #069;
	text-decoration: none;
}
h4 {
	font-size: medium;
	padding: 0;
	margin: 0;
	border: 0;
}
h5 {
	font-size: medium;
	padding: 0;
	margin: 0 0 -1em 15px;
	border: 0;
	color: #ff3;
	background: #069;
}
h6 {
	font-size: medium;
	padding: 0;
	margin: 0 0 -1em 0px;
	border: 0;
	color: #ff3;
	background: #069;
}
/* =Text Effect 
----------------------------------------------- */
strong {
	color: #FF3;
	background: #069;
}
/* =Paragraphs 
----------------------------------------------- */
p {
	padding: 0;
	margin: 0;
}
p.par {
	padding: 0;
	margin: 0 0 2em;
}
p.par2 {
	padding: 0;
	margin: 2em 0 2em;
}
#content p { 
	line-height: 128%; 
}
#content p.one {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 90%;
}
#content p.two {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 75%;
	color: #FF3;
	background: #069;
}
#content p.three {
	letter-spacing: -1px;
	margin: 2em 0;
	font-size: 85%;
	color: #FFF;
	background: #069;
}
#content p.three a { 
	text-decoration: none; 
}
#content p.four {
	letter-spacing: -1px;
	margin-bottom: 1em;
	color: #FFF;
	background: #069;
}
#right p.par {
	padding: 0;
	margin: 0 0 2em;
}
#right p {
	padding: 0;
	margin: 1em 0 1em;
}

/* =Content Footer 
----------------------------------------------- */
p.footer {
	padding: 0;
	margin: 2em 0 0;
	font: normal bold 70% verdana, arial, serif;
	line-height: 150%;
}
p.footer a {
	text-decoration: underline;
}
a:hover, a:active, #content p.footer a:hover, #content p.footer a:active, #content p.footer a:hover, #content p.footer a:active, #content p.footer a:focus {
	color: #ff0;
	background: #069;
	text-decoration: none;
}
/* =Compendium Header 
----------------------------------------------- */
h3.com { 
	margin-left: 15px; 
}
/* =Lists 
----------------------------------------------- */
#content ul { 
	list-style-type: none; 
	margin-bottom: 3em;
}

#content ol { 
	margin-bottom: 3em;
}
Tooltips-------------------------------

span.link {
	position: absolute;
}

span.link a span {
	display: none;
}

span.link a:hover {
	font-size: 100%;
}

span.link a:hover span {
	display: block;
	position: absolute;
	margin-top: 50px;
	margin-left: -50px;
	width: 200px;
	padding: 5px;
	z-index: 100;
	background: #000;
	color: #ff3;
	border-style: solid;
	border-width: 1px;
	border-top-color: #ff3;
	border-right-color: #ff3;
	border-bottom-color: #ff3;
	border-left-color: #ff3;
	text-decoration: none;
}