/*title:cbc style;
author: Pam Williamson;
version: Glimpses;
Two columns and header 
date: March 2008; */

body {
text-align:justify;
background-color: #1c5357;
font: 9pt Verdana,Tahoma,Arial,sans-serif;
line-height: 16pt;
color:#000000;
 }

#container {
	text-align: left;
	margin: 0 auto;
	width: 810px;
	background-color: #fffefd;
	border-top: 2px solid #BBC2C3;
	border-left: 2px solid #BBC2C3;
	border-right: 2px solid #BBC2C3;
	border-bottom:2px solid #BBC2C3;
	margin-top: 10px;
}

#content {	
	margin: 0 auto;
	padding:0;
	text-align:left;
}

#main {
	clear:both;
	width:740px;
	padding-top:0;
	padding: 0 5px 0 15px;
	margin:0 0 0 0px;
}

/*separate container across the top (within main container)
Divide the page into two sections - right to have name, left to have catch phrase*/ 
#header 
{ width: 810px;
  height: 130px;
  margin:0;
  padding:0;
  background-color:#720603;
}
#top1
{ width: 230px;
  float: left;
  height: 130px;
  background-color: #dbd9de;
}

#top2
{ text-align: center;
  width: 580px;
  height:130px;
  float: left;
  background-color: #7e84a2;
}

/*catchphrase section left header*/
.catchy {
	font-family: "Times New Roman";
	font-size: 16pt;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	color:#7C469D;
	text-align:	center;
}

/* Header name section*/ 
.topline1 {
	font-family: "Comic Sans MS";
	font-size: 27pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-align:	center;
}
.topline2 {
	font-family: "Comic Sans MS";
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #dbd9de;
	text-align:	center;
}

/*Navigation Sections*/
/* Top Navigation*/
#nav ul {
	margin-top: 0;   /*This is for mozilla,firefox and Opera*/
	margin-left:0;
	padding-left:1px;
	background:url(images/nav2.jpg) repeat-x;
	list-style-type:none;
	float:left;
	width:100%;
}
#nav li {
	display:inline;
}
#nav a {
	padding: 9px 7px 7px 7px;
	color: #193255;
	text-decoration: none;
	display: block;
	float: left;
	background: url(images/nav2.jpg) repeat-x;
	font:normal 8pt Tahoma, Helvetica, Arial, sans-serif;
	text-transform: none;
	letter-spacing:1px;
}
#nav a:visited{ 
color:#20406F;
}
#nav a:hover{
color:#20406F;
Background: url(images/nav.jpg) repeat-x;
}
/* declarations to style the current state */
 #balingup #nav-balingup a,
 #cottage #nav-cottage a,
 #property #nav-property a,
 #location #nav-location a,
 #tariff #nav-tariff a,
 #news #nav-news a,
 #availability #nav-availability a,
 #thingstodo #nav-thingstodo a,
 #contact #nav-contact a,
 #sitemap #nav-sitemap a {
 color:#ffffff;
 background:url(images/Current.jpg) repeat-x;
}


/*links across bottom of page*/
#moreLinks{
	clear:both;
	border-top: 1px solid #cccccc;
	font-size: 7pt;
	padding: 0px 10px 10px 10px;
}
#moreLinks a:link{color:#0000ff;}
#moreLinks a:visited{color:#990099;}
#moreLinks a:hover{color:#000000; Background: #cccc99;}

/*copyright outside container*/
#copyright {
	clear: both;
	margin: 0 auto;
	width: 760px;
	height:12pt;
	text-align:left;
	border-width: 0px; padding: 0px; 
	font-family: "Comic Sans MS";
	font-size: 7pt;
	color: #d3d3d3;
}
#copyright a:link{color:#d3d3d3;text-decoration: underline;}
#copyright a:visited{color:#d3d3d3;text-decoration: underline;}
#copyright a:hover{color:#d3d3d3;text-decoration: underline;}

/* Headings*/
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}
h1{
	font-size: 16pt;
	text-align: center;
	color: #333333;
}
/* return to top of page navigation*/
a.end{
	font-family: "Comic Sans MS";
	font-size: 7pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
a.end:link{color: #993366;}
a.end:visited{color:#333399;}
a.end:hover{color: #ff0000; text-decoration: underline;}

#reflection {width:740px;}
#reflection ul {list-style:none; padding:0; margin:0; width:280px; position:relative; float:right;}
#reflection ul li {display:inline; width:72px; height:92px; float:left; margin:0 0 5px 5px;}
#reflection ul li a {display:block; width:70px; height:70px; text-decoration:none; border:1px solid #000;}
#reflection ul li a img {display:block; width:70px; height:70px; border:0;}
#reflection ul li a:hover {white-space:normal; border-color:#ddd;}
#reflection ul li a:hover img {position:absolute; right:345px; top:0; width:auto; height:auto; border:1px solid #000;}
.glimpsetag{
	font-family: Verdana;
	font-size: 7pt;
}