/* CSS Document */

/* UNIVERSAL SETTINGS */
body{ font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFCC; background-color:#000000; border:0; margin:1em 1.5em; padding:0;}

html, ul, ol, li, h2, h4, h5, h6, form, a, fieldset, #topnav, #leftnav, #page, #gsearch, #here, #footpad, #footer, { border:0; margin:0; padding:0;}

p { border:0; margin:0; padding:0;}

a { color:#FFFFCC; text-decoration:none;}
a:hover{ color:#000000; background-color:#FFFFCC; text-decoration:none;}

h1 { font-size:2.4em; font-weight:normal; color:#FFFF00; border:0; margin:0; padding:0.2em 0 0.1em 0;}
h3 { background-color:#003366; font-size:1.3em; text-align:center; border:0; margin:0.2em 0; padding:0.2em 0;}

ul { list-style-type:none;}

hr{ border:0; color:#993300; background-color:#993300; height:0.2em; margin:0; padding:0;}

#topnav{ background-color:#003366; text-align:right;}
#topnav p{ padding:0.4em;}

#leftnav{ width:15em; float:left; color:#FFFFFF; border:0; margin:0; padding:0;}
.leftnavtitle{ line-height:1.8em; font-size:1.2em; border:0; margin:0.2em 0 0.2em 0; padding:0; background-color:#003366; text-align:center;}
.leftnavcat	{ font-size:1.2em; border:0; margin:0; padding:0.2em 0 0.2em; background-color:#993300;}
.links		{ border:0; margin:0; padding:0.2em 0 0.2em 0; background-color:#CC9900;}
.thispage	{ font-size:1.2em; border:0; margin:0; padding:0.2em 0 0.2em 0; background-color:#009999;}
.news		{ font-size:1.2em; border:0; margin:0; padding:0.4em 0 0.4em 0; background-color:#993300;}

#main{ border:0; margin:0 0 0 15.4em; padding:0;}
.cmtitle{ font-size:2.4em; color:#FFFF00; padding:0 0 0 0.5em;}
.hand{ font-size:1.4em; color:#FFFF00; padding:0 0 0 1em;}
.navbar{ font-size:1.6em; padding:0 0 0 0.8em;}

#page{ float:left; position:relative; color:#000000; background-color:#FFFFCC; background-image:url(/images/graphics/page_corner.gif); background-repeat:no-repeat;}
#page a { color:#669900; text-decoration:none;}
#page a:hover { color:#FFFFCC; background-color:#000000;}

#pagetop{ border:0; margin:0; padding:0 2em 0 2em;}

#gsearch{ width:32em; float:right; text-align:right;}
#here{}

#thumbcol{ width:16em; height:100%; float:left; position:relative; border:0; margin:0.5em 2em 0.5em 2em; padding:0; background-color:#FFFFCC; color:#993300; text-align:center;}
#topcontent, #content { border:0; margin:0; padding:0 2em 0 2em;}

.didgepic{ width:10em; float:left; position:relative; border:0; margin:0 1em 1em 0; padding:0;}
.prodpics{ width:12em; float:left; position:relative; border:0; margin:0 1em 1em 0; padding:0; text-align:center;}
.centre640{ width:64em; margin-left:auto; margin-right:auto;}
.centre480{ width:48em; margin-left:auto; margin-right:auto; color:#669900; text-align:center;}
.col480{ width:48em; margin-left:auto; margin-right:auto;}

#content input{ color:#FFFFCC; background-color:#669900; margin:0; padding:0; font-weight:bold;}

.itemleft{ width:24em; height:36em; overflow:hidden; float:left; position:relative; border:0; margin:0.4em; padding:0.4em;}
.quote200{ width:20em; height:20em; float:left; position:relative; border:0; margin:0.5em; padding:0; color:#993300; background-image:url(/images/graphics/quote.gif); background-repeat:no-repeat;}
.navpage{ border:0; margin:0.4em 0; padding:0; text-align:center;}
.navpagel{ width:10em; height:3.6em; float:left; position:relative; border:0; margin:0 0.4em 0.4em 0; padding:0;}
.navpager{ width:10em; height:3.6em; float:right; position:relative; border:0; margin:0 0 0.4em 0.4em; padding:0;}
.floatright200{ width:20em; height:20em; float:right; position:relative; border:0; padding:0; margin:0.4em;}
.itemclear{ clear:both; height:0.1em;}
.itemclearl{ clear:left; height:0.1em;}

#webring{ width:14em; border:0; margin:0; padding:0.5em; text-align:center; color:#000000; background:#999999;}
#webring a { color:#0000FF; text-decoration:underline;}

#footpad{ width:100%; height:0.4em; font-size:0.4em; background-color:#000000; clear:both;}
#footer{ width:100%; background-color:#003366; text-align:center;}
#footer p{ padding:0.4em;}

/* PAGE CONTENT SETTINGS */
.grhead, .grsubhead, .intro, .grpic, .sub { font-weight:bold;}
.grtitle, .grhead, .grsubhead, .grsubheadla, .grpic { color:#669900;}
.grtitle	{ font-size:1.9em; text-align:center;}
.grhead		{ font-size:1.4em;}
.grsubhead	{ font-size:1.3em;}
.grsubheadla{ font-size:1.3em; font-weight:bold; text-align:left;}
.grpic		{ font-size:1.1em;}
.cm18			{ font-size:1.8em;}
.cm16			{ font-size:1.6em;}
.cm14			{ font-size:1.4em;}
.cm12			{ font-size:1.2em;}
.cm11			{ font-size:1.1em;}
.cm10			{ font-size:1em;}
.cm09			{ font-size:0.9em;}
.cm04			{ font-size:0.4em;}
.cm02			{ font-size:0.2em;}
.cm01			{ font-size:0.1em;}
.intro		{ font-size:1.2em;}
.sub		{ font-size:1.1em;}
.norm		{ font-size:1.2em;}
.mid		{ font-size:1.1em;}
.pimage		{ text-align:center;}
.darkred	{ color:#993300;}
.cabgblue	{ text-align:center; background-color:#003366; margin:0.4em 0 0 0;}
.you		{ text-align:left; font-size:1.2em;}
.copy { background-color:#003366; text-align:center; padding:0.2em 0;}
.usefull	{ color:#993300; text-decoration:underline;}
.ca{ text-align:center;}
.ra{ text-align:right;}
.imagetitle{ font-size:1.2em; font-weight:bold; color:#669900; text-align:center;}
.floatleft{ float:left;}
.imagefr{ float:right; position:relative; border:0; margin:0 0 0.4em 0.4em; padding:0;}
.imagefl{ float:left; position:relative; border:0; margin:0 0.4em 0.4em 0; padding:0;}

.redbg{ background-color:#993300;}
.bluebg{ background-color:#003366;}
.greenbg{ background-color:#669900;}
.turqbg{ background-color:#009999;}
.pinkbg{ background-color:#FF00FF;}
.tanbg{ background-color:#CC9900;}
.margbg{ background-color:#FFFFCC;}

img.cm150x128{ width:15em; height:12.8em; border:0;}
img.cm9x10{ width:0.9em; height:1em; border:0;}
img.cm10x10{ width:1em; height:1em; border:0;}
img.cm12x10{ width:1.2em; height:1em; border:0;}
img.cm576x128{ width:57.6em; height:12.8em; border:0;}
img.cm600x100{ width:60em; height:10em; border:0;}
img.cm600x100b{ width:60em; height:10em; border:0.1em solid #993300;}
img.cm300x50b{ width:30em; height:5em; border:0.1em solid #993300;}
img.cm100x75{ width:10em; height:7.5em; border:0;}
img.cm75x100{ width:7.5em; height:10em; border:0;}
img.cm96x96 { width:9.6em; height:9.6em; border:0;}
img.cm96x96li { width:7.38em; height:7.38em; border:0;}
img.cm32x32 { width:3.2em; height:3.2em; border:0;}
img.cm16x16{ width:1.6em; height:1.6em; border:0;}
img.cm48x16{ width:4.8em; height:1.6em; border:0;}
img.cm100x100{ width:10em; height:10em; border:0;}
img.cm100x600{ width:10em; height:60em; border:0;}
img.cm100x600b{ width:10em; height:60em; border:0.1em solid #993300;}
img.cm200x150{ width:16.6em; height:12.5em; border:0;}
img.cm200x122{ width:20em; height:12.2em; border:0;}
img.cm200x200{ width:20em; height:20em; border:0;}
img.cm200x200b{ width:20em; height:20em; border:0.1em solid #993300;}
img.cm200fl{ width:20em; height:20em; border:0; float:left;}
img.cm200fr{ width:20em; height:20em; border:0; float:right;}
img.cm240x240{ width:24em; height:24em; border:0;}
img.cm24x24{ width:2.4em; height:2.4em; border:0;}
img.cm150x120{ width:15em; height:12em; border:0;}
img.cm160x48{ width:16em; height:4.8em; border:0;}
img.cm150x49{ width:15em; height:4.9em; border:0;}
img.cm24x24li{ width:2em; height:2em; border:0;}
img.cm24x24mid{ width:21.8; height:21.8; border:0;}
img.cm480x360{ width:48em; height:36em; border:0.1em solid #993300;}
img.cm360x480{ width:36em; height:48em; border:0.1em solid #993300;}
img.cm640x480{ width:64em; height:48em; border:0.1em solid #993300;}
img.cm480x640{ width:48em; height:64em; border:0.1em solid #993300;}
img.cm480x480{ width:48em; height:48em; border:0;}
img.cm480x480b{ width:48em; height:48em; border:0.1em solid #993300;}
img.cm37x23{ width:3.7em; height:2.3em; border:0;}
img.cm117x48{ width:11.7em; height:4.8em; border:0;}
img.cm150x170{ width:15em; height:17em; border:0;}

img.cm200x100{ width:20em; height:10em; border:0.1em solid #993300;}
img.cm100x200{ width:10em; height:20em; border:0.1em solid #993300;}
img.cm50x300{ width:5em; height:30em; border:0.1em solid #993300;}

img.cm75x75b{ width:7.5em; height:7.5em; border:0.1em solid #993300;}
img.cm240x180b{ width:24em; height:18em; border:0.1em solid #993300;}
img.cm180x240b{ width:18em; height:24em; border:0.1em solid #993300;}

img.cm120x120{ width:12em; height:12em; border:0;}
img.cm120x120b{ width:12em; height:12em; border:0.1em solid #993300;}
img.cm400x400{ width:40em; height:40em; border:0;}
img.cm400x400b{ width:40em; height:40em; border:0.1em solid #993300;}
img.cm200x1200{ width:20em; height:120em; border:0;}
img.cm200x1200b{ width:20em; height:120em; border:0.1em solid #993300;}

img.cm160x120{ width:16em; height:12em; border:0;}
img.cm160x120b{ width:16em; height:12em; border:0.1em solid #993300;}

img.cm96x21{ width:9.6em; height:2.1em; border:0;}
img.cm86x21{ width:8.6em; height:2.1em; border:0;}

img.cm400x106{ width:40em; height:10.6em; border:0;}
img.cm150x90{ width:15em; height:9em; border:0;}

img.cm400x120{ width:40em; height:12em; border:0; border:0.1em solid #993300;}
img.cm400x106{ width:40em; height:10.6em; border:0; border:0.1em solid #993300;}
img.cm400x98{ width:40em; height:9.8em; border:0; border:0.1em solid #993300;}
img.cm400x85{ width:40em; height:8.5em; border:0; border:0.1em solid #993300;}
img.cm400x58{ width:40em; height:5.8em; border:0; border:0.1em solid #993300;}

<!-- The following .skp selector defines the style for text on the page which does not actually appear on your screen but which is picked up by text-to-speech readers.  This is achieved by setting the font size to zero and making the font colour the same as the background colour.  When tested using the W3C CSS validator, a warning is issued to telling you that the type is set to the same colour as the background colour of other selectors.  This simply alerts you to the fact that the colours are identical but it does not affect validation. - ->

.skip{font-size: 0em; font-family : Arial, sans-serif; color: #ffffff; text-decoration: none;}