/* general styles *************************************************************/
@import url(textsize.php);

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #545454;
	font: 80.5% Arial, Helvetica, sans-serif;
}
a {
	/* color: #6ea352; */
	color: #588E31;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
p {
	margin: 1em 0;
}
ul,
ol {
	list-style: none;
}
address {
	font-style: normal;
}

.wrap {
	width: 100%;
	overflow: hidden;
}
.left {
	float: left !important;
	display: inline;
}
.right {
	float: right !important;
	display: inline;
}
.leftalign {
	text-align: left;
}
.rightalign {
	text-align: right;
}
.centeralign {
	text-align: center;
}

/* page holder ****************************************************************/
#container {
	width: 1000px;
	background: #fff;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

/* header *********************************************************************/
#header {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 135px;
	width: 100%;
}
.header-pic {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	display: block;
}
.logo {
	float: left;
	position: relative;
	z-index: 4;
	display: inline;
	width: 170px;
	height: 100px;
	margin: 37px 0 0 79px;
	text-indent: -99999px;
	background: url('http://www.lothiancil.org.uk/images/spr.gif') no-repeat 333px 333px;
}
.tools {
	float: right;
	position: relative;
	z-index: 3;
	display: inline;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	padding: 12px;
}
.tools a {
	color: #545454;
	margin: 0 .2em;
}
.bigger {
	font-size: 1.27em;
}

/* navigation *****************************************************************/
#navigation a {
	display: block;
	position: absolute;
	z-index: 5;
	cursor: pointer;
}
.nav-whoweare {
	left: 363px;
	top: 102px;
	width: 106px;
	height: 106px;
}
.nav-whatwedo {
	left: 477px;
	top: 56px;
	width: 125px;
	height: 125px;
}
.nav-downloads {
	left: 616px;
	top: 62px;
	width: 106px;
	height: 106px;
}
.nav-events {
	left: 730px;
	top: 91px;
	width: 108px;
	height: 108px;
}
.nav-haveyoursay {
	left: 834px;
	top: 147px;
	width: 105px;
	height: 104px;
}
.nav-contactus {
	left: 878px;
	top: 256px;
	width: 84px;
	height: 85px;
}

/* main content area **********************************************************/
#content {
	width: 100%;
	overflow: hidden;
	margin: 204px 0 0;
	background: url('http://www.lothiancil.org.uk/images/greenrule.gif') repeat-y 272px 0;
}

/* sidebar ********************************************************************/
#sidebar {
	float: left;
	width: 270px;
	padding-left: 2px;
	overflow: hidden;
}
#sidebar p {
	font-size: 1.1em;
	margin: .4em 0;
}
.searchform {
	padding-left: 25px;
}
.searchform input {
	vertical-align: middle;
}
.searchform .text {
	width: 120px;
	font-size: 15px;
}
#sidebar img.right {
	margin-right: 5px;
	display: inline;
}

/* main column ****************************************************************/
#maincol {
	float: right;
	width: 585px;
	overflow: hidden;
	padding-right: 120px;
}
h1 {
	font: bold 1.9em Arial, sans-serif;
	margin: 1.3em 0 0;
}
h1 span {
	color: #6ea352;
}
#home h2 {
	font: bold 1.5em/2em Arial, Helvetica, sans-serif;
	/* text-transform: uppercase; */
	color: #6ea352;
	margin: 2em 0 0;
	width: 100%;
	overflow: hidden;
}
#home #maincol h2 {
	font: bold 1.6em/2em Arial, Helvetica, sans-serif;
	/* text-transform: uppercase; */
	color: #6ea352;
	margin: 2em 0 0;
	width: 100%;
	overflow: hidden;
}
#maincol h2 {
	font: bold 1.4em/2em Arial, Helvetica, sans-serif;
	/* text-transform: uppercase; */
	color: #6ea352;
	margin: 1.1em 0 0;
	width: 100%;
	overflow: hidden;
}
h2 strong {
	background: url('http://www.lothiancil.org.uk/images/bg-h2.gif') no-repeat 100% 50%;
	float: left;
	padding-right: 18px;
}
h2 span {
	color: #545454;
}
#maincol p.intro {

	margin: .3em 0;
	font: bold 1.4em Arial, Helvetica, sans-serif;
}


#maincol p{
	font: 1.4em Arial, Helvetica, sans-serif;
	margin-top: .2em;
	margin-bottom: 1em;
	line-height: 1.4;
}
#content #maincol ul
{
margin-left: 1em;
padding-left: 1em;
list-style: square outside;
margin-bottom: 1em;
margin-top: 0;
line-height: 1.4;

}
#maincol ul li
{
	font: 1.4em Arial, Helvetica, sans-serif;
	padding-top: .75em;
	
}
#maincol ul li ul li 
{
	font: 1em Arial, Helvetica, sans-serif;
	padding-left: 1em;
}
#home #maincol h3, .news h3, .weblogItemContent h3, h4.weblogItemTitle {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	margin: .2em 0 0;
}

#maincol h3
{
	font: bold 1.3em Arial, Helvetica, sans-serif;
	margin: 1.5em 0 0 0;
}
#maincol h4
{
	font: bold 1.3em Arial, Helvetica, sans-serif;
	margin: .2em 0 0;
}
#maincol .news p {
	font: 1.1em Arial, Helvetica, sans-serif;
	margin: 0 0 .8em;
}

/* footer *********************************************************************/
#footer {
	margin: 3em 0 0;
	text-align: right;
	font-size: .9em;
	padding: 0 3em;
}

/* left nav *********************************************************************/
ul#navlist 
{margin-top: .5em;}
ul#navlist li a, ul#navlist li, ul.leftmenu li a, ul.leftmenu li 
{
/* text-transform: uppercase; */
color: #666;
padding-top: .9em;
font-size: 1.1em;
line-height: 1.2;
font-weight: bold;
}

/* Events */

table
{
border-collapse: collapse;
}

table#eventstable
{

border-spacing: 1px;
width: 90%;
background-color: #eee;
margin: 1em 0 0 .5em;
padding:0;
}
#eventstable td
{
text-align: left;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
border: 1px solid #6ea352;
}

table#eventstable td h4
{
padding: 0;
margin: 0;
font-size: 110%;
}
table#eventstable td a
{
color: #333;
text-decoration: none;
font-weight: 700;
}

table#eventstable td a:hover
{
color: rgb(78,140,187);


}
.eventmonth
{
border: 0;
font-size: 110%;
padding: .3em 0 0 0;
}
#maincol h3.eventtitle
{
padding: 1em 0 0 0;
margin: 0;
color: #6ea352;
border: 0;
font-size: 150%;
}

#maincol p.eventdate
{
padding: 0 0 .5em 0;
margin: 0;
color: #666;
border: 0;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: small;
}
#maincol p.eventsummary
{
padding: 0;
margin: 0;
font-size: 110%;
}


p.noevents
{
padding-top: 1em;
}

/* staff */
table.staff 
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
color: #000;
width: 85%;
background-color: #fff;
border: 1px solid #666;
border-collapse: collapse;
border-spacing: 0px;
margin-left: 1px;}

table.staff td 
{background-color: #fff;
color: #333;
padding: 4px;
text-align: left;
border: 1px #666 solid;}

table.staff th
{background-color: #fff;
color: #000;
padding: 4px;
text-align: left;
border-bottom: 1px #666 solid;
}

span#currentpage
{
color: #6ea352;
font-weight: bold;
font-size: 1.1em;
}

span#currentpage::before
{
content: "\3E \ ";
}

/* contact form */

div#contactform form fieldset
{
/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
border: none;
padding-left: 0;
margin-left: 0;
}
legend
{
color: #666;
border: none;
padding-bottom: 5px;
margin-bottom: 0;
font-size: 140%;
line-height: 1.2em;
font-family: Helvetica, Arial, Verdana, sans-serif;
}
div#contactform form textarea,
div#contactform form input,
div#goodiesform form input
{
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
}
div#contactform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	width: 100px; 
	padding: 0;
	margin-bottom: 3px;
	font-size: 105%;
    color: #666;
    font-weight: bold;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

div#contactform form 
{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */

  margin: 0;
  padding: 0;

  width: 100%; 
}



div#contactform  input
{
display: block;
font-size: x-small;
color: #000;
border-top: 1px #66AA33 solid;
border-left: 1px #66AA33 solid;
padding:3px;
background-color: #ddd;
width: 260px;
}


div#contactform  #contactsubmit
{
background-color: #66AA33;
font-size: 90%;
padding:1px;
color: #fff;
font-weight: bold;
width: 50px;
width: auto;
clear: left;
margin-top: .5em;
}

div#contactform form  textarea 
{
	display: block; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
	width: 260px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */

    background-color: #ddd;
    border-top: 1px #66AA33 solid;
	border-left: 1px #66AA33 solid;
	padding:3px;
}

fieldset, legend
{
border: none;
}

input#notspam
{
display: inline;
}

h1#pageheader
{
/* text-transform: uppercase; */
}


.whatwedopage
{
clear: left;
margin-top: 3.5em;
}

.trainingmonth
{
border-top: 1px dotted;
padding-top: .3em;
margin-top: 2em;
}

/* QnECMS Administration navigation styles */

#admincontainer
{
margin-top: 1em;
}
h3.editorheader
{
font-size: 1em;
color: #666;
padding-top: 1.5em;
}
#admincontainer ul
{
padding: 0 0 0 1.5em;
margin: 0 0 1em 0;
float: left;
width: 100%;
font-family: Verdana, arial, helvetica, sans-serif;
list-style-type: none
}


#admincontainer ul li { display: inline; padding-left: .2em; padding-right: .5em;     border-right: solid 1px #99ccff;  #99ccff; }
#admincontainer ul li a
{

padding: 0.2em .2em;
color: #666;
text-decoration: none;
font-size: x-small;

background:#f5f5f5;
}

#admincontainer ul li a:hover
{
background-color: #BFE4FF;
color: #000;

}
.adminnavtitle
{
padding: 0; 
margin: 0;
}

#admincontainer h4
{
font-size: x-small;
margin-top: 1em;
color: #99ccff;
padding-bottom: .2em;
}

a.pageeditlinks
{
padding: 4px;
text-decoration: none;
color: #224059;
background-color: #b5c9e2;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
font-weight: bold;

}

h2.downloadssidebar
{
font-size: 1.2em;
margin-top: 2em;
}
h3.downloadsname
{
border-top: 1px #ccc solid; 
width: 80%; 
margin-top: 1em; 
padding-top: .5em;
font-size: 1em;
}
#highcontrastnav
{
display: none;
}

h3.trainingfaq
{
color: #6ea352;
font-weight: 700;
}

div.trainingbox
{
border: 1px solid #ccc;
background: #588E31;
color: #fff;
padding: .5em;
}

div.pajobslink
{
border: 1px solid #666;
font-weight: 700;
padding: 1em;
margin-top: 1em;
margin-right: 1em;
}

#maincol div.weblogItemContent p.newsource
{
font-size: 85%;
}