﻿/*SPINSCYTHE GENERAL BODY*/

body {background-color:#004080;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.blue {background-color:#004080;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.black {background-color:#000000;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.green {background-color:#008040;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.grape {background-color:#800040;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.steel {background-color:#454545;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.brick {background-color:#811411;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.dirt {background-color:#5c350d;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.forest {background-color:#084f3d;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.orange {background-color:#ff9750;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.purple {background-color:#3d084f;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

/*SEASONAL BG COLOR*/

body.cold {background-color:#88c2be;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.sunny {background-color:#ffd450;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.heat {background-color:#bf0d0d;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}

body.autumn {background-color:#90561b;}
* {color:#222222; 
font-family:"Verdana", Monaco, monospace;}






/*PARAGRAPHS*/

p.indent {text-indent: 50px;}
p.indent2 {text-indent: 50px; 
font-size:smaller;}

p.center {text-align: center;}
p.left {text-align: left;}
p.right {text-align: right;}
p.play {text-align: right; 
font-style: italic;}
p.pad {padding-left:10px; padding-right:10px;}

p.copyright-black {text-align:center; 
color:#000000; 
font-weight: bold; 
font-size:small;}

p.copyright-white {text-align:center; 
color:#FFFFFF; 
font-weight: bold; 
font-size:small;}

p.smaller {font-size:smaller;}





/*DIVIDERS*/

div.center {text-align:center;}
div.left {text-align:left;}
div.right {text-align:right;}

div.smalltext {font-size:small;}

div.menu6 {background-color:navy;
color:#ffffff;}

div.menu7 {background-color:#191919;
color:#ffffff;}

div.mid-small {width:700px; 
font-size:smaller; 
margin-left:auto; 
margin-right:auto;}

div.mid-left {width:700px; 
margin-left:auto;
margin-right:auto;}

div.mid-center {width:700px; 
margin-left:auto;
margin-right:auto; 
text-align:center;}

div.menu {text-align:center;font-size:x-large;}
div.comment {text-align:center;font-size:small;}
div.menu2 {width:100%;
position:absolute;
bottom:0;
text-align:center;}

div.grey {background: url(img/unique-bg-2.gif); 
text-align:left; 
font-size:x-small; 
width:400px; 
height:250px;}

div.links {
text-align:right; 
font-size:small; 
width:100%; 
word-spacing: 5px;}

div.indent {
text-indent: 50px;}





/*IMAGES*/

img.center {display: block;
    margin-left: auto;
    margin-right: auto;}







/*HEADERS*/

h1 {color:#000000; 
text-align:center; 
text-shadow:2px 2px #7a7047; 
font-family:"Courier New", Courier, monospace;}

h2 {color:#000000; 
text-align:center; 
font-family:"Lucida Console", Monaco, monospace;}

h3 {color:#000000; 
text-align:center; 
font-family:"Lucida Console", Monaco, monospace;}

h3.abt {color:#000000; 
text-align:left; 
font-family:"Lucida Console", Monaco, monospace;}






/*LINES*/

hr {background-color:#111111; 
border-color:#000000;
width:100%; 
box-shadow: 2px 2px 5px #333333;}

hr.test {background-color:#111111; 
border-color:#000000;
width:850px; 
box-shadow: 2px 2px 5px #333333;}






/*New TABLES*/

td.ghost {
vertical-align:top;}

td.nav-char {
width:30px;}

td.nav-link {
width:140px;}

th.nav-current {
width:140px;}

th.left {
text-align:left;}

th.right {
text-align:right;}

td.right {
text-align:right;}

td.nav-current {
font-weight:bold;
width:140px;}

td.button {padding:2px; 
text-align:center; 
vertical-align:middle;}





table.short {background-color:#B2B2B2; 
margin-left:auto; 
margin-right:0px; 
border-width:2px; 
border-style:solid; 
border-color:#333333; 
padding:0px; 
width:200px; 
box-shadow: 3px 3px 5px #000000;}

table.long {background-color:#B2B2B2; 
margin-left:auto; 
margin-right:0px; 
vertical-align:top;
border-width:3px; 
border-style:solid; 
border-color:#333333; 
padding:10px; 
width:850px; 
box-shadow: 3px 3px 5px #000000;}

table.nav {margin-left:0px; 
margin-right:auto; 
border-width:0px; 
border-style:solid; 
border-color:#333333; 
padding:3px; 
width:1050px; 
font-size: small;}

table.nav2 {margin-left:0px; 
margin-right:auto; 
border-width:0px; 
border-style:solid; 
border-color:#333333; 
padding:3px; 
font-size: small;}





table.long2 {background-color:#B2B2B2; 
margin-left:auto; 
margin-right:0px; 
vertical-align:top;
border-width:2px; 
border-style:solid; 
border-color:#333333; 
padding:10px; 
width:900px; 
box-shadow: 3px 3px 5px #000000;}

table.small2{background-color:#B2B2B2; 
margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
border-width:3px; 
border-style:solid; 
border-color:#555555; 
padding:7px; 
width:760px; 
box-shadow: 3px 3px 5px #333333;}

table.small3{background-color:#B2B2B2; 
margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
border-width:3px; 
border-style:solid; 
border-color:#555555; 
padding:7px; 
width:460px; 
box-shadow: 3px 3px 5px #333333;}

td.small2 {background-color:#B2B2B2; 
border-width:3px; 
border-style:solid; 
border-color:#555555; 
padding:7px; 
text-align:left; 
vertical-align:top; 
width:50%;}

td.image2 {background-color:#B2B2B2; 
border-width:3px; 
border-style:solid; 
border-color:#555555; 
padding:7px; 
text-align:center; 
vertical-align:middle; 
width:50%;}






/*LIBRARY TABLES*/

table.library{background-color:#B2B2B2; 
margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
border-width:2px; 
border-style:solid; 
border-color:#555555; 
padding:7px; 
width:760px; 
box-shadow: 3px 3px 5px #333333;}

td.library-left{background-color:#B2B2B2; 
vertical-align:middle;
border-width:1px; 
border-style:solid; 
border-color:#555555; 
padding:7px;}

td.library-mid{background-color:#B2B2B2; 
text-align:center; 
vertical-align:middle;
border-width:1px; 
border-style:solid; 
border-color:#555555; 
padding:7px;}

td.library-mid2{background-color:#B2B2B2; 
text-align:center; 
vertical-align:middle;
width:120px; 
border-width:1px; 
border-style:solid; 
border-color:#555555; 
padding:7px;}

th.library{background-color:#222222; 
color:#B2B2B2; 
text-align:center; 
vertical-align:middle;
border-width:1px; 
border-style:solid; 
border-color:#555555; 
padding:7px;}

th.date {background-color:#222222; 
color:#B2B2B2; 
text-align:center; 
vertical-align:middle;
border-width:1px; 
border-style:solid; 
border-color:#555555; 
padding:7px; 
width:180px;}

td.date {background-color:#B2B2B2; 
text-align:center; 
vertical-align:middle;
border-width:1px; 
border-style:solid; 
border-color:#555555; 
padding:7px; 
width:180px;}









/*BIG TABLES*/

table.primary {background-color:#ccbb77; 
margin-left:auto; 
margin-right:auto; 
border-width:3px; 
border-style:solid; 
border-color:#514a2f; 
padding:16px; 
width:980px; 
box-shadow: 3px 3px 5px #282517;}

td.primary {background-color:#ccbb77; 
border-width:0px; 
border-style:solid; 
border-color:#514a2f; 
padding:0px;}







/*MEDIUM TABLES*/

table.inner {background-color:#ccbb77; 
margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
border-width:3px; 
border-style:solid; 
border-color:#000000; 
padding:7px; 
width:830px; 
box-shadow: 3px 3px 5px #7a7047;}

td.inner {background-color:#ccbb77; 
border-width:3px; 
border-style:solid; 
border-color:#000000; 
padding:10px;}

/* with 2 rows of buttons */
table.inner2 {background: url(img/headspace.gif); 
background-repeat:no-repeat; 
background-color:#ccbb77; 
margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
border-width:0px; 
border-style:solid; 
border-color:#000000; 
padding:7px; 
width:830px; 
height:280px;}

td.inner2 {background-color:#ccbb77; 
border-width:0px; 
border-style:solid; 
border-color:#000000; 
padding:10px;}

td.headtop {border-width:0px; 
border-style:solid; 
border-color:#000000; 
padding:10px; 
height:145px;}








/*SMALL TABLES*/


table.menu-test {background-color:#00FFFF; 
margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
border-width:3px; 
border-style:solid; 
border-color:#AAAAAA; 
padding:7px; 
width:260px; 
box-shadow: 3px 3px 5px #808080;}

td.menu-test {background-color:#FFFF00; 
border-width:1px; 
border-style:solid; 
border-color:#AAAAAA; 
padding:6px;
width:200px; 
height:40px; 
vertical-align:top;}







table.menu {margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
border-width:0px; 
border-style:solid; 
border-color:#AAAAAA; 
padding:0px;}

/*background-color:#FFFF00;*/

td.menu {border-width:0px; 
border-style:solid; 
border-color:#AAAAAA; 
padding:6px;
width:128px; 
height:40px; 
vertical-align:top;}

td.menu-b {border-width:0px; 
border-style:solid; 
border-color:#AAAAAA; 
padding:0px;
vertical-align:top; 
text-align:center;}



table.grey {background: url(img/unique-bg-2.gif); 
margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
border-width:0px; 
border-style:solid; 
font-size:x-small; 
padding:0px; 
width:400px; 
height:250px;}

td.grey {border-width:0px; 
border-style:solid; 
text-align:left; 
padding:6px;
vertical-align:top;}






table.small {background-color:#ccbb77; 
margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
border-width:3px; 
border-style:solid; 
border-color:#998c59; 
padding:7px; 
width:760px; 
box-shadow: 3px 3px 5px #7a7047;}

td.small {background-color:#ccbb77; 
border-width:3px; 
border-style:solid; 
border-color:#998c59; 
padding:7px; 
text-align:left; 
vertical-align:top; 
width:50%;}

td.image {background-color:#ccbb77; 
border-width:3px; 
border-style:solid; 
border-color:#998c59; 
padding:7px; 
text-align:center; 
vertical-align:middle; 
width:50%;}


table.column {background-color:#ccbb77; 
margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
border-width:3px; 
border-style:solid; 
border-color:#998c59; 
padding:7px; 
width:760px; 
box-shadow: 3px 3px 5px #7a7047;}

td.small-date {background-color:#ccbb77; 
border-width:3px; 
border-style:solid; 
border-color:#998c59; 
padding:7px; 
text-align:left; 
font-weight:bold; 
vertical-align:top; 
width:15%;}

td.small-desc {background-color:#ccbb77; 
border-width:3px; 
border-style:solid; 
border-color:#998c59; 
padding:7px; 
text-align:left; 
vertical-align:top;}

td.small-auth {background-color:#ccbb77; 
border-width:3px; 
border-style:solid; 
border-color:#998c59; 
padding:7px; 
text-align:left; 
vertical-align:top; 
width:22%;}

td.small-pillar {background-color:#000000; 
border-width:3px; 
border-style:solid; 
border-color:#998c59; 
padding:0px; 
text-align:center; 
vertical-align:middle; 
height:50px;
width:50px;}





/*ROUND TABLES border-collapse:collapse; */

table.med-round {background-color:#ccbb77; 
margin-left:auto; 
margin-right:auto; 
border-collapse:collapse; 
padding:0px; 
width:830px;}

table.sml-round {background-color:#ccbb77; 
margin-left:auto; 
margin-right:auto; 
border-width:3px; 
border-style:solid; 
padding:7px; 
width:760px;}

td.corner-tl {background: url(round/tl.gif); 
background-position:left top; 
width:10px; 
height:10px;}
td.corner-tr {background: url(round/tr.gif); 
background-position:right top;
width:10px; 
height:10px;}
td.corner-bl {background: url(round/bl.gif); 
background-position:left bottom; 
width:10px; 
height:10px;}
td.corner-br {background: url(round/br.gif); 
background-position:right bottom; 
width:10px; 
height:10px;}


td.round-left {background: url(round/left.gif); 
background-repeat:repeat-y; 
background-position:left center; 
width:10px;}
td.round-right {background: url(round/right.gif); 
background-repeat:repeat-y; 
background-position:right center; 
width:10px;}
td.round-top {background: url(round/top.gif); 
background-repeat:repeat-x; 
background-position:center top; 
height:10px;}
td.round-bottom {background: url(round/bottom.gif); 
background-repeat:repeat-x; 
background-position:center bottom; 
height:10px;}


td.left-brk {background: url(round/left-brk.gif); 
background-repeat:no-repeat; 
background-position:left center; 
width:10px;}
td.right-brk {background: url(round/right-brk.gif); 
background-repeat:no-repeat; 
background-position:right center; 
width:10px;}
td.brk {background: url(round/brk.gif); 
background-repeat:repeat-x; 
background-position:center center; 
height:10px;}


td.round-middle {background-color:#ccbb77; 
text-align:left; 
vertical-align:top;}

td.round-mid-50 {background-color:#ccbb77; 
text-align:left; 
vertical-align:top; 
width:50%;}





/*LINKS*/

/*Standard*/
a:link {color: Navy; text-decoration: none;}
a:visited {color: Navy; text-decoration: none;}
a:hover {color: DarkRed; text-decoration: none;}
a:active {color: DarkRed; text-decoration: none;}
/*Bolded*/
a.bold:link {color: Navy; font-weight: bold}
a.bold:visited {color: Navy; font-weight: bold}
a.bold:hover {color: DarkRed; font-weight: bold}
a.bold:active {color: DarkRed; font-weight: bold}
/*Black nav*/
a.black:link {color: #C90000; font-weight: bold; text-shadow: 1px 1px #3f3f3f;}
a.black:visited {color: #C90000; font-weight: bold; text-shadow: 1px 1px #3f3f3f;}
a.black:hover {color: #FFFFFF; font-weight: bold; text-shadow: 1px 1px #3f3f3f;}
a.black:active {color: #FFFFFF; font-weight: bold; text-shadow: 1px 1px #3f3f3f;}
/*Blue Nav*/
a.blue:link {color: Black; font-weight: bold; text-shadow: 1px 1px #2E6397;}
a.blue:visited {color: Black; font-weight: bold; text-shadow: 1px 1px #2E6397;}
a.blue:hover {color: #E8EEF3; font-weight: bold; text-shadow: 1px 1px black;}
a.blue:active {color: #E8EEF3; font-weight: bold; text-shadow: 1px 1px black;}
/*Grapes Nav - Purple bg, Goldenrod text, Black text shadow*/
a.grape:link {color: #FFD800; font-weight: bold; text-shadow: 1px 1px black;}
a.grape:visited {color: #FFD800; font-weight: bold; text-shadow: 1px 1px black;}
a.grape:hover {color: #ffffff; font-weight: bold; text-shadow: 1px 1px #191919;}
a.grape:active {color: #ffffff; font-weight: bold; text-shadow: 1px 1px #191919;}