@font-face {
  font-family: Museo700;
  src: url(http://localcause.org.uk/fonts/Museo700-Regular.otf);
  font-weight: bold;
}
@font-face {
  font-family: Museo500;
  src: url(http://localcause.org.uk/fonts/Museo500-Regular.otf);
}

#signup ul.tabs {margin-top:20px;}
#signup ul.tabs li {list-style:none;}
#signup ul.tabs li a {
  float:left; display:block; padding:4px 16px; margin-right:4px;
  background:#6D9808; color:#D2DDB5; text-decoration:none; font-size:150%;
  -moz-border-radius:4px 4px 0 0; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px;
  font-family:Museo700, verdana, arial, sans-serif;}
#signup ul.tabs li a:hover, #signup ul.tabs li a.active {background:#527106; color:#fff;}

#signup h1 {font-family:Museo700, verdana, arial, sans-serif; font-size:140%}
#signup h2 {font-family:Museo700, verdana, arial, sans-serif; font-size:120%; margin-bottom:10px;}
#signup h1, #signup p, #signup ul {margin-bottom:10px;}
#signup ul ul, #signup ul.tabs {margin-bottom:0;}
#signup ul li {margin-bottom:0.3em;}
#signup #community, #signup #cause {
  background:#527106; padding:20px 20px 10px 20px;
  -moz-border-radius:0 0 8px 8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px;}
#signup #colLeft {text-align:left; width:35em;}
#signup #colRight {text-align:left;}
#signup #colRight img {display:block; margin:0 auto 20px auto;}
#signup #colRight p, #signup #colRight ul {font-size:90%;}
#signup #colRight ul ul {font-size:110%; margin-top:0.3em;}
#signup p.small, #signup #colRight p.small {font-size:80%;}

a.button {
  display:block;
  text-indent:-5000px;
  background:transparent url(/img/button-signup.png) no-repeat 0 0;
  width:160px;
  height:39px;
}
a.button:hover {background-position:0 -39px;}