body { 
	font-size: 86%; 
	font-family: Arial, Verdana, sans-serif;
	color: black; 
	border-top: 0;
	padding:0 !important;
	margin:0 !important;
	background:#fff;
}

h1 {
	font-size:1.3em;
	/*color: #009933;*/
	color:#000;/*this is the ligther green - confused as to what should be used*/
	padding:0.2em 0em;
	margin:0;
	float:left;
	clear:left;
}

h2 {
	font-size:1.1em;
	font-weight:normal;
	color: #000;
    /*  margin:2em;*/
}
h2 a, h2 a:visited{
	color: #000;
}

h3{	
	font-weight:normal;
	color: #000;
/*  margin:2em;*/
}

h4 {
	color: #000;	
/*  margin:2em;*/
}
	
p {
/*  padding-left:1em;*/
    padding:0.2em 0em;
    margin:0;
    color:#000;
}

hr {
    width:100%;
    clear:both;
    color:silver;
    margin:1em 0;
    float:left;
}

blockquote {
    font-style:italic;
}

/*http://simonwillison.net/2003/May/21/stylingBlockquotes/*/

/*blockquote {
  background: transparent url(../img/quoleft.png) left top no-repeat;
}
blockquote div {
  padding: 0 48px;
  background: transparent url(../img/quoright.png) right bottom no-repeat;
}
*/
img {
    border:none;
}

a img {
    border:none;
}
	
table  { 
	border-collapse: collapse; 
	font-size: 90%;
	margin-bottom: 1em;
	}
	
/*iframe { width: 45em; }*/

a { 
    color:#009933;
    text-decoration:none;
	}

a:hover { 
    color:black;
	text-decoration: underline;
	}
	
a:visited:hover { 
    color:black;
	text-decoration: underline;
	}

textarea {
    background:White url(../img/input_background.gif) repeat-x scroll top;  
    border: 1px solid silver; 
    float:left;
    padding:0.3em;
    }
    

select { 
    background:White url(../img/input_background.gif) repeat-x scroll 0 0;
    border:1px solid silver;
    padding:0.3em;
    width:162px;
}    
    
textarea:active, textarea:hover  { 
/*    background-color: #fdfdfd; 
    min-width: 300px; disabled as used across site now*/
    }


/* forms stuff */

#visualContentWrapper form {
/*    float:left; - disabled for journal next button - might cause problems*/
}

#visualContentWrapper form label {
    float:left;
    clear:left;
    font-weight:bold;
    
}

#visualContentWrapper form .hint {
    float:left;
    color:#666;
    padding:1.4em 0.5em 0 0;
    font-size:0.8em;
}

#visualContentWrapper form input {
    float:left;
    clear:both;
}


#visualContentWrapper form select {
    float:left;
    clear:both;
}

#visualContentWrapper form table {
    /*special list widgets */
    float:left;
    clear:both;
}


#visualContentWrapper input { 
    background:White url(../img/input_background.gif) repeat-x scroll 0% 0%; 
    border: 1px solid silver;
    /*font-size:1em; control specifically*/
    padding:5px;
    }
    
#visualContentWrapper input.button {
    padding:0 !important;
    }

#visualContentWrapper input.button, #visualContentWrapper a.button  {
    font-size:1em;
    color:white !important;
    padding:7px 15px 7px !important;
    margin:13px 5px;
    }
    

#visualContentWrapper a.button  {
    padding:8px 15px 8px !important; /*odd 1px missing at bottom*/
    }

#visualContentWrapper fieldset{
    /* do this page specifically (fixes search box error)
    float:left;
    clear:both;*/
    margin:0;
    padding:0;
    border:none; /*by default - as its needed for valid forms - override elsewhere*/
}

#visualContentWrapper legend {
/*    color:#009933;*/
    font-weight:bold;
}