/* Top bar style sheet */
p	{
	letter-spacing: 0;
	margin: 0;
	padding: 0 0 8px 0;
	text-align: justify;
}
.colour	{
	background-color: transparent;
	color: #003399;
	font-weight: bold;
}

.min	{
	margin: 0;
	padding: 0;
}

.small	{
	font-size: .85em;
}

.large	{
	font-size: 1.3em;
}

.warning	{
	background-color: transparent;
	color: #990000;
	font-size: .85em;
	padding: 3px 0;
	text-align: center;
}
blockquote {
	font-style: italic;
	font-size: .9em;
	margin: 0 5%;
	padding: 0 0 8px 0;
	text-align: center;
}

/*	main headings */
h1	{
	text-align: left;
}
h2	{
	text-align: left;
}
h3	{
	text-align: left;
}
h4 {
	text-align: center;
}
h5 {
	text-align: center;
}
h6 {
	text-align: center;
}

/*	Selectable styles - End */

body	{
	position: relative;
	/*font-family:bimini, helvetica, sans-serif;	*/
	/*font-family: "book antiqua", georgia, palatino, times, serif;*/
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	background-color: #FFFFCC;
	background-image: url(images/menu.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	width: 100%;
}

marquee	{
	width: 50%;
}

h1	{
	background-color: transparent;
	color: #003399;
	font-size: 1.8em;
	padding: 0;
}

h2	{
	background-color: transparent;
	color: #003399;
	font-size: 1.2em;
	padding: 8px 0 3px 0;
}

h3, h4	{
	background-color: transparent;
	color: #000000;
	font-size: 1.2em;
	padding: 5px;
}

h1, h2, h3, h4, h5, h6	{
	border: none;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	vertical-align: middle;
}
h5	{
	font-size: 1.2em;
	background-color: #FFFF99;
	color: #990000;
}

h6	{
	font-size: 1.2em;
	background-color: transparent;
	color: #990000;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}

input.form, textarea.form, select.form	{
	/*position : absolute;
	right : 10%;
	*/
	background-color: transparent;
	border: 1px solid #0066CC;
	color: #000099;
	width: 50%;
}

div.form	{
	position: relative;
	left: 0%;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	border: 1px solid #0066CC;
	margin: 10px 0 0 0;
	margin-left:	auto;
	margin-right:	auto;
	max-width: 500px;
	padding: 10px;
	width: 70%;
}
* html div.form {
	width: 70%;	/* for IE5.x/win */
	w\idth: 64%;	/* for other IE versions */
}
/*	normal links in page */
a	{
	text-decoration: none;
}

a:link	{
	background-color: transparent;
	color: #0033FF;
}

a:visited	{
	background-color: transparent;
	color: #0033FF;
}

a:hover	{
	background-color: transparent;
	color: #990000;
	text-decoration: underline;
}

a:active	{
	background-color: transparent;
	color: #003399;
}

hr	{
	background-color: transparent;
	color: #003399;
	height: 2px;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* LISTS */
ol, ul	{
	margin: 0 10px 0 30px;
	padding: 0;
}

li	{
	margin: 0;
	padding: 2px;
}

ol, ul, li	{
	background-color: transparent;
	color: #000000;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
}
/*
ul	{
	list-style: circle url(images/bullet.gif);
}
*/
dl, dt, dd	{
	/*font-family:times, "Book Antiqua", palatino, serif;	*/
	background-color: transparent;
	color: #666699;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0;
	padding: 5px 10px 0 10px;
	text-decoration: none;
}

dt	{
	list-style: url(images/bullet.gif);
}

dd	{
	padding: 5px 20px 0 20px;
}

strong, b {
	font-weight: bold;
}
.centre	{
	text-align:		center;
	}

/* =================== Layout =================== */
/* All the content boxes belong to the content class. */
#content {
	/* Position is declared "relative" to gain control of stacking order (z-index). */
	/* This allows the content to overlap the right menu in narrow windows in good browsers. */
	position: relative;
	width: auto;
	margin: 0px ;
	min-width: 120px;
	padding: 10px;
	z-index: 3;
}

#footer {
	position: relative;
	width: auto;
	min-width: 120px;
	margin: 0;
	padding: 0 10px;
	z-index: 1;
	clear: both;
}
#footer p {
	background-color: transparent;
	color: #000000;
	font-size: .8em;
	text-align: center;
}

#leftb {
	position: absolute;
	bottom: 20px;
	text-align: center;
	margin-left: auto;
	margin-right:	auto;
	z-index: -1;
}

#right, #fright {
	background-color: #FFFF99;
	border: 1px solid #FFCC00;
	padding: 0; 
}
#right {
	position: absolute;
	z-index: 1;
}
#right h2, #fright h2 {
	padding: 5px 10px;
}
#right p {
	padding: 2px 10px;
}
#fright p	{
	line-height: normal;
}
#fright {
	float: right;
	width: 170px; 
	margin-left: 10px;
	z-index: 1;
}
/* Tan Hack. For IE5.x width to be width + padding + border + margin */
/* 170 + 10 x 2 + 1 x 2 = 192 */
* html #fright {width: 192px; w\idth: 170px;}

#left, #fleft {
	background-color: white;
	border: 1px solid #FFCC00;
	padding: 0; 
}
#left {
	position: absolute;
	z-index: 1;
}
#left h2, #fleft h2 {
	padding: 3px 10px;
}
#left p {
	padding: 2px 10px;
}

/* == Position control == */
#right {width: 170px; right: 10px; padding: 0; border-width: 1px;}
/* Tan Hack. For IE5.x width to be width + padding + border + margin */
/* 170 + 10 x 2 + 1 x 2 = 192 */
* html #right {width: 192px; w\idth: 170px;}
/* margin-right to be #right width + right + padding + border + 1 */
/* 170 + 10 + 10 x 2 + 1 x 2 + 1 = 203 */
#right	{top: 170px;}
#left {width: 170px; left: 23px; padding: 0; border-width: 1px;}
/* Tan Hack. For IE5.x width to be width + padding + border + margin */
/* 170 + 10 x 2 + 1 x 2 = 192 */
* html #left {width: 192px; w\idth: 170px;}
/* margin-right to be #right width + right + padding + border + 1 */
/* 170 + 10 + 10 x 2 + 1 x 2 + 1 = 203 */
#left	{top: 200px;}
#content, #footer, #header h2, #header p	{margin-left: 220px;}
#leftb {width: 220px;}
* html #leftb {width: 220px;	w\idth: 220px;}	/* Tan Hack */
/* end == Position control == */

/* =================== Navigation =Horizontal======== */
#menu	{
	position: relative;
	width: 100%;
	color: #FFFFFF;
	background-color: #003399;
	border: solid #0066CC;
	border-width: 2px 0;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#menu ul li a	{
	color: #FFFFFF;
	background-color: #003399;
	border-right: 1px solid #0066CC;
	
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
}
#menu ul li a:hover	{
	background-color: #CCCCFF;
	color: #000099;
}
/* =================== Navigation =vertical=submenu======= */
#menu ul ul {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	width: 220px;
	margin-left: auto;
	margin-right:	auto;
}
#menu ul ul {
	display: block;
}
#menu ul ul li	{
	display: block;
	list-style: none;
	float: none;
	text-align: center;
	border: none;
	margin: 0;
	padding: 0;
}
#menu ul ul li a {
	color: #000099;
	background-color: transparent;
	border: none;
}
#menu ul ul li a:hover	{
	background-color: #CCCCFF;
	color: white;
}

/* highlight current item where menu id is a descendant of body id
body#index #menu-index, 
body#about #menu-about, 
body#us #menu-about, 
body#them #menu-about, 
body#events #menu-events, 
body#members #menu-members, 
body#men #menu-members, 
body#women #menu-members, 
body#contact #menu-contact	{
	background-color: #9999FF;
	color: white;
}*/
body#us #about-us, 
body#them #about-them,
body#men #members-men, 
body#women #members-women
 {
	color: white;
}
/* =====================================================*/

#content	{margin-right:	0;}
#header	{
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: url(images/header.gif);
}
#header h2	{
	font-size: 40px;
	font-style: italic;
	text-align: center;
	margin-top: 20px;
}
#header span img {
	float: none;
	margin: 20px 0 0 20%;
}
#header p	{
	font-size: 20px;
	text-align: center;
}
#header img	{
	position: static;
	top: 10px;
	float: left;
	margin: 15px 0 10px 57px;
}

/* CSS only pop-ups */
#menu a div	{
	display: none;
}
#menu a:hover div	{
	display: inline;
	position: absolute;
	top: 0;
	right: 0;
	color: white;
	background-color: transparent;
	padding-right: 10px;
}
#menu	{
	clear: both;
	/* for NS 7 */
	height: 15px;
}
#content	{
	/* for Opera 7 */
	clear: both;
}

#content p	{
	line-height: 145%;
}
#fright p	{
	line-height: normal;
}

/* Event Table Format */
p.event, p.eventl {
	text-align: left;
	padding: 3px 0 3px 5px;
}
p.eventr {
	text-align: right;
	padding: 3px 5px 3px 0;
}
table.events {
	width: 100%;
	font-size: 1em;
	border-left:1px solid #003399;
	border-right:1px solid #003399;
}
.event1, .event2, .event3, .event4, .eventfoot	{
	border-top:1px solid;
	border-bottom:1px solid;
	border-color: #003399;
	background-color: #CCCCFE;
}
.event1	{
	width:15%;
}
.event2	{
	width:35%;
}
.event3	{
	width:25%;
}
.event4	{
	width:25%;
}
.eventfoot {
	border-top: 1px solid;
	border-bottom: 1px solid;
}