body {
	-webkit-text-size-adjust:none;
    background-color: #ddd; /* Background color */
    color: #222;            /* Foreground color used for text */
    font-family: Helvetica; 
    font-size: 14px;
    margin: 0;              /* Amount of negative space around the outside of the body */
    padding: 0;             /* Amount of negative space around the inside of the body */
}
/* This will force all divs to rest one on top of the other, full width and in order */
#title {
    margin: 0;
    padding: 0;
	text-align: center;
}
#title a, #title a:link, #title a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
    background-color: #ccc;
    border-bottom: 1px solid #666;
    color: #222;
    display: block;
    font-size: 19px;
    font-weight: bold;
    padding: 10px 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	padding-left: 55px;
    text-align: center;
    text-decoration: none;
	text-shadow: 0px 1px 0px #fff; /* the parameters from left to right are horizontal offset, vertical offset, blur, and color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999)); /* The -webkit-gradient instructs the browser to generate a gradient image on the fly. The parameters from left to right are as follows: the gradient type (can be linear or radial), the starting point of the gradient (can be left top, left bottom, right top, or right bottom), the end point of the gradient, the starting color, and the ending color. */
}
/* Don't display the logo */
#nav { /* Hide the nav bar initially */
	display: none;
}
ul li:first-child a {	/* Add rounded corners to the first and last ul li */
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
ul li:last-child a {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
h5:first-child { /*This is the colourful Get.Enjoy and Share.Praise subtitle */
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

#title div.pressed {
    -webkit-border-image: url(images/button_clicked.png) 0 8 0 8;
}
#header .leftButton {
    position: absolute;
    top: 7px;
    left: 6px;
    height: 30px;
    font-weight: bold;
    text-align: center;
    color: white;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    line-height: 28px;
    border-width: 0 8px 0 8px;
    -webkit-border-image: url(../images/button.png) 0 8 0 8;
}
#nav ul, .styledmenu, .styledmenu ul {
    list-style: none;
    margin: 10px;
    padding: 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
/* These are the top navigating links */
#nav ul li a, .styledmenu ul li a, .styledmenu .headerbar {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    color: #222222;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 12px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    text-decoration: none;
	list-style-type:none;
}
/* Add a nice image to styledmenu's header */
.styledmenu .headerbar {
   	color: white;
	background: #2D4262;
	background-image: url(/images/styled-menu-bg.jpg);
	background-repeat:repeat-x;
	background-attachment: right;
	background-position: top;
}
/* Don't display the images in the styledmenus */
.styledmenu ul li  a  img {
	display: none;
}
.titlebanner a img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

/* Add padding to the main site content */
#content {
    padding: 10px;
}
#content table tr td {
padding-left: 50px;
}
h1 {
    font-size: 22px;
}
h2 {
    font-size: 16px;
}
h3 {
    font-size: 16px;
	font-weight: normal;
	text-align: center;
}
h5 {
	padding: 0px 0px 0px 0px
}
/* Normal, standard links. */
a:link, a:visited
{
	color: #2D4262;
	background-color: transparent;
	text-decoration: underline;
}
/* Horizontal Rule styling */
hr {
	height: 2px;
	width: 95%;
	color: #AFC6DB;
	background-color: #AFC6DB;
	border: none;
	border-top: 1px;
	border-bottom: 1px;
}
#HR {
	text-align:center;
}
/* Hide the MP3 download image */
table tr td a img {
	display: none;
}
#footerleft {
float: left;
width: 200px;
overflow: hidden;
}
#imagine {
float: left;
width: 200px;
overflow: hidden;
}
#middle {
display: none
}
#HostsImage {
float: left;
width: 40%;
}
#HostsBio {
float: left;
width: 40%;
}