/* COLOURS*/

/* primary text */

html {overflow-y:scroll;}

body{
color:		#333333;
color:		#444444;
background:	#eeeeee;
color:#3F4A57;
}

#site{
background-color:#ffffff;
margin:0;
margin-top:10px;
margin-bottom:10px;

padding:0;
border-style:solid;
border-width:1px;
border-color:#637AA9;
border-color:rgb(192,192,192);

}

#contentarea{
width:80%;
float:right;
clear:none;

background-color:#ffffff;
margin:0px;
margin-bottom:0;

padding:0px;
padding-right:14px;

margin-left:1px;

border-style:none;
border-width:0px;
border-color:#637AA9;

/* IE6 and 7 border-width is overridden to 1px
in the html so that the left hand border is drawn. */

/* this only happens when the float panel on the right
   is longer than the main content.
   
*/
}

#panel-container{
float:right;
width:30%;

clear:none;

border-style:solid;
border-width:0px;
border-color:#e0e0e0;

padding:0;
margin:0;
}

.contentarea-divfixup{
clear:both; /* causes the contentarea dive to fully enclose the content*/
}

.main-article-container{
background-color:#ffffff;
border-style:none;
border-width:1px;
border-color:#fcfcfc;
width:67%;
}

.main-article{
width:99%;
border-style:none;
border-width:1px;
border-color:#fcfcfc;
margin-bottom:2em;
}


.article ul li{
list-style-image:url(bullet-4.png);
}

.site-container-right{
	font-size:90%;
	padding:0; 
	padding-left:10px; 
	padding-right:10px; 
	border-style:solid;
	border-width:0px;
	border-left-width:1px;
	border-right-width:1px;
}

.site-container-right img{
	
	background-color:white;

	border-style:solid;
	border-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:rgb(166,166,166);
	border-top-color:rgb(222,222,222);
	border-left-color:rgb(222,222,222);
	padding:5px;
	margin-left:12px;
}


/* the central container */
.site-container{
background-color:rgb(255,255,255);
}

/* general in-line block such as the contact details */
.site-container-block
{
background-color:	rgb(235,235,235);
border-color:		rgb(128,128,128);
}

/* right-hand panel */
.site-container-right{
background-color:	rgb(235,235,235);
border-color:		rgb(128,128,128);
border-color:rgb(192,192,192);
}

.site-container-right p{
margin-bottom:0;
margin-top:0;
padding:0;
padding-bottom:0;
border:0;
padding-bottom:0.5em;
}

.site-container-right ul{
margin:0;
padding-top:0.4em;
padding-bottom:0.2em;
}
.site-container-right li{
margin:0;
padding-top:0;
padding-bottom:0.2em;
}

.site-container-right-top{
background-image:url(box-right.png);
background-repeat:no-repeat;
margin:0;
border:0;
padding:0;
height:6px;
font-size:0;
}

.site-container-right-top p{
margin:0;
padding:0;
border:0;
}

.site-container-right-bottom{
background-image:url(box-right.png);
background-repeat:no-repeat;
background-position:-241px 0px;
height:6px;
margin:0;
border:0;
padding:0;
margin-bottom:5px;
font-size:0;
}

.site-container-right-bottom p{
margin:0;
padding:0;
border:0;
}


/* at a glance panel used in clubs */
.at-a-glance .site-container-right{
background-color:	rgb(223,235,247);
border-color:		rgb(174,204,234);
}


.at-a-glance .site-container-right-top{
background-image:url(box-ataglance.png);
}

.at-a-glance .site-container-right-bottom{
background-image:url(box-ataglance.png);
}

.at-a-glance hr{
border:0;
border-top-width:1px;
border-style:solid;
border-color: rgb(154,184,214);
height:1px;
color: rgb(174,204,234);
background-color: rgb(174,204,234);
}


.news .site-container-right{
background-color:	rgb(231,243,227);
border-color:		rgb(194,224,184);
}
.news .site-container-right-top{
background-image:url(box-news.png);
}
.news .site-container-right-bottom{
background-image:url(box-news.png);
}


/* bottom panel */
.site-footer{
background:	#f8f8f8;
color:		#222222;
}

/* primary article text */
.article-title,
.article,
.article-smallprint{
}


.main-article h2{
padding-top:0;
}


/* photo thumbnails */
.picbox{
background-color:rgb(235,235,235);

border-left-color:rgb(220,220,220);
border-top-color:rgb(220,220,220);
border-right-color:rgb(190,190,190);
border-bottom-color:rgb(190,190,190);
}

/* END OF COLOURS */

p{
margin-top:0;
margin-bottom:1em;
margin-left:0;
}

h2{
margin-top:0;
margin-bottom:4em;
margin-left:0;
}

body{
font-family:'arial', sans-serif;
width:1005px;
margin:auto;

}

.article{
font-family: 'Georgia', 'Times New Roman', 'Times', serif;
}

.title			 {font-size:120%; font-weight: bold;}
.title-sub1		 {font-size:110%;}
.title-tiny		 {font-size:70%;}

.page-banner{
margin-bottom:6px;
margin-top:1px;
font-weight:bold;
font-size:120%;
text-align:center;
}

h1{
text-align:left;
padding:0.2em;
padding-top:0;
margin-top:0;
font-weight:bold;
font-size:110%;
border-width:0;
}

h2, h3{
font-family:'arial', sans-serif;
padding:0.2em;
padding-left:0;
margin-bottom:0.5em;
font-weight:normal;
font-weight:bold;
font-size:100%;
color:#3F4A77;

border-style:solid;
border-width:0;
border-bottom-width:1px;
border-color:#5F6Aa7;
}

h3{
border-style:none;
color:#4F5A87;
margin:0;
font-size:100%;
}

.calendar-month{
background-image:url(title-tab.png);
background-repeat:no-repeat;
padding:0;
padding-top:6px;
width:532px;
margin-bottom:1em;

border-style:none;
}

.calendar-month .main-article{
width:530px;

padding:0;
margin:0;

padding-left:0;
padding-right:0;

border-style:solid;
border-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:rgb(205,205, 205);

background:rgb(235,235,235);

}

.calendar-month .article{
width:530px;
padding:0;
margin:0;
}

.calendar-month h2{
font-family: 'Georgia', 'Times New Roman', 'Times', serif;

font-weight:bold;
font-size:100%;

color:#5F6A77;
background:rgb(235,235,235);

padding:0;
margin:0;

padding-left:8px;

border-style:solid;
border-width:0px;
border-left-width:1px;
border-right-width:1px;
border-color:rgb(205,205, 205);
}
	
.article{
margin-left:48px;
margin-right:36px;
margin-bottom:1em;
}

ul{
padding-left:0;
margin-left:0;
padding-left:1em;
}

li{
padding-left:0em;
margin-left:0px;
list-style:disc outside;
}

.article ul{
}

.article ul li{
font-size:90%;
margin-bottom:0.2em;
}

.article-smallprint{
margin:0px;
font-size:70%;
}

li{
	margin-bottom:0.5em;
}

@media print{
.site-header{
	display:none;
}
}

@media screen{
.site-header{
background-image:url('images/banner-v9.jpg');
background-repeat:no-repeat; 
height:198px;

margin:0px;
margin-bottom:6px;
padding:0px;
border:0px;

color:#ffffff;
text-align:center;

border-style:solid;
border-bottom-width:0px;
border-color:#637AA9;
border-color:rgb(192,192,192);


}
}

@media print{
#site-menu{
	display:none;
}
}

@media screen{

#site-menu{
	display:block;
	width:160px;
	float:left;
	clear:none;

	border-style:solid;
	border-width:0px;
	border-top-width:1px;
	border-color:#AECCEA;

	margin:0;
	margin-bottom:8px;

	font-size:80%;

	background-color:#7E8CaA;
	
}
}

.site-menu-item{
background-color:#DFEAF7;
padding:0;
margin:0;

border-style:solid;
border-width:0;
border-bottom-width:1px;
border-right-width:1px;
border-color:#AECCEA;

font-weight:bold;
}

.site-menu-itemsub{
border-style:none;
font-size:90%;

position:relative;
top:-4px;	
left:8px;	
}


.site-menu-item a{
display:block;
width:100%;
padding:5px;
padding-left:10px;

width:145px;

border-style:none;
border-width:1px;

color:#5F6Aa7;
color:#445;
color:#334;
}

.site-menu-itemsub a{
	display:block;
	
	padding: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	
	margin-left:24px;

	width:112px;
	
	background:#cFdAe7;
	
	border-style:solid;
	border-width:1px;
	border-color:#9EbCdA;

	color:#445;
	color:#334;
}

html>body .site-menu-item a{
/* ensure right border remains in ff */
	width: auto;
}

html>body .site-menu-itemsub a{
/*
	width: auto;
*/
}

.smi-sel a,
.smis-sel a
{
background-color:#fFfAFf;
}

.smis-emp a
{
background-color:#eFfAF7;
}

A:link		{text-decoration: none;}
A:visited	{text-decoration: none;}
A:active		{text-decoration: none;}
A:hover		{text-decoration: underline; background-color:#aFbAc7;}


@media screen{
.site-container{
	position:relative;
	float:left;
	width:570px;
	padding:10px; 
}
}

@media print{
.site-container{
	position:relative;
	width:570px;
	padding:10px; 
}
}

@media screen{
.site-container-fullwidth{
	position:relative;
	padding:10px; 
	width:580px;
	float:left;
}
}

@media print{
.site-container-fullwidth{
	position:relative;
	padding:10px; 
	width:580px;
}
}

.site-container-block{
	font-size:90%;
	position:relative;
	top:10px;
	float:left;
	padding:10px; 
	border-style:solid;
	border-width:1px;
	clear:right;
}


.site-footer{
	clear:both;
	margin:0;
	border:0;
	padding:0.5em;
	padding-left:1em;
	font-size:60%;

border-style:solid;
border-width:0px;
border-top-width:1px;
border-bottom-width:1px;
border-color:rgb(192,192,192);


}

.site-designer{
	clear:both;
	text-align:center;

	background:	#ffffff;
	color:		#666666;

	margin-top:0em;
	padding:0.5em;
	font-size:70%;
}

.picbox{
	position:relative;
	float:right;

	padding:8px; 
	
	margin-left:5px; 
	margin-right:5px; 
	margin-bottom:10px; 
	
	border-style:		solid;
	border-left-width:	1px;
	border-top-width:	1px;
	border-right-width:	2px;
	border-bottom-width:2px;
}

.picbox-label{
	margin-top:0.5em;
	font-weight:normal;
	font-size:100%;
}


.plain-box{
font-family:'arial', sans-serif;

background:#f8f8f8;
border-style:solid;
border-width:1px;
border-color:#BDBDBD;
border-top-width:0;
border-bottom-width:0;
font-size:90%;

margin:0;
padding-left:12px;
padding-right:12px;
}

.plain-box-top{
background-image:url(box-plain.png);
background-repeat:no-repeat;
margin:0;
border:0;
padding:0;
height:8px;
}

.plain-box-bottom{
background-image:url(box-plain.png);
background-repeat:no-repeat;
background-position:-300px 0px;
height:8px;
margin:0;
border:0;
padding:0;
margin-bottom:10px;
}

.plain-box-top,
.plain-box-bottom
{
width:300px;
font-size:0;
}
.plain-box{
width:274px;
}

.plain-box p,
.plain-box-top p,
.plain-box-bottom p
{
margin:0;
padding:0;
border:0;
}

.plain-box ul{
margin:0;
padding-top:0.0em;
padding-bottom:1px;
}
.plain-box li{
margin:0;
padding-top:0;
padding-bottom:0.0em;
}

.article .plain-box ul li{
list-style-image:url(bullet-plain-box.png);
}






.contactbox{
font-family:'arial', sans-serif;

background:#f8f8ff;
border-style:solid;
border-width:1px;
border-color:#aaaabb;
border-top-width:0;
border-bottom-width:0;
font-size:85%;

margin:0;
padding-left:16px;
padding-right:8px;
}

.contactbox-top{
background-image:url(box-contact.png);
background-repeat:no-repeat;
margin:0;
border:0;
padding:0;
height:8px;
}

.contactbox-bottom{
background-image:url(box-contact.png);
background-repeat:no-repeat;
background-position:-300px 0px;
height:8px;
margin:0;
border:0;
padding:0;
margin-bottom:5px;
}

.contactbox-top,
.contactbox-bottom
{
width:300px;
font-size:0;
}
.contactbox{
width:274px;
}

.contactbox p,
.contactbox-top p,
.contactbox-bottom p
{
margin:0;
padding:0;
border:0;
}

.contactbox ul{
margin:0;
padding-top:0.4em;
padding-bottom:0.2em;
}
.contactbox li{
margin:0;
padding-top:0;
padding-bottom:0.2em;
}