body {background-color: #000000; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5 {margin-bottom: 10px;}
.centersquare h1 {margin: 0;}
p {margin: 10px 0;}
pre {font-size: 13px;}
#container {background-color: #ffffff;}
#header {color: #990033; background-color: #ffdddd; text-align: center; }
.centercolumnmenur #background {background: #fff url(background.gif) left top repeat-y; float: left; width: 750px;}
.centercolumnmenur > #background {margin-bottom: 5px;}
#content {color: #006600; background-color: #ddffdd;}
#menu {color: #000000; background-color: #dddddd; text-align: left;}
#footer {color: #000066; background-color: #ddddff; text-align: center;}
img {border: 0;}

div.outer {background: scroll #fff url(/javascript/dropshadow/dropshadow-green.gif) right bottom no-repeat; margin-top: 13px; margin-left: 13px;}
div.inner {overflow: auto; border: 1px solid #999; left: -13px; top: -13px; padding: 5px; position: relative; background-color: #fff;}

.sitename {font-size: 45px;}
.sitename {margin: 0;}
.strapline {font-variant: small-caps; font-weight: bold; letter-spacing: 2px; clear: both;}

.exampleimg {float: left; margin: 5px 10px 5px 0;}
.examplelink {clear: left; text-align: right;}
.back {text-align: right;}

a {text-decoration: none; font-weight: bold; outline: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: overline;}

#header a {color: #bb0000;}
#menu a {color: #000000;}
#content a {color: #00bb00;}
#footer a {color: #0000bb;}

a#richardwinskill {text-decoration: none; font-weight: bold;}
a#richardwinskill span.logoblue {text-decoration: none; color: #0000ff;}
a#richardwinskill:hover span.logoblue {text-decoration: underline; color: #0000ff;}
a#richardwinskill:active span.logoblue {text-decoration: overline; color: #0000ff;}
a#richardwinskill span.logored {text-decoration: none; color: #ff0000;}
a#richardwinskill:hover span.logored {text-decoration: underline; color: #ff0000;}
a#richardwinskill:active span.logored {text-decoration: overline; color: #ff0000;}

#content ul {margin: 0 0 0 15px;}
#content ul ul {margin: 0 0 0 15px;}
#content ul li {margin-bottom: 10px;}
#content ul ul li {margin-bottom: 0;}

.google {text-align: center;}

#content .error, #content .nopage, #menu .nopage {color: #f00}

hr {margin: 10px 0;}

/* Navigation Menu */

ul#nav, ul#nav ul, ul#nav li {list-style-type: none;}
ul#nav {margin-bottom: 20px;}
ul#nav li {background-color: #000; border: 0;}
ul#nav a {color: #ddd; display: block; padding: 3px; margin: 0; height: 100%;}
ul#nav li li {background-color: #ddd; border-top: dashed 1px #000;}
ul#nav li li a {color: #000; padding: 3px 0 3px 12px;}
ul#nav li li:first-child {border-top: 0;}

/* Page Layout Example CSS Tweaks */
div.centercolumntabs div#menu li ul, div.fullwidthtabs div#menu li ul, .centercolumntabs .google, .fullwidthtabs .google {display: none;}
div.centercolumntabs div#menu ul#nav, div.fullwidthtabs div#menu ul#nav {margin-bottom: 0;}
div.centercolumntabs div#menu ul#nav a, div.fullwidthtabs div#menu ul#nav a {color: #000; background-color: #ddd; text-decoration: none;}
div.centercolumntabs div#menu ul#nav a:hover, div.fullwidthtabs div#menu ul#nav a:hover {color: #ddd; background-color: #000;}

/* All About You */
#cssstatus {display: none;}
#aboutyou > #cssstatus {display: list-item;}
#cssword:after {content:" enabled";}

/* Slide-In Text Box */
#content .slideopen {color: #600;}
#content .slideclosed {color: #006;}
a.slideopen:before {content:"Open ";}
a.slideclosed:before {content:"Close ";}
.slide {height: 0; overflow: hidden; margin-top: 5px;}
.slide div {text-align: justify;}
.slidegrp {border: 1px solid #666; padding: 5px 5px 0 5px; margin-bottom: 5px;}

/* Guestbook Form */

form {margin: auto;}
fieldset {border: 0;}
#contact fieldset {border: 1px solid #060; margin-bottom: 5px;}
#contact fieldset legend {margin-left: 5px;}
fieldset label {float: left; display: inline; width: 100px; line-height: 16px; margin: 4px 10px; text-align: center; background-color: #FFF; font-size: 76%; background-color: #005500; color: #ddffdd;}
#contact fieldset p {margin-left: 10px;}
input,textarea, select {margin:3px 0 6px 0; border: 1px solid #005500; width: 250px;}
option {padding-left: 2px;}
input {height: 18px}
br {clear: left}
input#go {margin: 9px 0 10px 120px; border: 1px solid #005500; background: #CCC; width: auto; height: auto;}

/* PayPal Form */

.paypal fieldset label {width: 150px;}
.paypal td, .paypal th {padding: 10px 0; text-align: left; border-bottom: 1px dashed #000;}
.paypal th {vertical-align: top;}
.paypal td {width: 100px;}
.paypal .last {border-bottom: 0;}
.paypal tr:first-child {border-top: 0;}
.paypal span {display: block; font-size: small; font-weight: normal;}

/* Power Consumption Form */

.power {border-collapse: collapse;}
.power th, .power td {text-align: right; padding: 2px 5px;}
.power .top {border-bottom: 1px solid #000;}
.power .side {border-right: 1px solid #000;}
.power .pence {border-right: 1px dashed #000;}

/* Web Design Guide Styles */

.guides .highlight {font-weight: bold; color: red;}
.blocklinks #wrong {width: 200px; border: 1px solid #000; padding: 5px;}
.blocklinks #wrong a {text-decoration: none; color: #000; height: 100%;}
.blocklinks #wrong a:hover {color: #fff; background-color: #000;}
.blocklinks #right {width: 200px; border: 1px solid #000;}
.blocklinks #right a {text-decoration: none; color: #000; padding: 5px; display: block; height: 100%;}
.blocklinks #right a:hover {color: #fff; background-color: #000;}