body { margin: 20px 0; background-color: #333; padding: 0; font: 11px/15px Arial, Verdana, sans-serif; color: #666; text-align: left; }
#gradbg { background: #333 url(../../images/site_bg2.jpg) top left repeat-x; }

p { margin-top: 10px; margin-bottom: 0px; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Verdana, sans-serif; font-weight: lighter; }

h1 { color: #FFF; font-size: 22px; margin: 10px 0; }
h2 { color: #FFF; font-size: 20px; margin: 10px 0; }
h3 { color: #FFF; font-size: 18px; margin: 10px 0; }
h4 { color: #CCC; font-size: 16px; margin: 10px 0; }
h5 { color: #CCC; font-size: 14px; margin: 10px 0; }
h6 { color: #CCC; font-size: 12px; margin: 10px 0; }

ul { margin: 8px; padding-left: 18px; }
ol { margin: 8px; padding-left: 23px; }

a:link, a:visited { color: #265b85; text-decoration: none; }
a:hover, a:active { color: #265b85; text-decoration: underline; }

img { border: 0; }
label { color: #F00; }
input, select, textarea { font: 0.8em/120% Arial, Verdana, sans-serif; color: #666; }

.button { font-size: 12px; color: #265b85; }
.colour { color: #265b85; }
.grey1 { color: #999; }
.grey2 { color: #333; }
.white { color: #FFF; }
.highlight { background-color: #F00; padding:0px 0px 1px 3px; color: #FFF; }
.small { font-size: 10px; line-height: 14px; }
.notopmargin { margin-top: 0px; padding-top: 0px; }
.nobottommargin { margin-bottom: 0px; padding-bottom: 0px; }
.nomargins { margin: 0px; padding: 0px; }
.floatright { float: right; }
.clearright { clear: right; }
.clear { clear: both; }

#header { margin: 0px 20px; padding-bottom: 20px; border-bottom: 1px solid #666; }
#logo { float: left; }
#strap { text-align: right; padding-top: 43px; margin-right: 60px; }
#topbar { margin: 0px 20px; border-top: 1px solid #666; }
#contact { font-size: 1.1em; }
#mainarea { margin-right: 20px; margin-bottom: 20px; }
.square_200, .square_442 { margin-left: 20px; margin-top: 20px; border: 1px solid #666; float: left; background-color: #2E2E2E; }
.square_200 { width: 222px; height: 222px; voice-family:"\"}\""; voice-family:inherit; width: 220px; height: 220px; }
.square_442 { width: 464px; height: 464px; voice-family:"\"}\""; voice-family:inherit; width: 462px; height: 462px; }
.square_padding1 { padding: 10px; }
#footer { margin: 0px 20px; border-top: 1px solid #666; }

/* styles for IE 5 Mac */
#horizontal { background-color: transparent; position: absolute; top: 20px; left: 20px; }
/* following rules are invisible to IE 5 \*/
#horizontal { position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -180px; }

#maincontainer { position: relative; text-align: center; }