/******************************************************
Theme Name: Almost Spring
Theme URI: http://beccary.com/goodies/wordpress-themes/
Description: A two column theme. Light and simple with greens and oranges. 
Version: 1.2
Author: Becca Wei
Author URI: http://beccary.com

Ported to Textpattern by Stuart  http://thebombsite.com/

Modified for HAT by Rachael http://rachaelblack.co.uk
*****************************************************/


    /* Basics and Typography */

body {
	margin: 0;
	padding: 0;
	background: #A2B1D2 url(/assets/images/bg.gif) repeat-x; 
	font-size: 76% !important;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #333;
	text-align: center;
}

#accessibility {
	position: absolute;
 	top: -10000px;
}

p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0.9em 0 0.3em 0;
}


ol, ul {
	font-size: 1em;
	line-height: 1.1em;
	margin: 0 0 1.2em 2em;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #000083; 
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 { 
    margin-top: 0.9em;
    margin-bottom: 0.3em;
    font-size: 1.1em;
}

h6 {
	font-weight: bold;
	font-size: 1.0em;
	margin-top: 1.2em;
  margin-bottom: -0.9em;
  color: #000;
  
}
h3#wlpeWelcomeParagraph {
	font-size: 1.2em;
}
a {
	text-decoration: none;
	font-size:1.0em;
}

a:link {
	color: #000083;
}

a:visited {
	color: #0000E4;
}

a:hover, a:active {
	color: #000000;
}


blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #E8E7D0;
	font-size: 0.9em;
}

blockquote p {
	margin: 0;
}

code {
	font-family: monospace;
	color: #666;
}

form, img {
	margin: 0;
	padding: 0;
	border: 0;
}


.small {
	font-size: 0.9em;
	color: #999;
}

    /* ---- Layout ------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 800px;
	background-color: #FFF;
	text-align: left;
  background: white url(/assets/images/layout/bazzooback.gif) no-repeat top left; 
}

#header {
  border: 0;
	padding: 5px 0 0 0;
	height: 141px; 	
}

	/* ---- Header Styles ------------------------------------ */

#header h1 {
width:100%;
text-align:center;
	font-size: 2.0em;
	color: white;
	padding-left:85px;
	line-height:2.0em;
}

#header h1 a {
	text-decoration: none;
	color: white;
}
.headerfirst {
float:left;
width: 325px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:1.9em;
font-weight:900;
margin:0;
padding:0;
}
.headersecond {
float:left;
width: 180px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:1.9em;
font-weight:500;
margin:0;
padding:0;
}
.headerthird {
float:left;
width: 100px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:1.9em;
font-weight:100;
margin:0;
padding:0;
}
#content {
margin-top: -1em;
	float: left;
	padding: 0 10px 0 10px;
  min-height: 570px;
	width: 530px;
	background: transparent;
}



#sidebar {
margin-top: 1em;
	float: left;
	padding: 0 15px 0 15px;
	width: 190px !important;
	background: transparent;
	width/**/: 180px;
	font-size: 0.9em;
}

html>body #sidebar {
	width: 160px;
}

* html #content, * html #sidebar {
	overflow: hidden; /* For IE */
}

#footer {
	clear: both;
	font-size: 0.9em;
	text-align: right;
  background-color: #FFF; 
	padding-top: 30px;
}

/* Footer Styles */

#footer p {
	margin: 0;
	padding: 5px 5px 10px 0;
	background-color: #E8E8CE;
border-top: 6px solid #032680; /* green line at bottom */
	font-size: 0.9em;
	text-align: right;
}

/* Sidebar Styles */

#sidebar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	font-size: 1.1em;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar ul li {
text-transform:UPPERCASE;
}

#sidebar ul li.here {

	font-size:1.0em;
	color: #000000;
}

#sidebar menu ul {
	margin: 1.2em 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAF0;
}

#sidebar #menu ul li {
	padding: 3px 0 3px 10px;
}

#sidebar #menu ul li a {
font-size:1.0em;

}

html>body #sidebar #menu ul li a {
	width: 140px;
}

#sidebar #menu ul li a:hover {
	background-color: #FFF;
}

	/* Nested lists - not needed for HAT */

#sidebar ul ul ul {
	margin: 0;
	border: none;
}

#sidebar ul ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 25px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}

#sidebar ul ul ul li a {
	margin: 0 0 0 -25px;
	padding: 2px 10px 0 25px;
	width: 180px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 155px;
}

html>body #sidebar ul ul ul li a {
	width: 155px;
}


  /* ---- News items --------------------------------------- */

.post {}

.posttitle {
	margin-bottom: 0;
	width: 100%;
	color: #fff;
	overflow: auto;
	/* Width and overflow to clear '.posttitle a' */
}

.pohSection .posttitle {  
}

.projectsSection .posttitle {  
} 	

.posttitle a {
	float: left;
	padding: 0px 10px 1px 0;
	color: #000083;
}

.pohSection .posttitle a {
	color: #000083;
}

.projectsSection .posttitle a {
	color: #000083;
}

.posttitle a:link, .posttitle a:visited {
	color: #000083;
}

.posttitle a:hover, .posttitle a:active {
	color: #6699FF;
}

.pohSection .posttitle a:hover, .pohSection .posttitle a:active {
	color: #6699FF;
}

.projectsSection .posttitle a:hover, .projectsSection .posttitle a:active {
	color: #6699FF;
}

.post h2 {
        padding: 0 0 2px 5px;
        border: 1px solid darkgreen;
        background: white url(/assets/images/bg.gif) repeat; 
}

.post img {
        xmargin: 2px 4px 0 4px;
        xborder: 1px solid #bbb;
}

.singleposttitle {
	margin-bottom: 0;
	padding: 0 10px;
	color: #FFF;
}

.postmeta {
	margin-top: 0;
	padding-top: 1px;
	font-size: 0.9em;
	color: #999;
}

.postentry {}

.permalink {
	margin: 0 1.8em 0 0;
	padding: 0 0 0 14px;
	background: url(/assets/images/permalink.gif) no-repeat center left;
}

.commentslink {
	padding: 0 0 0 17px;
	background: url(/assets/images/commentslink.gif) no-repeat center left; 
}

.paging, .articlenav {
        text-align: center;
        margin-top: 3em;
        margin-bottom: 3em;
}

.paging a, .articlenav a {
	padding: 10px 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
        text-align: center;
        text-decoration: none;
}

    /* ---- RB: new bits ----------------------------------------- */

.plainblock blockquote
{
	border-left: 0px;
}

.plainblock a
{
	margin-bottom: 0px;
	display: block;
}

hr
{
	height: 1px; 
  color: #9BBB38;
}

.divider {
  clear: both;
  height: 2px;
  margin-top: 7px; 
	background: white url(/assets/images/postmeta.gif) repeat-x; 
}

.attention {
  color: red;
}


#content img.plain {
    border: 0;
    float: none;
    margin: 0;
    vertical-align: baseline;
}

.boxed {
  border: 2px solid blue;
}

.static img {
  float: left;
}

#panel
{
        background-color: #FDFDEF;
        float: right; 
        width: 22em; 
        height: 11.5em;
        border: 1px solid #F0F0E8;
        margin: 4em 0 0 0.5em;
        padding: 0;
        overflow: auto;
}

#panel p {
       font-size: 88%;
       padding: 0 0 1px 5px;
       border-bottom: 1px solid #F5F5EA;
       margin: 4px 0 2px 4px;
} 

#frontpanel
{
  font-size: 80%;
  width: 26em; 
  height: auto;
  float: right; 
  border: 0; 
  border-left: 1px inset #F0F0E8;
  margin: 0em 0 0.6em 5px;
  padding: 4px 0 5px 5px;
  overflow: clip;
}

#frontpanel h3, #frontpanel h4 {
        margin-top: 0;
        margin-bottom: 0.2em;
}


#frontpanel p {
        margin: 0;
}

#frontpanel table {
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

#frontpanel tr {
    vertical-align: middle;
}

#frontpanel td {
    padding: 0;
}

#frontpanel table img {
    float: none;
    margin: 3px 6px 0 2px;
    padding: 0;
    border: 1px solid #555;
};


p.tight {
   margin: 0.3em 0;
}

    /**************** David's bits ****************/

img.intext, #content img {
      float: left;
      vertical-align: top;
      margin-right: 10px;
}

.quote {
	margin-left: 20px;
	margin-right: 40px;
	font-style: normal;
	line-height: 1.2em;
}


	/* --- AJAX Search Form ---------------------------------- */
	
.FSF_form {
	float: left; 
	width: 20em;
	margin: 5px 0;
	padding: 0;
}

.FSF_input {
	width: 8.5em;
	margin-right: 5px;
}

.FSF_result {
	margin-bottom: 1.0em;
}

.FSF_form img {
	margin: 0 5px;
	padding-top: 2px;
}


#FSF_ajax_searchResults {
  clear: left;
	width: 14em;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eef;
}

#FSF_ajax_searchResults p {
	padding: 0px 5px;
	margin: 0;
}

#FSF_ajax_searchResults a:hover {
	xbackground: url(/assets/templates/relax/images/bgmenu.png) no-repeat;
	xcolor: #003399;
}

#FSF_ajax_searchResults a {
   xcolor: #6495ED;   
   display: block;
	 xfont-weight: bold;
   padding: 2px;
   text-decoration: none;
}

.FSF_ajax_result {
	margin: 0px 4px 0px 8px;
	padding: 2px 3px;
}

.FSF_ajax_resultLink {
	display: block;
}

.FSF_ajax_resultDescription, .FSF_ajax_more {
	font-size: 90%;
}

.FSF_ajax_more {
	margin: 0 5px 10px 10px;
	padding-bottom: 10px;
}

div.FSF_result {
	margin-left: 28px;
}

	/* ---- Forms ---------------------------------------------------- */

.marginForm {
	margin-left:35px;
}

.marginForm fieldset {
	display: block;
	margin: 0;
	border: 0;
	border-top: 1px solid black;
	padding: 0 1em .1em 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 99.9%;
}

.marginForm fieldset.borderless {
	border: 0;
}

.marginForm fieldset.radio {
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
}

.marginForm fieldset.radio input {
	position: static;
	clear: both;
	float: left;
}

.marginForm fieldset.radio label {
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
}

.marginForm fieldset.radio legend {
	float: left;
	font-weight: bold;
}

.marginForm input, .marginForm select, .marginForm textarea {
	position: relative;
	top: -1.4em;
	left: 9em;
	display: block;
	width: 16em;
}

.marginForm textarea {
	height: 15em;
	width: 22em;
}

.marginForm input.button {
	clear: both;
	display: inline;
	margin-top: 0.2em;
	width: 6em;
}

.marginForm label {
	clear: both;
	float: left;
	display: block;
	width: 9em;
	margin-top: -0.5em;
}

.marginForm label.first {
	margin-top: 1em;
}

	/* ---- News sections ---------------------------------------- */	
	
.newsSection h2 {
  xcolor: red;
}

.pohSection h1, .pohSection h2, .pohSection h3, .pohSection h4, .pohSection h5, .pohSection h6 {
  color: #032680
}

.projectsSection h1, .projectsSection h2, .projectsSection h3, .projectsSection h4, .projectsSection h5, .projectsSection h6 {
  color: #032680
}

/* -------------------------------------------- */
ul.unIndentedList p {
	margin: 0;
}

.map-background {
background:url(/assets/images/hat-map.png) no-repeat;
width:420px;
height:575px;

}

.PopSpot {
background:url(/assets/images/projects/pin.png) no-repeat;
width:34px;
height:36px;
cursor:hand;
}
div.PopSpotint {
background:url(/assets/images/int-pin.png) no-repeat;
width:97px;
height:50px;
float:left;
padding:0 0 15px 35px;
}
.PopSpot1 {
float:left;
position:relative;
top:420px;
left:190px;
}

.PopSpot2 {
float:left;
position:relative;
top:250px;
left:220px;
}

.PopSpot3 {
float:left;
position:relative;
top:420px;
left:155px;
}

.PopSpot4 {
float:left;
position:relative;
top:340px;
left:130px;
}
.PopSpot5 {
float:left;
position:relative;
top:385px;
left:50px;
}

.PopSpot6 {
float:left;
position:relative;
top:470px;
left:55px;
}

.PopSpot7 {
float:left;
position:relative;
top:200px;
left:-50px;
}

.PopSpot8 {
float:left;
position:relative;
top:480px;
left:380px;
}
.formlabels {
width:100%;
line-height:28px;
}
.forminput {
float:right;
}
p.downldslogo {
float:left;
background:url(/assets/images/download.png) no-repeat center left;
padding: 0 0 0 0;
line-height:16px;
margin-top:12px;
width:100%;
}
.downldslogo a:link,.downldslogo a:visited,.downldslogo a:hover,.downldslogo a:active {
padding: 5px 0 0 25px;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #9BBB38; 
	font-size: 1.4em;
	font-weight:bold;
}
p.subslogo {
float:left;
background:url(/assets/images/payment.jpg) no-repeat center left;
padding: 0 0 0 0;
line-height:16px;
margin-top:7px;
width:100%;
}
.subslogo a:link,.subslogo a:visited,.subslogo a:hover,.subslogo a:active  {
padding: 5px 0 0 25px;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #9BBB38; 
	font-size: 1.4em;
	font-weight:bold;
}
p.donatelogo {
float:left;
background:url(/assets/images/donation.png) no-repeat center left;
padding: 0 0 0 0;
line-height:16px;
margin-top:7px;
width:100%;
}
.donatelogo a:link,.donatelogo a:visited,.donatelogo a:hover,.donatelogo a:active  {
    padding: 5px 0 0 25px;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #9BBB38; 
	font-size: 1.4em;
	font-weight:bold;
}
p.profilelogo {
float:left;
background:url(/assets/images/profile.png) no-repeat center left;
padding: 0 0 0 0;
line-height:16px;
margin-top:7px;
width:100%;
}
.profilelogo a:link,.profilelogo a:visited,.profilelogo a:hover,.profilelogo a:active  {
padding: 0 0 0 25px;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #000083; 
	font-size: 1.1em;
	font-weight:bold;
}
button.profilelogo {
float:left;
border:0px;
background:url(/assets/images/profile.png) no-repeat center left;
line-height:16px;
margin-top:10px;
width:280px;
text-align:left;
padding: 0 0 0 25px;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #000083; 
	font-size: 1.4em;
	font-weight:bold;
	cursor:hand;
	}
.pay_table {
width:100%;
}
.pay_table  td {
border-top: 1px dotted #E58712;
width:100%;
}
.pay_table  p {
line-height:12px;
padding:0 0 4px 0 ;
	color: #E58712;
	font-weight:bold;
}
#wlpeLoginButton {
background: #9BBB38;
width:100px;
height:33px;
cursor:pointer;
font-weight:bold;
color:#FFFFFF;
font-size:1.1em;
}
#wlpeLoginButton:hover {
background: #4D5D1C;
width:100px;
height:33px;
cursor:hand;
font-weight:bold;
color:#FFFFFF;
font-size:1.1em;
}
#wlpeLogoutButton {
background: #9BBB38;
width:100px;
height:33px;
cursor:pointer;
font-weight:bold;
color:#FFFFFF;
font-size:1.1em;
}
#wlpeLogoutButton:hover {
background: #53641E;
width:100px;
height:33px;
cursor:hand;
font-weight:bold;
color:#FFFFFF;
font-size:1.1em;
}
#wlpeReminderButton {
background:none;
width:160px;
height:30px;
border:0;
cursor:pointer;
font-weight:normal;
color:#000000;
font-size:0.8em;
}
#wlpeReminderButton:hover {
background: #336633;
width:160px;
height:30px;
border:0;
cursor:hand;
font-weight:normal;
color:#FFFFFF;
font-size:0.8em;
}
#wlpeRegisterButton {
background: #C1EA46;
width:100px;
height:33px;
border:0;
cursor:hand;
font-weight:bold;
color:#000000;
font-size:1.1em;
}
#wlpeRegisterButton:hover {
background: #5B6E21;
width:100px;
height:33px;
border:1px solid #FFFFFF;
cursor:hand;
font-weight:bold;
color:#FFFFFF;
font-size:1.1em;
}
fieldset#wlpeLoginButtons {
width:150px;
}
#wlpeLogin {
width:70%;
}
.hide {
VISIBILITY: hidden;
}