@charset "UTF-8";

*{
/* Use of pt for font sizes is deprecated (+ unpredictable)
  but only thing that works at present (since font sizes are mixed on the page.) */
	font-size:10pt;
}
body {
	color: #000000;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size:100%; /* Keeps IE happy when the user sets the default size to 'smallest'. (from WikiBooks) */

	background: #e7e7e7;
	background-repeat: repeat-y;
}

/*Original colours (deprecated in 'strict'): alink="#ff0000" link="#0033cc" vlink="#990099" */
a:link {
	color: #000055;
}

a:visited {
	color: #660066;
}

a:hover {
	background-color: #ffff99;
}

a:active {
	color: #ff0000;
}		

.event{
	color: #0033aa;
	background-color: #ffff33;
	text-align: left;
/*  font-size: 10pt;*/
}
.event th{
	text-align: center;
}
.nextevent{
	color: #0033aa;
	background-color: #33aacc;
	font-weight: bold;
	text-align: left;
/*  font-size: 10pt;*/
}
.pastevent{
	color: #8888ff;
	background-color: #ffff33;
	text-align: left;
  /*font-size: 10pt;*/
}

.featureevent {
	color: #0033aa;
	background-color: #ffff33;
	font-weight: bold;
	text-align: left;
/*  font-size: 10pt;*/
}
	
div {
	position: absolute; 
}
/* Can't just un-define the above 'div' setting or whole site will go screwy.
    Use this to manually override every div, and then disable 'absolute' when ready */
.div_override{
  position: relative;
}
.totem_banner{
  margin-left: -10px;
}
.main_body{
  position: absolute;
  left: 200px;
  width: 600px;
  color: #000000;
  font-weight:normal;
}

h1 {
    font-size:2.4em;
}
 
h2 {
	font-size:1.3em;
	color: #0033aa;
}
h3 {
	font-size:1.2em;
}

/*==== SWRS IDENT DETAILS ====*/
#swrs_ident{
	color:#003333;
	background-color: #ccccee;
	text-align:center;
	font-weight:bold;
	font-style:italic;

/*
	float:left;
	clear:both;*/
	width:160px
  }
#swrs_ident  h3{
	font-size:1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.4em;
}

#swrs_ident .tiny {
	font-size:0.6em;
	margin-bottom: 0.6em;
}
#swrs_ident .url {
	margin-top: 0.6em;
	margin-bottom: 0.8em;
}
#swrs_ident  p{
	font-size:0.7em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
#swrs_ident  a{
  	font-size:1.3em;
}
/*================*/

#next_event_wrapper{
}

#next_event_box{
	border:thin groove black; 
	background-color: #bbbbbb;
	text-align:center;
}

#next_event_box p{
 	font-style:italic;
}

#next_event_top_padding p{
	font-style:italic;
 	line-height:0.5;
	font-size:0.1em
}
#next_event_heading{
	color: #0033aa;
	text-align:left;
	line-height:0.5;
	font-size:1.5em;
}

.next_event_title{
	color: #000000;
	text-decoration:none;
	font-weight:bold;
	font-size:2.2em;
	font-variant:small-caps;
	line-height:0.5;
}
/*Use these in combination with .next_event_title (or any other class!)*/
.left{
	text-align:left;
}
.centre{
	text-align:center;
}
.right{
	text-align:right;
}
.multi-line{
	line-height:1;
}

#next_event_speaker{
	text-align:center;
	color: #000000; 
	font-size:1.5em;
	font-weight:bold;
	line-height:0.5;
}

#menu li {
  list-style-type: none;
  width: 115px;
  text-align: left;
  margin-left: -20px;
}

#menu a {
  text-decoration: none;
  color: #fffcd0;
  display: block;
  border: 3px #7b3f00 outset;
  background-color: #7b3f00;
}

#menu a:hover {
  border: 3px #7b3f00 inset;
}