/* BCC */

/* --- Fonts -- */
body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	line-height:1.2;
	font-size:smaller;
}

/* -- Colour scheme -- */

body {
	background-color:#5f5f5f;	/* Surrounding matte */
	background-image:url('../images/bg-gradient.png');
	background-repeat: repeat-x;;
}

h1, h2, h1 a, h2 a, .footer {
	color:#999999;
}

.change {
	color:#CC0000
}

.menu a:hover {
	background-color:#999999;	
}

* {	
	border-color: #dddddd; /* Borders and lines */
	border-width:1px;
}

/* -- End of colour scheme -- */

/* -- Basic page structure -- */
/* 1000 width based on fitting on 1024 display  (IE/Chrome) */
/* 1000 = 20 + 960 + 20 */
/* 960 = 300 + 32 + 628 */

.page {
	position:absolute;
	width:960px;
	min-height:650px;
	left:50%;
	top:0px;
	margin-top:0px;
	margin-left:-500px; /* 1000/2 */
	background-color:white;
	padding:20px;
}

.footer {
	height: 40px;
	clear: both;
	border-top-style:solid;
	width:100%;
}

.header {
	position:relative;
	border-bottom:1px black solid;
	margin-bottom:10px;
	z-index:5;
}

.main {
	width:628px;
	float:left;
	position:relative;
}

.sidebar {
	width: 300px;
	float:right;
	position:relative;
	margin-top:1em;
	margin-left:30px;
}


/* -- Layout the header section --*/

.header img {
	padding-bottom:5px;
}

/* Position the menu */

.header .menu {
	position:absolute;
	right:0px;
	bottom:0px;	

}

/* -- End of header layout -- */

/* -- Menu layout --*/

.menu {
	list-style:none;
	margin:0;
	padding:0;
	font-weight:bold;
}

.menu li {
	float:right;
	position:relative;
	margin-left:4px;
}

.menu a {
	display:block;
	padding:0.4em;
	color:white;
	background-color:black;
	white-space:nowrap;
	text-decoration:none;
	border:1px black solid;
	border-bottom-style:none; /* Provided by enclosing header block */
}


/* -- Dropdown -- */

.menu ul {
	display:none; /* Not visible till hover */
	position:absolute;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	min-width:100%;
}

.menu ul a{
	text-align:left;
	border-style:none;	
	border-bottom-style:solid;
	border-color:white;
}

/* Right align the last drop-down so it doesn't oveflow the page */

.menu li:first-child ul {
	right:0;
	left:auto;
}

.menu li:first-child ul a {
	text-align:right;
}

/* Cancel unwanted settings from main menu  */
.menu ul li {
	float:none; 	
	margin:0;
}

.menu ul li:first-child a {
	border-top-style:solid;	
}

/* Show the dropdown on hover */

.menu li:hover ul {
	display:block;
}


/*-- End of menu layout --*/

/* -- Item layout --*/

.item {
	margin-top:0.4em;
	margin-bottom:0.4em;
	padding-bottom:0.2em;
	border-bottom-style:solid;
	clear:both;
}

.last-item {
	border-bottom-style:none;
}

/* Initial images are centred by default */
.item>img, .item>a>img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.5em;
}

.caption {
	text-align:center;	
}

.item .ad {
	display:inline;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}
/* -- End of item layout -- */

/* -- Content styling -- */

h1 {
	font-size:larger;
	margin-top:0.2em;
	margin-bottom:0.2em;
}

.main>h1 {
	font-size:1.5em;
}

h1 a {
	text-decoration:none;
}

h1 a:hover {
	text-decoration:underline;
}

p {
	margin-top:0.8em;
}

.caption {
	font-style:italic;
	color:silver;
	margin-top:0.2em;
	margin-bottom:0.9em;
}

img.img-left {
	float:left;
	display:block;
	margin-right:1em;
	margin-top:0.8em;
	margin-bottom:1em;
}
a.img-left {
	float:left;
	display:block;
	margin-right:1em;
	margin-top:0.8em;
	margin-bottom:1em;
}

.committee {
	table-layout:fixed;	
	width:100%;
	border-collapse:separate;
	border-spacing:0.5em 1em;
}

.committee img, .committee p {
	margin-top:0;
}

.more {
	text-align:right;
	margin-bottom:0.5em;
}

.divider {
	clear:both;
}

.footer {
		font-size:8pt;
}

/* -- End of content styling --*/

/* -- Event list -- */

.evl {
	table-layout:fixed;	
	width:100%;
	border-collapse:separate;
	border-spacing:0.5em 0.5em;
}

#evl-col1 {
	width:7em;
}

.evl td{
	vertical-align:top;
}

.evl h1, .evl p {
	font-size:inherit;
	color:black;
	margin-top:0.3em;
	margin-bottom:0.3em;
}

.evl h1 {
	margin-bottom:0;
	font-size:inherit;
	font-weight:bold;
}
.evl h2 {
	font-size:inherit;
	font-style:italic;
	font-weight:normal;
	color:black;
	margin-top:0em;
	margin-bottom:0.3em;
}

.evl .note {
	font-style:italic;
	color:#808080;
}

.evl .away {
	background-color:#DFDFDF;	
}

/* -- End of Event list -- */

/* -- Results pop-up --*/

.results {
	position:relative;  /* So pop-up is positioned relative to this div */
}

.results>div:first-child {
	text-align:right;	
}

.results .close-icon {
	display:block;
	float:right;
	margin:0.4em;
}

.close-icon img {
	border-style:none;
}
.results h1 {
	margin-top:0;
	font-size:1em;
	background-color:#999999; 
	color:white; 
	padding:0.4em;
}

.results table {
	table-layout:fixed;
	width:39em;
	margin:0.5em;
}

.results .sub-head {
	font-style:italic; color:#999999;
}

.pop-up { /* Pop-up box */
	width:40em; position:absolute; left:0px;top:-0.2em; z-index:5; background-color:white; border-spacing:0.2em;
	border-style:outset; border-width:4px; display:none;
}

/* -- Results pop-up --*/

/* Links */
.links a {
	text-decoration:none;
	color:#0033CC;
}

.links a:visited {
	color:#0033CC;
}


.links img {
	vertical-align:middle;
}

.links p {
	margin-top:0.3em;
	margin-bottom:0.3em;
}