BODY		{font-family:"Verdana","Helvetica","Arial",sans-serif;
		height:100%;min-width:86ex;margin:0;
		position:relative}
TABLE		{border-collapse:collapse}
TBODY		{vertical-align:top}

BODY,
TABLE TABLE, 
.fill, .w100,
.bar A,
.imagine,
.rod		{width:100%}

.third		{width:33%}

.lt, .lt H2	{text-align:left}
.ct, .ct H2	{text-align:center}
.rt, .rt H2	{text-align:right}

.mid		{vertical-align:middle}

.crystal A
		{text-decoration:none}

.crystal,
.crystal A
		{background:#000; color:#dcf; text-decoration:none}

.crystal A:hover
		{color:#fff}

.crystal A:hover
		{background:#000}

.crystal A IMG
		{border-color:#a9c}
.crystal A:hover IMG
		{border-color:#dcf}


.crystal,
.crystal .bt	{background:url(/widgets/ani-stars.gif)}

.crystal H1,
.crystal H2,
.crystal H3	{color:#dcf; margin-bottom: .25em}

.crystal .bt	{margin: .5em 0 2.5em}

.crystal .bt A	{color:#dcf; border-color:#dcf;
		border-style: solid;
		border-width: .075em .15em .15em .075em;
		display:inline; padding: .3em 1.5em;
		text-align:center; text-decoration:none;
		font-size:90%; font-weight: bold;
		font-family:Verdana,Arial,sans-serif}

.crystal .bt A:hover
		{color:#fff; text-decoration: underline;
		border-color:#dcf;
		border-width: .15em .075em .075em .15em}

.order TH,
.order TD	{margin:0 1ex}

H1,H2,H3,H4,H5	{font-family:inherit;text-align:center;
		margin:0 0 0.5em 0}
H1		{font-size:160%}
H2		{font-size:120%}
H3		{font-size:110%}
H4		{font-size:100%;text-align:left}
H5		{font-size:80%; margin: 0.5em 0 0 0}

H4 A 		{text-decoration:none; color:#606}
H4 A:hover	{color:#fff}

BR,HR		{clear:both}

IMG		{border:0}

.rod		{padding:0.5ex;font-weight:bold;min-width:86ex}

#topMenu	{position:absolute; z-index:2;left:0;top:0;right:0}
@media screen	{ body>div.rod#topMenu{position:fixed;} }

/* DIV styles needed for IE/Win. */
DIV.holder 	{font-family: "courier new",serif;border: none; margin:0; height:1px;
		font-size: 10%; width:950ex} /* Equal to 'top' */

/* Needed to make IE/Win notice hovers on images... */
A:hover		{background: transparent}

/* Colour scheme */

BODY		{background:#dcf;color:#000}
H1,H2,H3,H4,H5,
HR,.note,.foot,
.split P	{color:#606}

.bar A, .bar A:hover,
HR,.rod,
.b A,.b A:hover,
.sub,.rsub	{background:#606}

.rod A,.rod B, 
.rod A:hover	{background:#303}

.bar A,
.rod,.rod A, 
.b A,.b A:hover,
.sub,.rsub	{color:#dcf}

.bar A,
FORM *,
.rod A,.b A	{border-color:#dcf #a9c #a9c #dcf}

A IMG		{border-color:#dcf #a9c #a9c #dcf}

.bar A:hover,
.rod B, 
.b A:hover,
.rod A:hover,
A:hover IMG	{border-color:#a9c #dcf #dcf #a9c;
                 color:#a9c}

.cursive	{font-family:"Lucida Handwriting", Cursive}

.bar A,
.w3c A,
.rod A,.b A,
.rod B		{display:block; font-weight: bold}

.w3c A,
.rod A,.b A,
.rod B		{font-size:90%}

.bar A,
A IMG,.w3c A,
.rod A,.b A,
.rod B		{border-style: solid; border-width: .075em .15em .15em .075em}

.bar A:hover,
A:hover IMG,
.rod A:hover,
.b A:hover,
.rod B,
.w3c A:hover	{border-width: .15em .075em .075em .15em; text-decoration: underline}

A IMG		{border-width: 0.0625em 0.125em 0.125em 0.0625em}

A:hover IMG	{border-width: 0.125em 0.0625em 0.0625em 0.125em}

.bar A,
.rod A, .rod B,
.b A		{text-align:center; text-decoration:none;
		font-family:Verdana,Arial,sans-serif}

.bar A		{margin: 0.125em 0; padding: 0}

.rod A, .rod B	{width:9ex; margin: 0 0.2ex 0.5ex; padding: 0 0 0.2ex 0;
		float:left;}

.b A		{width: 10ex; margin: 0; padding: 0.5ex 0;}

.rod .r		{font-style:italic;font-size:120%;
		width:17ex;height:1em;float:right}

form, .m0	{margin:0}
.sub,
.rsub		{font-weight:bold}
.sub		{width:20ex}
.rsub		{width:12ex}

.center, .magic {text-align:center}
.align-right    {text-align:right}

#Leftbar,
.float-left	{float:left}
#Rightbar,
.float-right	{float:right}

#meat		{left:10ex;right:13ex;margin: 0.5ex 0 0 1em}
#Meat		{margin-left:15ex; margin-right:15ex}

#leftbar,
#rightbar,
#meat		{position:absolute}

#Leftbar,
#Rightbar,
#leftbar,
#rightbar	{margin-top:.5em;text-align:center;font-size:80%;width:17ex}

#Leftbar	{margin-left:.05em}
#leftbar	{margin-left:.05em;left:0}
#Rightbar	{margin-right:.05em; margin-left:0.01em}
#rightbar	{margin-right:.05em;right:0}
.Foot		{text-align:center}
.foot		{text-align:center;position:absolute;left:-85px;right:-85px}
.Foot,
.foot, .note	{font-size:80%}

.leftdiv,.rightdiv{text-align:center;margin:0 0.1ex 0.1ex 0.1ex}
.leftdiv	{float:left}
.rightdiv	{float:right}
.leftdiv h4	{text-align:center; margin:1ex 0 0.5ex}
.rightdiv h4	{text-align:center; margin:1ex 0 0.5ex}

.left  .b	{float:right}
.right .b	{float:left}

.left, .right	{font-size:80%}
.left  h3,
.right h3	{text-align:left}
.left  P,
.right P	{margin-top:0}

.left .align	{float:right;margin:0 0 0 0.1em}
.right .align	{float:left; margin:0 0.1em 0 0}
.align		{font-size:125%}
.align IMG	{width:5.25em;height:7.5em;margin:0 0.5em;display:inline;
		font-family:courier,fixed}

.split		{width:50%; text-align:justify}
.split P	{padding: 0 1em}


.imagine	{position: relative; text-align: left}

.imagine IMG,
.magic	IMG,
.feature IMG,
#leftbar IMG	{font-family: courier,fixed}

.sidebar {float:right; width:40ex; background:#ddd;  
          border: solid; border-width: 1em; border-color:#fff; padding:1em}

.magic A IMG	{display:inline; width:5.25em; height:7.5em; margin: 0.0625em}
.magic A SPAN	{display:none}
.magic A SPAN IMG,
.imagine IMG 	{width:10.5em; height:15em; margin:0 0.3125em}
.feature IMG	{width:14.375em; height:20.5em}
#leftbar IMG 	{width:6.484375em;  height:5.859375em}
.magic A:active SPAN,
.magic A:hover SPAN
		{display:block;z-index:2;position:absolute;top:0;left:0;}

[value=Red]	{color:#f00}
[value=Copper]	{color:#d87}
[value=Gold]	{color:#fc0}
[value=Apple]	{color:#ac2}
[value=Green]	{color:#080}
[value=Aqua]	{color:#7b9}
[value=Sea]	{color:#08c}
[value=Turquoise]{color:#2cd}
[value="Royal Purple"]{color:#008}
[value="Deep Blue"]{color:#608}
[value=Mauve]	{color:#a3b}
[value=Fuchsia]	{color:#c7d}
[value="Hot Pink"]{color:#f9d}
[value=Peach]	{color:#f87}
[value="Baby Pink"]{color:#faa}
[value=Crystal]	{background:#000;color: #fff;text-shadow: #fff 0 0 0.3125em;}
[value=Silver]	{color:#888}
[value=White]	{background:#000;color: #fff;}

.w3c   		{margin:0.5em 0; text-align: left}
.w3c A 		{border-color: #ccc #444 #444 #ccc; color: #000; background: #fc6; width: 11em; text-decoration: none;}
.w3c A:hover	{border-color: #444 #ccc #ccc #444;/* IE hack */ background: #fc6; }
.w3c B		{color: #149; background:  #fff; padding: 0 0.4em; }