﻿@charset "utf-8";
* { margin: 0; padding: 0; }

body {font-family: Georgia, Verdana, Times New Roman; font-size: 0.8em; line-height: 130%; color:#000000; width:90%; left:5%; right:5%; position:relative; background-image:url('../web-imgs/ccc-wallpaper.gif'); }
p {line-height: 130%; color:#000000; margin-top:1px; margin-bottom:1px}
p.indent {margin-left: 1em}
p.indentmore {margin-left: 2em}
p.indentwaymore {margin-left: 8em; margin-right: 10em}
p.large {font-size: 1.1em}
p.footer {font-size: 0.8em}

a:link, a:active, a:visited { color: #000066; text-decoration: underline; font-weight: bold}
a:hover { color: #000000; text-decoration: none; font-weight: bold}

a.plain:link, a.plain:active, a.plain:visited {color: #000000; text-decoration: none; font-weight: normal}
a.plain:hover {text-decoration: underline}

h1 {font-size: 2em; font-weight: bold; font-style: italic; margin-top: 2px; margin-bottom: 2px; text-align: center}
h2 {font-size: 1em; font-weight: bold; margin-top: 2px; margin-bottom: 2px; text-align: center}

hr { text-align:center; margin: 0 auto 0 auto;}

div.cloud { text-align: center; width: 900px; margin-left: auto; margin-right: auto; border: 0; background-color: #ffffff; padding: 10px 50px 30px 50px; border:2px #dddddd solid; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; }
div.left { text-align: left; width: 800px; margin-left: auto; margin-right: auto; border: 0; }
div.center { text-align: center; width: 800px; margin-left: auto; margin-right: auto; border: 0; }
div.right { text-align: center; width: 800px; margin-left: auto; margin-right: auto; border: 0; }
div.float { float: left; }
div.float p { text-align: center; }
div.container { text-align: center; background-color: #ffe; width: 800px; border: 0; }
div.spacer { clear: both; }

div.downarrow { text-align:center; background-image:url('../web-imgs/arrow.jpg');  width:200px; height:200px; margin-left:auto; margin-right:auto;}

table.main    { width: 800px; border: 0 } 
table.main td { text-align: left; border: 0; vertical-align:text-top }

table.border  { border:thin #dddddd solid; }

table.nav    { width: 800px; border: 0 } 
table.nav td { text-align: center; border: 0; vertical-align:text-top }

ul.cssmenu {
	text-align: center; margin-left: auto; margin-right: auto; border: 0;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	}
.displace {
	position: absolute;
	left: -5000px;
	}
ul.cssmenu li {
	float: left;
	padding: 0;
	margin: 0;
	}
ul.cssmenu li a {
	display: block;
	background: url('menu.gif');
	outline: none;
	}
/*
*	Normal Links
*/
ul.cssmenu li.home a {
	width: 60px;
	height: 36px;
	background-position: 0 0;
	}
ul.cssmenu li.cracker-jack-prizes a {
	width: 151px;
	height: 36px;
	background-position: -60px 0;
	}
ul.cssmenu li.toys a {
	width: 48px;
	height: 36px;
	background-position: -211px 0;
	}
ul.cssmenu li.paintings a {
	width: 79px;
	height: 36px;
	background-position: -259px 0;
	}
ul.cssmenu li.drawings a {
	width: 83px;
	height: 36px;
	background-position: -338px 0;
	}
ul.cssmenu li.books a {
	width: 58px;
	height: 36px;
	background-position: -421px 0;
	}
ul.cssmenu li.cartoons a {
	width: 77px;
	height: 36px;
	background-position: -479px 0;
	}
ul.cssmenu li.patents a {
	width: 69px;
	height: 36px;
	background-position: -556px 0;
	}
ul.cssmenu li.articles-videos a {
	width: 120px;
	height: 36px;
	background-position: -625px 0;
	}
ul.cssmenu li.links a {
	width: 55px;
	height: 36px;
	background-position: -745px 0;
	}
/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	background-position: 0 -36px;
	}
ul.cssmenu li.cracker-jack-prizes a:hover {
	background-position: -60px -36px;
	}
ul.cssmenu li.toys a:hover {
	background-position: -211px -36px;
	}
ul.cssmenu li.paintings a:hover {
	background-position: -259px -36px;
	}
ul.cssmenu li.drawings a:hover {
	background-position: -338px -36px;
	}
ul.cssmenu li.books a:hover {
	background-position: -421px -36px;
	}
ul.cssmenu li.cartoons a:hover {
	background-position: -479px -36px;
	}
ul.cssmenu li.patents a:hover {
	background-position: -556px -36px;
	}
ul.cssmenu li.articles-videos a:hover {
	background-position: -625px -36px;
	}
ul.cssmenu li.links a:hover {
	background-position: -745px -36px;
	}
/*
*	Selected Links
*/
ul.cssmenu li.home a.selected {
	background-position: 0 -36px;
	}
ul.cssmenu li.cracker-jack-prizes a.selected {
	background-position: -60px -36px;
	}
ul.cssmenu li.toys a.selected {
	background-position: -211px -36px;
	}
ul.cssmenu li.paintings a.selected {
	background-position: -259px -36px;
	}
ul.cssmenu li.drawings a.selected {
	background-position: -338px -36px;
	}
ul.cssmenu li.books a.selected {
	background-position: -421px -36px;
	}
ul.cssmenu li.cartoons a.selected {
	background-position: -479px -36px;
	}
ul.cssmenu li.patents a.selected {
	background-position: -556px -36px;
	}
ul.cssmenu li.articles-videos a.selected {
	background-position: -625px -36px;
	}
ul.cssmenu li.links a.selected {
	background-position: -745px -36px;
	}
/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	background-position: 0 -72px;
	}
ul.cssmenu li.cracker-jack-prizes a:active {
	background-position: -60px -72px;
	}
ul.cssmenu li.toys a:active {
	background-position: -211px -72px;
	}
ul.cssmenu li.paintings a:active {
	background-position: -259px -72px;
	}
ul.cssmenu li.drawings a:active {
	background-position: -338px -72px;
	}
ul.cssmenu li.books a:active {
	background-position: -421px -72px;
	}
ul.cssmenu li.cartoons a:active {
	background-position: -479px -72px;
	}
ul.cssmenu li.patents a:active {
	background-position: -556px -72px;
	}
ul.cssmenu li.articles-videos a:active {
	background-position: -625px -72px;
	}
ul.cssmenu li.links a:active {
	background-position: -745px -72px;
	}