/* CSS Document */

body {
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	
}

 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */


h1{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
margin-top:20px;
}

h2{
	color:#993399;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0;
	margin-top:20px;
	margin-bottom:0px;
}
.left{
	float:left
}
.right{
	float:right
}
.clear{
	clear:both;
}
.auto{
	margin:auto;
}
a:link, a:active, a:visited {
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#823692;
text-decoration:none;
}
a:hover {
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#823692;
text-decoration:none;
}
.purple a{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#823692;
text-decoration:none;
}
.purple a:hover {
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#823692;
text-decoration:none;
}
.black a:link, .black a:hover, .black a:visited{
color:#000000;
text-decoration:none;
}
.black a:hover{
color:#FFFFFF;
background-color:#823692;
text-decoration:none;
}

.grey a:link, .grey a:hover, .grey a:active, .grey a:visited{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#CCCCCC;
text-decoration:none;
font-size:12px;
font-weight:bold;

}
.grey a:hover {
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#823692;
text-decoration:none;
}

#container{
	background-color:#ffffff;
	padding:15px;
	width: 780px;
	margin-left:auto;
	margin-right:auto;
}
#container2{
margin-top:150px;
	background-color:#ffffff;
	padding:15px;
	width: 780px;
margin-left:auto;
	margin-right:auto;
}

#flash{
background-color:#FFFFFF;
width:780px;
margin-bottom:1px;
}

#navigation{
background-color:#FFFFFF;
width:780px;
height: 27px;
border-bottom:solid #FFFFFF 8px;
}

#main{
width:780px;
background-color:#FFFFFF;
	margin-bottom:20px;
}
#main_home{
width:780px;
background-color:#FFFFFF;
background-image:url(london-skylinegrey.png);
background-position:bottom;
background-repeat: repeat-x;
}
#main_about{
width:780px;
height:auto;
background-color:#FFFFFF;
margin-bottom:20px;
}
#facebook{
	width:250px;
	height:100px;
	margin-top:260px;
}
#contactinfo{
	margin-left:20px;
	margin:20px;
	font-size:12px;
}
#podcast_container{
	width:740px;
	padding-left:18px;
}
#podcast{
	width:133px;
	float:left;
	height:130px;
	margin-left:13px;
	margin-top:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#333;
	padding-bottom:5px;
}
#podcast a{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin:4px;

}
#podcast span{
	background-color:#333;

}
#podcast a:hover{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#823692;
	text-decoration:none;
}
#itunes{
	padding:10px; 
	width:692px; 
	background-color:#823692; 
	border:#333333 solid 4px;
	margin:auto;
	margin-top:23px;
	margin-bottom:20px;
}
#gallery{
	width:770px;
	margin:auto;
}
#gallery .img{
	border:#cccccc solid 2px;
}

#infobox{
width:770px;
height:20px;
background-color: #373737;
text-align:center;
padding:5px;
}
#infobox2{
width:780px;
height:80px;
background-color: #373737;
text-align:center;
padding-top:5px;
}
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 780px;
overflow: hidden;
background: #414141;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li .current{
color: white;
background: #823692;
}
.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover{
color: #823692;
background: #CCCCCC;
}


.purple {
	color: #823692;
	font-weight: bold;
}
#container #main_about table tr td {
	font-family: Arial, Helvetica, sans-serif;
}
<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->
