/* 	STANDARD PAGE LAYOUT FOR INTERNAL PAGES  */

/* design by Inaam */

/* main elements */

body  {
		background-color: #acacbf; 
		text-align: center 
		}
#container  { 
		text-align: left; 
		margin: 0 auto; 
		width: 753px 
		}
#header   { background-image: url("images/CherryBeachHeader5-736.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; visibility: visible; position: absolute; top: 0; width: 753px; height: 72px }
#topnav   { background: #e6e2e2 fixed; position: absolute; top: 72px; width: 736px; height: 21px; border-style: none; border-width: medium medium medium 17px; border-color: #900 }
#topnav a  { 
		color: white; 
		font-size: 12px; 
		font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
		font-weight: normal; 
		line-height: 21px; 
		text-decoration: none; 
		text-transform: uppercase; 
		padding-right: 16px; 
		padding-left: 16px; 
		float: left; 
		border-style: none; 
		border-color: #b0b1b3 
		}
#topnav a:hover {
		 font-style: normal; 
		 text-decoration: underline 
		 }
#subnav      { background: #996633 fixed; position: absolute; top: 93px; width: 736px; height: 21px; border-style: none; border-width: medium medium medium 17px; border-color: #900 }
#subnav a   { 
			color: white; 
			font-size: 10px; 
			font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
			font-weight: normal; 
			line-height: 21px; 
			text-decoration: none; 
			text-transform: uppercase; 
			padding-right: 9px; 
			padding-left: 9px; 
			float: left; 
			border-style: none; 
			border-color: #8a929a }
#subnav a:hover   { 
					font-style: normal; 
					text-decoration: underline 
					}
#sidenav   { 
		font-size: 11px; 
		font-family: Helvetica, sans-serif; 
		line-height: 16px; 
		text-align: left; 
		visibility: visible; 
		position: relative; 
		z-index: 2; 
		top: 114px; 
		left: 585px; 
		width: 168px; 
		float: none }
#sidenav object { 
		padding-left: 4px 
		}
#sidenav p  { 
		color: #45658a; 
		font-size: 11px; 
		font-family: Helvetica, sans-serif; 
		line-height: 16px; 
		text-decoration: none; 
		text-align: left; 
		margin-right: 12px; 
		margin-left: 0; 
		padding-right: 0; 
		padding-left: 8px; 
		z-index: 1 
		}
#sidenav h5     { color: #333; font-size: 13px; font-family: Helvetica, sans-serif; font-weight: bold; line-height: 14px; text-decoration: none; text-align: left; margin-right: 12px; margin-left: 0; padding-right: 0; padding-left: 8px; z-index: 1 }
#sidenav a      { color: #23538a; font-size: 11px; font-family: Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; z-index: 1 }
#sidenav a:hover { 
			color: navy; 
			text-decoration: underline; 
			z-index: 1 
			}
#content     { background-image: url("images/piano105-0511_IMG2.jpg"); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; visibility: visible; padding-top: 8px; position: absolute; top: 114px; width: 736px; border-style: none; border-width: medium medium medium 17px; border-color: #900 }
#results    { background-image: url("images/piano105-0511_IMG2.jpg"); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; visibility: visible; padding-left: 20px; position: absolute; top: 114px; width: 736px; border-style: none; border-width: medium medium medium 17px; border-color: #900 }
#header h1 { 
		display: none !important
		}

/* fonts */

h1 { 
	color: white; 
	font-size: 19px; 
	font-family: "Times New Roman", Georgia, serif; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 22px; 
	text-align: left; 
	text-transform: lowercase 
	}
h2    { 
	font-size: 21px; 
	font-family: "Lucida Grande", Arial, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	line-height: 26px; 
	text-align: left; 
	text-transform: capitalize; 
	letter-spacing: -1px; 
	margin-top: 10px; 
	padding-left: 24px 
	}
h3    { 
	font-size: 18px; 
	font-family: "Lucida Grande", Arial, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	line-height: 18px; 
	text-align: left; 
	text-transform: capitalize; 
	letter-spacing: -1px; 
	padding-left: 24px 
	}
h4    { 
	font: bold 16px/19px Arial, sans-serif; 
	text-align: left; 
	text-transform: none; 
	padding-right: 208px; 
	padding-left: 24px 
	}
h5  { 
	font-weight: bold; 
	margin-bottom: 0 
	}
p     { 
	color: #333; 
	font: 12px/17px "Lucida Grande", Tahoma, Verdana, sans-serif; 
	text-align: left; 
	text-transform: none; 
	padding-right: 208px; 
	padding-left: 24px 
	}
h4 + p { 
	margin-top: -8px 
	}

/* links */

a { 
	color: blue; 
	text-decoration: underline 
	}
a:visited { 
	color: navy 
	}

/* lists and tables */

li  { 
	list-style-type: none 
	}
table { }
td  { 
	color: #333; 
	font: 12px/17px "Lucida Grande", Tahoma, Verdana, sans-serif; 
	text-align: left; 
	text-transform: none; 
	padding-right: 40px; 
	padding-left: 24px 
	}
ul  { 
	list-style-type: none 
	}
#content li  { 
	color: #333; 
	font: 12px/20px "Lucida Grande", Tahoma, Verdana, sans-serif; 
	text-align: left; 
	text-transform: none; 
	text-indent: 0; 
	list-style-type: none; 
	padding-right: 40px 
	}
li a { 
	text-decoration: none /* for sitemap */
	}

/* footer */

.foot     { color: #000080; font-size: 10px; line-height: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #c8e0fd; text-align: center; float: left; padding-top: 6px; padding-bottom: 6px; position: relative; width: 568px }
.foot a  { color: blue; line-height: 20px; text-decoration: underline }
.foot a:visited { color: blue; text-decoration: underline }

/* colours for navs */

.main /* our focus - services */  { background-color: #36c }
.studios /* our heart */  { background-color: #696 }
.aboutus /* our body */  { background-color: #c96 }
.contactus { background-color: #666 }
.podcasts { background-color: #c03 }
.blog { background-color: #606 }
.cbsom { background-color: #606 }
.links { background-color: #663 }
.events { background-color: #6CA2CC }