/* Events page styles */
/* Author:  Graeme Cooper */

body {text-align:center;
	  font-family:Verdana,Arial,Helvetica,sans-serif;
	  font-size:90%;
	  margin:0; padding:0;
	  color:#333;
	  background:#5a5a5a;
	  }
	
div {text-align:left; margin:0; padding:0;}
p   {font-size:0.92em; margin:0px 10px 10px 10px; padding:0; line-height:1.3em;} /* ~11px */
li  {font-size:0.92em; margin:0; padding:0 0 5px 10px; line-height:1.2em}

.bold {font-weight: bold;}
.centre {text-align: center;}
.indent40 {	margin-left: 40px;}
.indent52 {margin-left: 52px;}
.clearboth {clear: both;}
.image {padding: 0; margin:0 0 20px 10px;}
.imagefloatright {padding: 0; margin:0 0 20px 10px; float:right}
.imagefloatleft {padding: 0; margin:0 10px 20px 0px; float:left}
.borderedimage {padding: 0; margin:0 0 20px 10px; border-style:solid; border-width: 1px;}
.borderedimagefloatright {padding: 0; margin:0 0 20px 10px; border-style:solid; border-width: 1px; float:right}
.borderedimagefloatleft {padding: 0; margin:0 10px 20px 10px; border-style:solid; border-width: 1px; float:left}

/* ---------------------------------------------------------------- */
/* headings and links */

h1, h2, h3, h4 {font-family:Arial,Helvetica,sans-serif;}
h1 {font-size:2.0em; font-weight:bold; margin:0 0 10px 10px; padding:0;}
h2 {font-size:1.5em; font-weight:bold; margin:0 0 10px 10px; padding:0;}
h3 {font-size:1.3em; font-weight:bold; margin:0 0 10px 10px; padding:0;}
h4 {font-size:1.1em; margin:0 0 10px 10px; padding:0;}

a {color:#016CA9;  font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline; background:#e0e0e0;}
a img {color:white}

#toplinkbar {width:600px; padding: 0px; margin: 0px; list-style-type:none;}
#toplinkbar li {float:left; width:auto}   /* ie6 difference */
#toplinkbar a {font-family: Arial,Helvetica,sans-serif; font-size: 1.2em; font-weight:bold ;
	text-decoration: none; text-align: left;
	background-color: #D4D4B4; 
	border-right-style: solid; border-right-width: 2px; border-right-color:	black;
	padding: 5px 10px 0px 10px;
	width:auto; height: 25px; display: block; color:black;}
#toplinkbar a:hover {text-decoration:underline; background-color:#fffbd0;}

#nav-events a {color:red}

/* ---------------------------------------------------------------- */
/*  Main Layout  */

#wrapper {position: relative; width: 960px;	margin: 0 auto;	padding: 0;	background:#C0C0A0;}

#masthead {position:relative; width:938px; height:125px; margin:0px 10px; padding: 0px;
   border: thin solid black; background-color:white; background-image: url('../../images/banner.gif')}
#masthead h1 {font-size :3.0em; font-weight:bold; margin:0px 0px 0px 180px; padding:10px;}
#masthead h2 {font-size:2.0em; font-weight:bold; margin:0px 0px 0px 260px; padding:0;}

#top_nav {position:relative; width:940px; height:30px; margin:10px; background:#C0C0A0;}

#container {width: 940px; margin: 10px; background-color:white;}
#container #lining {width: 940px; float:left; margin: 0; background-color:white;}

#leftside {width: 620px; float:left; margin:0; border-width: thin; background-color:white;}
	#banner {margin:10px; padding:20px; border:thin solid black; background:white; text-align:center;}
	#info {margin:0; padding:0px; background:white;}

#rightside {width: 280px; margin: 0; padding:10px 20px 20px 20px; float:right; background-color:white;}

#leftchunk500 {float:left; width: 500px; margin:10px}
#rightchunk500 {float:right; width: 500px; margin:10px}

#footer {clear: both;  margin:10px; padding:20px 0px 20px 0px; background-color:#CCDD99}