/* @override http://www.hopscotchawc.org.uk/templates/hopscotch/stylesheet.css */

body {font-size: 75%;font-family:helvetica,  arial, sans-serif}
body.pink {
text-align:center;
background: #eee;
  margin:0;
    padding:0;
    
}
img {border: 0;}
a:link {color: #d94285}
a:visited {color: #bd0062}
a:hover {color: #d60067}
a:focus {color: #d60067}
a:active {color: #d60067}
h2, h3, h4, h5, h6 {margin: 1.8em 0 0.6em 0; padding: 0;color: #606; }
h1 {margin: 1em 0 0.6em 0; padding: 0; font-size: 2em; letter-spacing: -1px; color: #606}
h2{font-size: 1.7em; font-weight: normal;}
h3 {font-size: 1.5em; font-weight: bold;}
h4 {font-size: 1.4em;  font-weight: normal; }
h5 {font-size: 1.1em; font-weight: bold; }
h6 {font-size: 1.1em;   font-weight: normal;}
.clearfix {clear: both;}
#page {background: #fff; width: 980px;text-align:left; margin: 0 auto ;
float: none;border-left:   1px solid #ccc;
border-right:   1px solid #ccc;
border-bottom:   1px solid #ccc;
}
#top {padding: 1em;}
#logo {margin: 10px 20px ; float: right;}
#tools {float: left;color: #512d7f; font-size: 0.9em; text-transform: lowercase; width:  680px}
#tools a {text-decoration: none; color: #512d7f; margin: 0 0.3em;padding: 0.2em;background: transparent}
#tools a:hover, tools a:focus {background: #e7e3ee}
#searchbox {margin: 0.5em 20px; float:  right;}

#trail { width:  100%;float:  left !important; margin-left:  0!important;}
	#trail p {

}
#crumb form {padding: 0  ; margin: 0; width:  320px !important ; float:  right; }

#searchbox input {color: #512d7f;font-size: 0.9em; width: 12em;}
#searchbox input.submit {color: #fff !important; background: #606; text-transform: uppercase; font-size: 0.9em;  width: 7em; }

#stripe {color: #000; background: #f93; height:  20px;background-image: url(http://www.hopscotchawc.org.uk/templates/hopscotch/images/card.jpg); }

#crumb {padding: 0.5em 20px; font-size: 0.9em; font-weight: normal; color: #eee; background: #606; height:  2em; float:  none;}
#crumb a {text-decoration: none; color: #fff; margin: 0 0.3em;padding: 0.2em;background: transparent}
#crumb a:hover, crumb a:focus {color: #fc3}

#aftercrumb {
	height:  40px;background-image: url(http://www.hopscotchawc.org.uk/templates/hopscotch/images/card.jpg); 
}

#main {background: #fff url("images/content-bg.jpg") repeat-x; float: left;}
#content {float: right; margin: 1em 20px 4em 0; font-size: 1.333em;line-height: 1.8em; width: 640px !important; background: #fff;}
#content p img {float:right; margin: 0 0 1em 1em;}
#menu {float: left; width: 240px; font-size:1em; background: transparent;margin: 3.5em 50px 0 20px ; }
#menu a {color: #606; text-decoration: none;width:100%;text-align: left;   display:block; background: #fff ;padding-left: 5px;  }
#menu ul li a:hover, #menu ul li a:focus {color: #fff; background: #606; }
ul.menulevel1, ul.menulevel2, ul.menulevel3, ul.menulevel4, ul.menulevel5, ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3, ul.sitemaplevel4, ul.sitemaplevel5, ul.submenu, ul.search {
	padding-left: 0;
	margin-left: 0; background: transparent;
}
#menu ul, #menu li {
	line-height: 2em; 	  list-style: none; padding: 0; }
	
	#menu li {
	border-bottom:  1px solid #ccc;
}	#menu ul li ul li {
	border-bottom:  none;
}
.menulevel1 {
	font-size: 1.1667em;
	color: #888888;
}
 .menulevel2, .menulevel3, .menulevel4, .menulevel5 {
	font-size: 0.9em;
	color: #888888;
}
.menulevel1 {
	font-weight: bold;
}
  .menulevel2 , .menulevel3, .menulevel4, .menulevel5 {
	font-weight: normal;
}
/* NAVIGATION */
#footer {padding: 30px  20px; font-size: 0.9em;  color: #000; background: #f93; height:  100px;background-image: url(http://www.hopscotchawc.org.uk/templates/hopscotch/images/card.jpg); border-top:  20px solid #606;}
#footer a:link, #footer a:visited {color: #606; text-decoration: none;}
#footer a:hover, #footer a:focus {color: #606; text-decoration: underline;}
#bottomnav {padding:0 0 1em  20px; font-size: 0.9em;  color: #3d3f52; background: #fff;  }
#bottomnav a {text-decoration: none;}
.edit {
	font-size: 7pt;
	color: black;
	background: #E5E5E5;
}
.edit a:link, .edit a:visited, .edit a:active, .edit a:hover {
	font-weight: normal;
	text-decoration: none;
	color: black;
}
input, select {
	font-size: 8pt;
	text-indent: 2px;
}
textarea {
	width: 98%;
	background: white;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
}
.bodyline {
	border: 1px #98AAB1 solid;
	background: #FFF;
}
.cmsline {
	border: 2px #069 solid;
	background: #FFF;
}
.innerline {
	border: 2px #FFF solid;
}
#switch-stylesheet {display: none;}

#strap {font-size: 1.35em; font-weight: bold; letter-spacing: -1px; color: #e379aa; float: left; margin: 1em 0 ;width: 30em; }