body { margin: 0; text-align: center; background-repeat: repeat-x;  background-image: url(/site/images/bg.gif); }
body, p, ul, ol, li, th, td, input, select, textarea { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333; }

h1, h2, h3, h4 { font-family: Arial, Helvetica; font-weight: normal; }
h2 { font-size: 24px; }
h2#strapline { color: #A4703E; margin-bottom: 12px; }
h3 { font-size: 18px; color: #577EAE; margin-top: 0; margin-bottom: 0; }
h3 strong { font-weight: normal; margin-top: 0; }

a { color: #577EAE; text-decoration: none; }
a:hover { text-decoration: underline; }

input, select, textarea { width: 220px; margin-bottom: 5px; }
input.submit { width: 60px; float: right; }
input.shorterInput { width: 190px; }
input#photoUpload { width: 25px; font-size: 13px; }

img { border: 0; }


#holder { width: 900px; margin: 0 auto; text-align: left; }

#header { padding: 0; margin: 0; }
#header h1 { width: 142px; height: 68px; overflow: hidden; margin: 0; float: left; }

#homeContent { width: 430px; float: left; margin-right: 30px; }
#homeContent p { line-height: 14px; color: #5C5C5C; margin: 10px 0; }
#homeRight { width: 440px; float: left; }

#latestBlog { background-color: #F3F4F7; border: 1px solid #E7EAEF; padding: 16px; }
#latestBlog h3 { color: #879E0F; margin-bottom: 0; }
#latestBlog p { font-size: 9px; }
#latestBlog p strong { font-size: 11px; }
#latestBlog p a { color: #9D350C; }

.clickMessage { font: 18px Arial, Helvetica, sans-serif; margin-top: 12px; }
.clickMessage a { color: #9D350C; background-color: #F0F2D0; padding: 2px 4px; }
.clickMessage a:hover { text-decoration: none; background-color: #E9ECC1; }
#photoStream p { color: #5C5C5C; margin: 11px 0; }

.clear { clear: both; height: 1px; overflow: hidden; }

/*
.colour-their { color: #62750B; }
.colour-work { color: #879E0F; }
*/

#footer { margin: 15px 0; font-size: 9px; color: #999; }

.aboutMenu { width: 300px; float: left; }
.aboutMenu ul { padding-left: 0; margin-left: 0; list-style-type: none; }
.aboutMenu ul li { line-height: 15px; margin-bottom: 5px; padding-left: 10px; background-image: url(/site/images/dot.gif); background-repeat: no-repeat; background-position: 0 6px; }

.aboutContent { width: 580px; margin-left: 20px; float: left; }
.aboutContent p, .aboutContent ul li { line-height: 19px; }
.aboutContent hr { display: none; }
.aboutContent hr + p { margin-bottom: -8px; }


/*
#mainNav { float:right; line-height:normal; }
#mainNav ul { margin:0; padding:36px 0 0; list-style:none; }
#mainNav li { float:left; background:url("/site/images/nav_left.gif") no-repeat left top; margin:0 0 0 2px; padding:0 0 0 8px; }
#mainNav a { display:block; background:url("/site/images/nav_right.gif") no-repeat right top; padding:6px 15px 4px 6px; text-decoration:none; color:#fff; font-family: Arial, sans-serif; font-size: 18px; text-transform: lowercase; }
#mainNav a:hover { color:#333; }
#mainNav #current { background-image:url("/site/images/nav_left_on.gif"); }
#mainNav #current a { background-image:url("/site/images/nav_right_on.gif"); color:#333; padding-bottom:4px; }
*/

#mainNav { float:right; line-height:normal; }
#mainNav ul { margin:0; padding:36px 0 0; list-style:none; }
#mainNav li { float:left; margin:0 0 0 2px; padding:0; }
#mainNav a { display:block; padding:6px 15px 4px 15px; text-decoration:none; color:#fff; font-family: Arial, sans-serif; font-size: 18px; text-transform: lowercase; background-color: #999; }
#mainNav a:hover { color:#333; }
#mainNav .current {  }
#mainNav .current a { color:#333; padding-bottom:4px; }
#mainNav a#navMap { background-color: #567CAB; }
#mainNav li.current a#navMap { background-color: #9AB0CD; }
#mainNav a#navAbout { background-color: #A8774B; }
#mainNav li.current a#navAbout { background-color: #CBAD93; }
#mainNav a#navBlog { background-color: #9FAD5C; }
#mainNav li.current a#navBlog { background-color: #C5CE9D; }
#mainNav a#navDiscuss { background-color: #AF7DB1; }
#mainNav li.current a#navDiscuss { background-color: #CFB1D0; }