/* =====================================================

	Author: Barry Kaye
	Website: www.cookandkaye.co.uk

===================================================== */

/* +++++++++++ MEDIA = SCREEN +++++++++++  */

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000; background-color:#ffffff;
	font-size: smaller;
	padding: 0px;
	margin: 0px;
}


/* =============== BLOCK level elements =============== */
#page {
  display: block;
  width: 800px;
  margin: 20px auto;
	padding: 0;
	background: #ccc url(../pics/header_bg01.png); color: black; 
}

/* =============== breadcrumbs =================== */
#breadcrumbs {
  font-size: 80%; 
	background: transparent; color: #aaaaaa; 
	font-family: trebuchet, sans-serif; text-align: left;
	padding: 4px 1px;
}
#breadcrumbs a{
  text-decoration: none;
	letter-spacing: 0.2em;
}
#breadcrumbs p{
	padding: 0;
	margin: 0;
	letter-spacing: 0.2em;
}

/* =============== banner flash =================== */
#headers {
  display: block;
  width: 800px;
}

object #headers {
	float: left;
	padding: 0;
	margin:0;
}

.green_leaves {
	background: #eee url(../headers/green_leaves_grey.jpg) no-repeat top right; color: black; 
}
.traigh_na_cille {
	background: #eee url(../headers/traigh_na_cille_grey.jpg) no-repeat top right; color: black; 
}
.rock_climbing {
	background: #eee url(../headers/rock_climbing_grey.jpg) no-repeat top right; color: black; 
}
.rock_edge {
	background: #eee url(../headers/rock_edge_grey.jpg) no-repeat top right; color: black; 
}
.shattered_stones {
	background: #eee url(../headers/shattered_stones_grey.jpg) no-repeat top right; color: black; 
}
.st_monance_pool {
	background: #eee url(../headers/st_monance_pool_grey.jpg) no-repeat top right; color: black; 
}
.beach_sand {
	background: #eee url(../headers/beach_sand_grey.jpg) no-repeat top right; color: black; 
}
.sand_ripples {
	background: #eee url(../headers/sand_ripples_grey.jpg) no-repeat top right; color: black; 
}
.sand_ripples {
	background: #eee url(../headers/sand_ripples_grey.jpg) no-repeat top right; color: black; 
}
.sunset_sky {
	background: #eee url(../headers/sunset_sky_grey.jpg) no-repeat top right; color: black; 
}
.moon_over_water {
	background: #eee url(../headers/moon_over_water_grey.jpg) no-repeat top right; color: black; 
}
.cuillins {
	background: #eee url(../headers/cuillins_grey.jpg) no-repeat top right; color: black; 
}

/* =============== Banner and Menu =============== */

#menu {
  font-size: 110%;
	display: block;
  width:184px;
	height: auto;
	float: right;
	padding: 0 8px; /* = 200px total*/
	margin:0;
}


#menu p {
	font-size: 80%;
}

#menu ul{
  width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#menu li{
	margin: 0;
	padding: 4px 0 1px 0;	
	text-align: left;
	font-weight: normal; 
	font-size: 100%;
}

#menu li.submenu {
	margin: 0;
	padding: 4px 0 1px 20px;	
	text-align: left;
}

#menu a {
	display: block;
	height: 1.2em;
	border-bottom:  #666 1px solid;
	color: #666; background-color: transparent; text-decoration: none;
	padding: 0;
	margin: 0;
}

#menu a:hover {
	color: #000;
	font-style: italic;
}

#menu a.this_page{
	font-weight: bolder;
}

/* =============== Content =============== */
#content {
 display: block;
	width: 589px; /**/
	/*float: left;*/
	clear: left;
	margin: 0;
	padding: 10px 10px 10px 1px;
	background: #fff; color: black; 
}

#content p, li {
  text-align: justify;
}


.highlight_block {
  display: block;
  width: 570px;
  height: auto;
	clear: left;
	margin: 5px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff; color: black; 
	float: left;
}

.text_block {
 display: block;
 width: 350px;
	float: right;
	padding: 5px;

}

.clearing {
  /*clear: both;*/
}

/* =============== footers =============== */
#footer {
  clear: both;
	font-size: 80%; 
	background: transparent; color: #aaaaaa; 
	font-family: trebuchet, sans-serif; text-align: left;
	padding: 4px 1px;
}
#footer a{
  text-decoration: none;
	letter-spacing: 0.2em;
}
#footer p{
	letter-spacing: 0.2em;
	padding: 2px 0;
	margin: 0;
}


/* =============== Standard markup =============== */

/*anchors*/

a:link		{color: #339; background: transparent; text-decoration: underline;}
a:visited	{color: #369; background: transparent; text-decoration: underline;}
a:active	{color: #00ff00; background: transparent; text-decoration: underline;}
a:hover		{color: #fff; background: #aaa; text-decoration: underline;}


/*headings text*/

h1, h2, h3, h4, h5, h6 {
  color: #996699;
	margin: 0;
	padding: 0.2em 0;
}

h1 {
  font-size: 140%;
}
h2 {
  font-size: 130%;
}
h3 {
  font-size: 120%;
}
h4 {
  font-size: 110%;
}
h5 {
  font-size: 100%;
	font-weight: bolder;
}
h6 {
  font-size: 100%;
	font-weight: normal;
}
.subheading {
  font-size: smaller;
	font-weight: lighter;
}

p, li {
  font-size: 90%;
	margin:0;
}

p {
	padding: 0.3em 0;
}

li {
	padding: 0.1em 0;
}
li.sublist {
	margin-left: 2em;
}


/*images and objects*/
img {
  border: 0;
}

object {
  border: 0;
	margin: 0;
	padding: 0;
}
.left{
  float: left;
	padding: 0;
	margin: 0 4px 0 0;
}
.right{
  float: right;
	padding: 0;
	margin: 0 0 0 4px;
}
.center{
	margin: 0 auto;
	clear: both;
}

p.arrow {
	background: #fff url(http://www.cookandkaye.co.uk/pics/rtarrow.png) no-repeat 4px 6px; 
	color: black; 
	text-align: left;
	padding-left: 24px;
}

.ref {
  font-size: smaller;
}