body {
 margin: 10px;
 padding: 0;
 text-align: center;/* center layout in ie5 and 5.5. */
 font-size: 1em;
 color: silver;
 background: url(../images/104a49.jpg);
}
#container {
 width: 1024px;
 margin: 0px;
 margin-left: auto;
 margin-right: auto;
 background: url( ../images/contentbg.jpg) repeat-y;/* this is the background colour of the right column */
 border: 5px solid #000;
 text-align:left;
 }
#navbar {
 height: 30px;
}
#content {
 border-top: 1px solid #ffbf44;
 padding: 0;
 }
#left {
 float:left;
 width:199px;
 padding: 20px 0 0 0;
 
}
#right {
position: relative;
float: left;
width: 800px;
margin-left: -1px;/* makes border line up with #left border */
padding-top: 20px;
}
#right .image {
float: left;
margin: 10px;
font-size: 1.0em;
font-weight: bold;
}
#teaser {
 width: 220px;
 padding: 0 0;
 background-color: transparent;
 margin: 0 0 0 10px;
}
#teaser img {
 border: none;
}
 
#header {
 background: #000 url(../images/banner.png);
 height: 150px;
 width: 1024px;
}
#header span {
 color: #ffff66;
 font-size: 4.0em;
 font-weight: bold;
 margin: 120px 0 0 170px;
 line-height: 2em;
}
#footer {
 background: url( ../images/contentbg.jpg) repeat-y;
 text-align:center;
 line-height: 100px;
 height: 100px;
}
#helmet {
 float:left;
 background: #000 url(../images/helmet1.jpg);
 height: 150px;
 width: 104px;
}
#banner {
 float:left;
 background: #000 url(../images/helmet1.jpg);
 height: 150px;
 width: 104px;
}
#header h1, #footer h1 {
 margin:0;
}
.image {
	float: left;
	width: 220px;
	margin: 5px;
}
.imagecontainer {
	height: 240px;
	}
.event {
border: 1px solid #eee;
margin-right: 250px;
margin-top: 20px;
padding: 20px;
color: #ffcc33;
background: #003366;
}
.event .heading {
font-size: 1.2em;
color: Red;
text-align: center;
}
.openday { 
	background: #fff url(../images/openday_sepia.png) no-repeat 0px 0px; 
	width: 508px; 
	height: 273px; 
	display: block; 
	margin-right: 250px;
	color: #fff;
	font-weight: ;
	font-size: 1.1em;
	font-size: 0.9em\9;
}
.openday .heading {
	font-size: 1.3em;
	color: red;
	text-align: center;
	font-weight: bolder;
	}
.center {
 text-align: center;
}
.sponsor {
	position: relative;
	bottom: 0;
	font-size: 0.7em;
	margin: 20px 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearer {
	clear: both;
	}
/* text styles */
p {
	margin: 0 0 10px 0;
}
h1 {
    font-size: 1.3em; 
    width: auto; 
    height: auto; 
    bottom: 0px; 
    position: relative;
    border-bottom: 1px solid;
    font-weight: bold;
    margin: 0 0 10px 0;
    }
h2 {
	font-size: 1.2em;
	margin: 10px 0;
}
h3 {
}
h4 {
}
h5 {
}
 
/* link styles */

a:link {
    color: #FFCC00;
    font-size: inherited;
    text-decoration: none;
    font-family: "Tahoma" , "Verdana";
}
a:visited {
    color: #FFCC00;
    font-size: inherited;
    text-decoration: none;
    font-family: "Tahoma" , "Verdana";
}
a:hover {
    color: #FF3300;
    font-size: inherited;
    text-decoration: underline;
    font-weight: normal;
    font-family: "Tahoma" , "Verdana";
}
 a:link,a:visited img {
 text-decoration: none;
 border: none;
 border-style: none;
 color: ;
 }
 img {
 border-style: none;
 }
 /* navigation - 2 level flyout, courtesy htmldog Son of Suckerfish example */
 #nav, #nav ul { /* all lists */
  padding: 0;
  margin: 0 0 0 10px;
  list-style: none;
  float : left;
  width : 11em;
 }
 
 #nav li { /* all list items */
  position : relative;
  float : left;
  line-height : 1.25em;
  margin-bottom : -1px;
  width: 11em;
 }
 
 #nav li ul { /* second-level lists */
  position : absolute;
  left: -999em;
  margin-left : 11.05em;
  margin-top : -1.35em;
 }
 
 #nav li ul ul { /* third-and-above-level lists */
  left: -999em;
 }
 
 #nav li a {
  width: 11em;
  w\idth : 10em;
  display : block;
  color : silver;
  font-weight : bold;
  text-decoration : none;
  background-color : black;
  border : 1px solid black;
  padding : 0 0.5em;
 }
 
 #nav li a:hover {
  color : white;
  background-color : black;
 }
 
 #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
 }
 
 #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
 }
 /* rollover image for yellow red */
 a.button { 
        background: url(../images/redyellow.jpg) repeat 0px 0px; 
        width: 700px;
        height: 160px; 
        display: block; 
}

a.button span { 
        display: none; 
}

a.button:hover { 
        background: url(../images/grey.png) repeat 0px -160px; 
}


#example{
	height: 155px;
	width: 700px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/redyellowrollover.png) top left no-repeat;
	display: block;
}
 
#example:hover{
	background-position: bottom left;
}