body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}



#container-wrapper {
  width: 960px;
  margin: 0 auto;
}

#container-header {
	width: 100%;
	height: 263px;
	clear: both;
	background: #FFFFFF url(assets/back-header-fade.jpg) no-repeat scroll top right;
}

#wrapper {
	width: 999px;
	margin: 0px auto;
}

#container-menubar {
	clear: both;
	margin: 6px 52px 6px 305px;
	margin: 6px 0px 6px 20px; /**/
	padding: 0;
}

#container-main {
	clear: both;
	margin: 0;
	padding: 0;
}

#container-footer {
	margin: 0px 0px 20px 0px;
/*	position: relative;*/
	text-align: center;
	clear: both;
}
#container-footer * {
	vertical-align: top;
}



ul.nav {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none outside none;
	text-align: center;
}

ul.nav li {
	display: block;
	float: left;
	list-style: none outside none;
	margin: 6px 0;
	padding: 0 6px 0 10px;
	border-left: 1px solid #000000;
}

ul.nav li.first {
	border-left: none;
	padding-left: 0;
}

ul.nav li.last {
	padding-right: 0;
}

ul.nav li a {
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
}

ul.nav li a:hover {
	text-decoration: underline;
}

ul.nav li ul {
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	border: 1px solid #000000;
	background: #FFFFFF;
}

ul.nav li:hover ul {
	display: block;
	z-index: 100;
}

ul.nav li.showSubMenu { /* dirty!!! IE hack that requires jQuery to be loaded at the bottom of the page */
	position: relative;
}
ul.nav li.showSubMenu ul {
	display: block;
	position: absolute;
	top: 19px;
	left: 0px;
	z-index: 100;
}

ul.nav li ul li {
	display: block;
	float: none;
	margin: 0;
	padding: 4px 12px 4px 12px;
	border-left: none;
	border-bottom: 1px dotted #000000;
}

ul.nav li ul li.first {
	padding: 4px 12px 4px 12px;
}

ul.nav li ul li.last {
	padding: 4px 12px 4px 12px;
}

ul.nav li ul li a {
	color: #5F5F5F;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}



#box-left {
/*	position: absolute;
	left: 70px;*/
float: left;
width: 222px;
	margin: 0;
}

#box-apply {
	padding: 0 6px 0 0;
}

#box-main {
	margin: 0 32px 4px 300px;
	margin: 0 0px 4px 5px;
	width: 758px;
	float: left;
}



#icon-apply-for-membership {
	display: block;
	width: 202px;
	height: 113px;
	margin: 0 auto 12px;
	padding: 0;
	background: #FFFFFF url(assets/icon-apply-for-membership.gif) no-repeat scroll top left;
}


#logo-header-noticeboard {
	float: right;
	margin: 50px 40px 0 0;
	margin: 50px 20px 0 0;
	padding: 0;
	border: 0;
}

#logo-header-pre65 {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#logo-header-polaroids {
	float: left;
	margin: 0;
	margin: 50px 0px 0 0;
	padding: 0;
	border: 0;
	width: 350px;
}

#logo-header-calendar {
	float: right;
	margin: 30px 40px 0 0;
	padding: 0;
	border: 0;
}

#logo-nav-at-mouse {
	display: block;
	width: 96px;
	height: 108px;
	padding: 0;
	margin: 0 auto;
	background: transparent url(assets/logo-nav-at-mouse.png) scroll repeat-y top left;
}

#logo-footer-kumho {
	position: relative;
	top: -16px;
	margin: 0 5px 0 0;
}

#logo-footer-showquip {
	position: relative;
	margin: 0 5px 0 0;
}

#logo-footer-kelford {
	position: relative;
	margin: 0 5px 0 0;
}

#logo-footer-blairs {
	position: relative;
	margin: 0 5px 0 0;
}



.news-item {
	font-weight: bold;
}


ul.news-list {
	list-style: none outside none;
}

ul.news-list li a {
	text-decoration: none;
}
ul.news-list li a:hover {
	text-decoration: underline;
}



div.box-small {
	width: 222px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #FFFFFF url(assets/box-left.png) repeat-y scroll top left;
}

div.box-small div.box-content {
	margin: 0;
	padding: 16px 22px 6px 10px;
	text-align: center;
}

div.box-small div.box-bottom {
	height: 22px;
	background: #FFFFFF url(assets/box-left.png) repeat-y scroll bottom left;
}



.box-large {
/*	position: relative; this set the z-index so that it was on top of the submenus with z-index 100 - only in IE of course */
	margin: 0;
	padding: 0;
	background: #FFFFFF url(assets/box-body.png) repeat-y scroll bottom right;
}

.box-large .box-content {
	margin: 0 38px 0 0;
	padding: 0 0 30px 26px;
	text-align: center;
	background: #FFFFFF url(assets/box-body.png) repeat-y scroll bottom left;
	min-height: 540px;
}

.box-large .box-top {
	height: 10px;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(assets/box-body.png) repeat-y scroll top right;
}

.box-large .box-top .box-corner {
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(assets/box-body.png) repeat-y scroll top left;
}

#gallery {
	margin-left: -20px;
}
body {
	font-family: "Century Gothic", "Avant Garde", "Avant Garde Gothic", sans-serif;
	font-size: 14px;
}

div, span {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #000000;
	font-family: "Century Gothic", "Avant Garde", "Avant Garde Gothic", sans-serif;
	font-weight: bold;
}
h1 {
	color: #FFFFFF;
	margin: 0 0 20px 0;
	font-size: xx-large;
}
h2 {
	margin: 6px 0;
	font-size: x-large;
}
h3 {
	font-size: large;
}
h4 {
	font-size: medium;
}
h5 {
	font-size: small;
}
h6 {
	font-size: x-small;
}

p.center,
div.center,
span.center,
h1.center,
h2.center,
h3.center,
h4.center,
h5.center,
h6.center {
	text-align: center;
}

a img {
	border: 0;
}


a.email {
	color: #82AB46;
	font-weight: bold;
	text-decoration: none;
}

a.email:hover {
	text-decoration: underline;
}

span.heading {
	color: #DA2828;
	font-family: "Century Gothic", "Avant Garde", "Avant Garde Gothic", sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}


.clear {
	content: '.';
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	overflow: hidden;
}