html, body {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	height: 100%;	
}
* {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}

p {
  padding-bottom:0.5em;
}
#container {
	border-left:2px solid #c9c7d9; border-right:2px solid #c9c7d9; border-top:0px solid #c9c7d9; border-bottom:0px solid #c9c7d9; width: 650px;
	min-height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	background-image: url('../images/blueprint.png');
	background-position: center 165px;
	background-repeat: no-repeat;
  background-repeat: repeat-y
}

#pageLogo {
  background-image: url('../images/topLogo.png');
  background-repeat: no-repeat;
  background-position: center; 
  width:600px;
  height:70px;
  margin:0 auto;
  padding: 0;
}

.pageHeader{

  background-repeat: no-repeat;  
  background-position: center; 
  width:600px;
  height: 45px;
  margin:0 auto;
}

#homeHeader{
  background-image: url('../images/homePageHeader.png');
}
#conceptHeader{
  background-image: url('../images/conceptPageHeader.png');
}
#detailHeader{
  background-image: url('../images/detailPageHeader.png');
}
#programmeHeader{
  background-image: url('../images/programmePageHeader.png');
}
#bookingHeader{
  background-image: url('../images/bookingPageHeader.png');
}
#whoHeader{
  background-image: url('../images/whoPageHeader.png');
}

#pageBody{  
  /*background-position: center;*/
  width:550px;
  margin:0 auto; 
	/*margin-left: 20px;
	margin-right: 20px; */
	
}

#summary{
	width: 100%;
	
	padding-bottom: 20px;
	text-align: left;
}

.summaryBullets{
  margin-left: 5em;
  padding-left: 5em;
}
#article{
	width: 100%;
	
	padding-bottom: 20px;
	text-align: left;
}

#footer{
	width: 100%;
	margin-bottom: 3em;
	
}

#footerText{
	width: 100%;
	
	padding-top: 0px;
	padding-bottom: 0px;
}

#footerMenu{
  margin: 1em auto;
  width: 90%;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#footerMenu li {
  margin: 0;
  display: -moz-inline-box;  /* for Mozilla based browsers */
  display: inline-block;
  /* IE5/Mac needs these to have a set width. Change it when necessary. */
  /* start for IE5/Mac only \*//*/
    width: 5em;
  /* end for IE5/Mac only */
}
#footerMenu li a {
  display: block;  /* for Mozilla based browsers */
  display: inline-block;
  padding: .7em;
  text-decoration: none;
  color:rgb(255,0,0)

}

#footerMenu li a:hover {
color: black;
}

#headerMenu {
  margin: 1em auto;
  width: 80%;
  list-style-type: none;
  text-align: center;
 	padding-bottom: 4em;
 	margin-top: 0; 	
}
 
.menu{
  margin:0 auto; width:100%; float: left;
  padding:0; height:30px; display:block; background:url('../images/topMenuImages.png') repeat-x;
  }
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,5,5); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('../images/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('../images/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(0,0,0);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('../images/topMenuImages.png') 0px -90px no-repeat; color:rgb(255,0,0);}
.menu li a.active span, .menu li a.active:hover span{background:url('../images/topMenuImages.png') 100% -90px no-repeat;}

h2 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  color:rgb(255,0,0)
}
 
blockquote {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left:5em;
  margin-right:5em;
  background-image: url(../images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }

  blockquote span {
     display: block;
     background-image: url(../images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }
 
span.hiddenText { display:none; }

table {
  width: 100%;
  font:12px Verdana, Arial, Helvetica, sans-serif;
  margin:1em auto;
  border-collapse:collapse;
  border-left:1px solid #88b6e0;
  border-top:1px solid #88b6e0;
border-right:1px solid #88b6e0;
} 
 
th{
background:#88b6e0;
font-weight: bold;
padding:.3em 1em;
text-align: left;
border-bottom:1px solid #88b6e0;
}
   
td{
  padding:.4em 1em;
  border-bottom:1px solid #88b6e0;
border-left:1px solid #88b6e0;
}

tr.odd td {
background:#88b6e0
}

.image {
	display: inline;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	border: 1px solid #493107;
	}