/* INDEX PAGE ONLY - WIDE FORMAT  */

/* design by Inaam */

/* main elements old bg */

body  {
		background-color: #acacbf; 
		text-align: center 
		}
#container  { 
		background-color: #990000;
		text-align: left; 
		margin: 10px auto; 
		width: 980px 
		}
#header     { background-image: url("images/CherryBeachHeader980w-anim3.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; visibility: visible; position: absolute; top: 0; width: 980px; height: 72px }
#topnav   { background: #900 fixed; position: absolute; top: 72px; width: 980px; height: 21px; border: #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: #cdc9c9 fixed;
	position: absolute;
	top: 93px;
	width: 980px;
	height: 21px;
	border-style: none;
	border-width: medium;
	border-color: #900;
	background-color: #996633;
			}
#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 
					}

/* mainsplash - container for intro - which holds welcome blurb, and sidebar */

#mainsplash   {  background: #ddd9ff fixed; position: absolute; top: 114px; width: 980px; height: 460px; }

#welcome { background: #eee9f6 fixed; width: 682px; height: 460px; float: left;}
#sidenav      { width: 298px; float: right; font-size: 1em; font-family: Helvetica, sans-serif; line-height: 1.3em;}
#searchform { padding-left: 24px }
/* sidenav for top area when absolutely positioned was 9 pixels further left than 792 px*/

#sidenav object { padding-left: 20px; 	}
#sidenav p  { 
		color: #45658a; 
		font-size: 11px; 
		line-height: 16px; 
		text-decoration: none; 
		text-align: left; 
		margin-right: 20px; 
		margin-left: 0; 
		padding-right: 0; 
		padding-left: 20px; 
		}
#sidenav h5    { 
			color: #333; 
			font-size: 12px; 
			font-weight: bold; 
			line-height: 14px; 
			text-decoration: none; 
			text-align: left; 
			margin-right: 20px; 
			margin-left: 0; 
			padding-top: 20px;
			padding-right: 0; 
			padding-left: 20px; 
			}
#sidenav a      { color: #23538a; font-size: 11px; font-weight: bold; line-height: 18px; text-decoration: none;}
#sidenav a:hover { 
			color: navy; 
			text-decoration: underline; 
			}
#content     { background: #ffffff fixed; position: absolute; top: 114px; width: 682px; padding-top: 12px; border-top: medium solid #dbb; float:left }

#contentnews     { background: #ffffff; position: absolute; top: 574px; width: 980px; padding-top: 12px; border-top: medium solid #dbb }

#news {}
/* divs were 469-470 px */

#leftcol 	  { width: 469px; float: left; border-right: thin solid #dbb }
#rightcol 	  { width: 470px; float: right; }
#header h1 { 
		display: none !important}
#footer { }

/* 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: 24px; 
	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: 24px; 
	padding-left: 24px 
	}

#news p { padding-right: 12px }
#mainsplash p { padding-right: 12px }
#rightcol h4 { padding-left: 0px }
#rightcol p {padding-left: 0px }
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: 0px; 
	list-style-type: none; 
	padding-right: 40px 
	}
li a { 
	text-decoration: none /* for sitemap */
	}

#content img {padding-bottom: 12px}

/* footer */

.foot      { clear: both; color: #557; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 13px; background-color: #fff; text-align: center; padding-top: 6px; padding-bottom: 6px; width: 100%; }
.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    { color: silver; background-color: #900 }
.links { background-color: #663 }
.events { background-color: #6CA2CC }

/* classes for index page */
.googlesearch { float: left }
.sourceconnect    { padding-left: 160px }