@charset "utf-8";

body, #top_header, #main_column, .sf-menu li, .sf-menu li li, .sf-menu li li li {
background-color: #f9efbe;
}

#home_title {
background-image: url(../images/titles/argyll_walks.png);
}

#main_column {
background-image: url(../images/backgrounds/argyll_geology.jpg);
}

#left_box a {
color: #fff;
}

#left_box a:hover {
color: #000;
}


#main_textbox {
height: auto;
text-align: left;
}

.preview_link {
text-decoration:underline;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color: #000;
}

.sf-menu li li {
opacity: 0.9;
filter: alpha(opacity=90);
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #958f72;
outline: 0;
color: #fff;
}

/* Cluetip Pop Up Photo CSS */

#cluetip-close img {
border: 0;
}

#cluetip-title {
overflow: hidden;
}
#cluetip-title #cluetip-close {
float: right;
position: relative;
}

#cluetip-waitimage {
width: 43px;
height: 11px;
position: absolute;
background-image: url(../images/wait.gif);
}

.cluetip-arrows {
display: none;
position: absolute;
top: 0;
left: -11px;
height: 22px;
width: 11px;
background-repeat: no-repeat;
background-position: 0 0;
}

#cluetip-extra {
  display: none;
}

.cluetip-default {
background-color: #fff;
}

.cluetip-default #cluetip-outer {
position: relative;
margin: 0;
background-color: #fff;
}

.cluetip-default h3#cluetip-title {
margin: 0;
padding: 4px;
font-size: 1.0em;
font-weight: normal;
background-color: #fff;
color: #000;
}

.cluetip-default #cluetip-title a {
color: #fff;
font-size: 0.95em;
}

.cluetip-default #cluetip-inner {
padding: 4px;
}

.cluetip-default div#cluetip-close { 
text-align: right;
margin: 0 5px 5px;
color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(../images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(../images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(../images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(../images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}