body { font: small Arial, Futura, Helvetica, "Helvetica Neue", Skia; background-color: #300; background-image: url(../nav/coloures/cc_rings.jpg); margin: 0; padding: 0; }
* {margin:0px; padding:0px;}
p { line-height: 130% ; text-indent: 1em; padding: 6px 2px; }
h1  { color: #630; font-size: 200%; font-family: "Times New Roman", Times, Georgia, serif; text-decoration: none;}
h2 { color: #630; font-size: 150%; font-family: "Bickley Script", Cochin, "Trebuchet MS", "Comic Sans MS", Arial }
div#mainwrapper   { background-color: #fff; margin-right: auto; margin-left: auto; width: 800px ; border-right: 3px ridge gray; border-bottom: 3px ridge gray; border-left: 3px ridge gray; }
div#header    { font-size: 0.75em; line-height: 1em; background-color: #c96; background-position: 0 0; text-align: center; border-top: 3px ridge gray; border-bottom: 3px ridge gray; width: 798px  ; padding-top: 6px; padding-right: 2px; padding-left: 2px; } 
div#header a     { text-decoration: none; padding-right: 4px; padding-left: 4px; }
div#header a:link  { color: #630 }
div#header a:visited  { color: #630 }
div#header a:hover   { color: #000; font-weight: bolder }
div#header a:active  { color: #630 }
div#contentarea    { background-color: white; float: left; border-top: 0 ridge black; width: 800px  ; padding-right: 3px; }
div#contentarea2   { background-color: white; text-indent: 1em; float: left; }
div#leftnav          { font-style: normal; font-size: 0.85em; text-decoration: none; background-color: silver; text-align: left; list-style-type: none; float: left; margin-top: 20px; margin-left: -650px; padding-left: 4px; border-style: ridge solid ridge solid; border-width: 4px 1px 4px 1px; border-color: #c96; top: 65px; width: 135px; height: auto }
div#leftnav a     { line-height: 2em; text-decoration: none }
div#leftnav a:link  { color: #630 }
div#leftnav a:visited  { color: #630 }
div#leftnav a:hover  { color: #000; font-weight: bolder; background-color: white }
div#leftnav a:active  { color: #630 }
#dropmenudiv  { font: 12px/18px; border-style: solid; border-width: 1px 1px 0 1px; border-color: black; position: absolute; z-index: 100 }

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover { background-color: #fc6 }
div#subnav          { font-style: normal; font-size: 0.65em; text-decoration: none; text-align: left; list-style-type: none; margin-top: 20px; padding-left: 4px; border-style: ridge solid; border-width: 4px 1px; border-color: #c96;}
div#subnav p         { font-style: normal; font-size: 0.65em; text-decoration: none; text-align: left; width: auto; height: auto }
div#subnav a     { line-height: 2em; text-decoration: none }
div#subnav a:link  { color: #630 }
div#subnav a:visited  { color: #630 }
div#subnav a:hover  { color: #000; font-weight: bolder; background-color: white }
div#subnav a:active  { color: #630 }
div#main1col      { background-color: #fff; text-align: left; text-indent: 20px; float: left; margin-left: 150px; padding-top: 20px; padding-bottom: 10px; width: 500px; display: inline }
div#main1col a     { }
div#main1col a:link  { color: #630 }
div#main1col a:visited  { color: #630 }
div#main1col a:hover   { color: #000; font-weight: bolder }
div#main1col a:active  { color: #630 }
div#maincontent      { background-color: #fff; text-align: left; text-indent: 20px; float: left; margin-left: 150px; padding-top: 20px; padding-bottom: 10px; width: 500px; display: inline }
div#maincontent a     { }
div#maincontent a:link  { color: #630 }
div#maincontent a:visited  { color: #630 }
div#maincontent a:hover   { color: #000; font-weight: bolder }
div#maincontent a:active  { color: #630 }
div#rightcol  { background-color: #fff; float: left; width: 120px }
div#footer     { font-size: 0.75em; line-height: 1em; background-color: #c96; background-position: 0 0; text-align: center; padding: 6px 2px 2px; border-top: 3px ridge #c96; border-bottom: 3px ridge black; width: 798px ; }
div#footer a     { text-decoration: none; padding: 4px }
div#footer a:link  { color: #630 }
div#footer a:visited  { color: #630 }
div#footer a:hover   { color: #000; font-weight: bolder }
div#footer a:active  { color: #630 }

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
.thumbnail
{ text-align: center; float: left; width: 80px; margin: 0 15px 15px 0; padding: 5px; display: inline; }

.clearboth { clear: both; }