@charset "utf-8";
/* CSS Document */

  body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background: #EEEEEE;
	margin: 0;
	text-align: center;
  }
  
  #content_shell {
    display: block;
	position: relative;
	width: 960px;
	border: 1px solid #000000;
	margin: 1em auto;
	text-align: left;
	background: #FFFFFF;
  }
  
  #header {
    display: block;
	position: relative;
	width: 100%;
	background: #0066B0;
	border-bottom: 1px solid #000000;
	font-size: 0.8em;
  }
  
  .right {
    float: right;
	text-align: right;
  }
  
  .left {
    float: left;
	text-align: left;
  }
  
  img {
    padding: 0;
	margin: 0;
	border: 0;
  }
  
.clearfloat {
clear: both;
height: 0;
font-size: 0.1em;
line-height: 0px;
}  

#gradient {
  display: block;
  position: relative;
  width: 100%;
  background: url("images/layout/pink_gradient.jpg") repeat-x;
  height: 37px;
}

ul#accessibility {
  display: block;
  position: relative;
  float: left;
  margin: 0.5em 0;
  padding: 0;
  
}

ul#accessibility li {
  list-style: none;
  float: left;
}

ul#accessibility li a {
  display: block;
  padding: 0 1em;
  text-decoration: none;
  color: #FFFFFF;
}

ul#nav {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

ul#nav li {
  list-style: none;
  float: left;
}

ul#nav li a {
  display: block;
  position: relative;
  float: left;
  height: 37px;
  padding: 0 1.5em;
  line-height: 34px;
  text-decoration: none;
  font-weight: bold;
  color: #000000;  
}

ul#nav li a:hover {
  text-decoration: underline;
}

#main_content {
  display: block;
  position: relative;
  float: left;
  width: 600px;
  margin: 10px 0 10px 10px;
  border: 5px solid #F599C1;
  background: #FFFFFF;
}

#main_content ul {
margin: 0.5;
padding: 0.5em 2.5em;
}

#main_content a, #get_involved a, #abarthRaffle a {
  font-weight: bold;
  text-decoration: none;
  color: #666666;
}

#main_content a:hover, #get_involved a:hover, #abarthRaffle a:hover {
  text-decoration: underline; 
}

#upcoming_events {
  display: block;
  position: relative;
  float: left;
  width: 296px;
  margin: 10px 0 10px 10px;
  border: 5px solid #023497;
  padding: 0 0 0.7em 0;
}

#contactDetails {
  display: block;
  position: relative;
  float: left;
  width: 296px;
  margin: 10px 0 10px 10px;
  border: 5px solid #023497;
  padding: 0 0 0.7em 0;
}

#abarthRaffle {
  display: block;
  position: relative;
  float: left;
  width: 296px;
  background: url("images/events/abarth_bg.jpg") no-repeat right;
  margin: 10px 0 10px 10px;
  border: 5px solid #023497;
  padding: 0 0 0.7em 0;
}


#upcoming_events img {
  margin: 0 0.5em;
}

#upcoming_events a {
  text-decoration: none;
  color: #000000;
}

#upcoming_events a:hover {
  text-decoration: underline;
}

p {
  padding: 0.5em;
  margin: 0;
}

h1 {
  font-size: 1.6em;
  color: #023497;
  padding: 0.3em;
  margin: 0;
}

h2 {
  font-size: 1.4em;
  color: #EB5C92;
  padding: 0.3em;
  margin: 0;
}

h3 {
  font-size: 1.2em;
  color: #333333;
  padding: 0.3em;
  margin: 0;
}

h4 {
  font-size: 1.1em;
  color: #000000;
  padding: 0.1em;
  margin: 0;
}

h2.white {
  color: #FFFFFF;
}

#footer {
  display: block;
  position: relative;
  width: 100%;
  height: 55px;
  background: url("images/layout/footer_bg.gif") no-repeat;
}

#second_footer {
  display: block;
  position: relative;
  width: 960px;
  margin: 1em auto;
  text-align: left;
  font-size: 0.8em;
}

#get_involved {
  display: block;
  position: relative;
  float: left;
  width: 282px;
  border: 5px solid #F599C1;
  background: #FFFFFF url("images/layout/get_involved.jpg") no-repeat bottom center;
  margin: 0 10px 10px 0;
  height: 180px;
}

#donations {
  display: block;
  position: relative;
  float: left;
  width: 298px;
  border: 5px solid #023497;
  background: #FFFFFF url("images/layout/donations.jpg") no-repeat top center;
  margin: 0 10px 10px 10px;
  height: 180px;
}

#history {
  display: block;
  position: relative;
  float: left;
  width: 296px;
  border: 5px solid #023497;
  background: #023497;
  margin: 0 0 10px 0;
  color: #FFFFFF;
  height: 180px;  
}

#history a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

#history a:hover {
  text-decoration: underline;
}

#timeline {
  display: block;
  position: relative;
  float: left;
  width: 570px;
  height: 300px;
  margin: 1em;
  overflow: hidden;
  border: 1px solid #000000;
  background: url("images/layout/watermark_history_logo.jpg") repeat-x left bottom #FFFFFF;
}

.single_event {
  display: block;
  position: relative;
  float: left;
  width: 515px;
  height: 250px;
  border: 1px solid #000000;
  margin: 25px 0 25px 25px;
  background: #FFFFFF;
}

.linksBox {
  display: block;
  position: absolute;
  width: 515px;
  height: 27px;
  float: left;
  bottom: 0;
  left: 0;
  background: url("images/layout/pink_gradient2.jpg") repeat-x
}

.anchorBox {
  display: block;
  position: relative;
  float: left;
  width: 3px;
  margin: 25px 0;
}

#events {
display: block;
position: absolute;
width: 7000px;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.pinkline {
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  margin: 1em 0;
  background: url("images/layout/pinkline.jpg") no-repeat center;
  border: 0;
}

.verticalPinkline {
  display: block;
  position: relative;
  float: left;
  height: 300px;
  width: 1px;
  margin: 1em 0;
  background: url("images/layout/verticalpinkline.jpg") no-repeat center;
  border: 0;
}

.subEvents {
  display: block;
  position: relative;
  float: left;
  width: 270px;
  margin: 1em;
}

#dateWrapper {
  display: block;
  position: relative;
  float: left;
  width: 316px;
  margin: 10px 0 10px 10px;
}

#documents {
  display: block;
  position: relative;
  float: left;
  width: 255px;
  height: 150px;
  border: 3px solid #023497;
  padding: 5px;
  margin: 1em;
  background: url("images/layout/documents.jpg") bottom left no-repeat #FFFFFF;
}

#relatedLinks {
  display: block;
  position: relative;
  float: right;
  width: 255px;
  height: 150px;
  border: 3px solid #023497;
  padding: 5px;
  margin: 1em;
  background: url("images/layout/relatedlinks.jpg") bottom right no-repeat #FFFFFF;
}

img.icon {
position: relative;
top: 4px;
}

form {
  margin: 0;
  padding: 0;
  width: 298px;
  float: left;
}

form fieldset {
  border: 0;
}

form fieldset legend {
visibility: hidden;
line-height: 0.1em;
}

form fieldset ul {
  padding: 0 2em;
  margin: 0;
}

form fieldset ul li {
  list-style: none;
  line-height: 22px;
}

form fieldset ul li label {
  display: block;
  position: relative;
  float: left;
  width: 55px;
  font-weight: bold;
}

#video {
  display: block;
  position: relative;
  float: left;
  margin: 1.5em;
}