html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form {
margin: 0;
padding: 0;
border: 0;
text-align:left;
}

html {
margin-bottom: 1px;
}

body {
font-size: 100.01%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
}
   
html, body {
   height: 100%; }
   
#wrapper {
  width:98%;
  margin:0px 0px -25px 10px;
  min-width:760px;
  min-height: 100%; 
 }

#header{
margin-top:10px;

height:135px;
}
#headerLeft {
  float:left;
  width:auto;
}
#headerRight {
float:right;
  width:auto;
  background-color:#bea0ca;
}

#menu {
clear: both; /* add this property to make sure the nav clears the header in IE */
position: relative;
margin-top:5px;
float:left;
height: 40px;
width: 100%;
	z-index: 10;

background: #bea0ca; 
}

#content {
margin: 50px 0 30px;
height:100%;
} 

#leftContent {

  margin-right: 250px;
  padding-right:10px;
  margin-bottom:30px;
  min-height:100%;
}
#newsletterContent {

  width:auto;
  margin-left:10%;
  margin-right:10%;
  padding-left:10px;
  min-height:100%;
  border-style:solid;
  border-color:#996699;
}
#leftFullcontent {
 width: 100%;
  min-height:100%;
  margin-bottom:50px;
}
#pfriendly {
width:auto;
float:right;
margin:10px;
padding: 20px;
}
#rightContent {
	position: absolute;
	top: 195px;
	width:240px;
	right:13px;
	padding-left: 10px;
	min-height:100%;
	font-size:.9em;
	background-color:#F6F1F7;
	margin-bottom:50px;
	z-index: 5;
	}
#rightContent a:link {
   font-size:.9em;
   color: #005b99; 
   text-decoration:none;
   }
#rightContent a:visited {
  font-size:.9em;
  color: #005b99; 
  text-decoration : none; 
  }
#rightContent a:hover { 
  font-size:.9em;
  color: #936b7f; 
  text-decoration : none;
  }

#footer {
	clear: both;
	background-color:#bea0ca;
	height: 30px;
	margin-top: -0px;
	margin-left: 5px;
	margin-right: 5px;

}

#footer p {
margin: 0px;
padding: 10px;
font-size:.8em;
}
  
.pagetitles{
    font-size:140%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	color: #FFF;
	background-color:#a7d7d7;
	text-align:center;
} 
.nlpagetitles{
    font-size:140%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	margin-left:-10px;
	color: #FFF;
	background-color:#a7d7d7;
	text-align:center;
} 

h1 {
font-size: 1.4em;
margin-bottom:20px;
font-weight:300;
line-height:150%;
}
h1.newsletter {
    font-size:140%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-bottom:15px;
	margin-left:-10px;
    text-align:center;
    font-weight:300;
    background-color:#A277B3;
    color:#FFFFFF;
	}
h1.section {
border-top:medium;
border-top-color:#BEA0CA;
border-top-style:ridge;
clear:both;
}
h1.articletitles{
    margin-top:40px;
	margin-bottom:30px;
	font-weight: bold;
	color: #A277B3;
} 
h1.sidebar {
font-size:140%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-left: -10px;
margin-bottom:15px;
text-align:center;
font-weight:300;
background-color:#A277B3;
color:#FFFFFF;
}
h1.sidebarclear {
font-size:140%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom:15px;
padding-left: 20px;
font-weight:300;
background-color:#A277B3;
color:#FFFFFF;
width:200px;
}
h2 {font-size: 1.1em;
    font-weight:200;
   }
h2.sidebar {
    font-size:1.1em;

}

p {font-size: 1em;
margin-bottom:1em;
   }

p.newsletter {margin-left:10px;
   }

p.uniquec {color: #81c6c6; font-weight:bold;} 
p.positiver {color: #a277b3;font-weight:bold;} 
p.enablinge {color: #83d17c;font-weight:bold;} 
p.learningd {color: #eab565;font-weight:bold;}


ul {
line-height: 1.5em;
list-style-position: inside;
list-style-type:disc;
margin-top: 1.2em;
margin-bottom:1.2em;
}

.uniquec {color: #81c6c6; font-weight:bold;} 
.positiver {color: #a277b3;font-weight:bold;} 
.enablinge {color: #83d17c;font-weight:bold;} 
.learningd {color: #eab565;font-weight:bold;} 

.italicf {
font-family: sans-serif;
font-style: italic; 
}
.ref {
	font-size: .9em;
	color:#ccc;
	} 
.logintext {
	font-size: .8em;
	color:#fff;
	} 
.date {
	font-size: .8em;
	color:#000;
	font-style:italic;
	} 
	.specialtext {
	font-size: 11px;
	color:#003399;
	}
.emphasis {
	color:#003399;
	font-weight:bold;
	font-style:italic;
	}
.catheadline {
	font-size: 14px;
	color: #005b99;
	}
.quotestext {
    border-style:thin;
    border-color:#CCC;
    margin-left:50px;
    margin-right:50px;
	font-size: 90%;
	font-style: italic;
	color:#000;
	font-style: italic;
	}
.highlight {
	font-size: 80%;
	font-style: italic;
	color:#602d59;
	background-color:#E3D6E8;
	font-style: italic;
	}
.red {color:#FF0000;}
.biblio {
	font-size: 90%;
	color:#602d59;
	font-style:oblique;
	color:#003399;	
	}    



/*boxes and containers for page elements*/

  /* rounded corner loginbox */
.rbloginbox { background:  url("/images/graphics/purple.gif") repeat; 
 			   position: absolute;
			   right: 20px;
			   top: 20px;
			   width: 300px;
			   margin-left:10px; 	   
               }
  .rbtop div  { background:  url("/images/graphics/tlpurplesmall.gif") no-repeat top left; }
  .rbtop      { background:  url("/images/graphics/trpurplesmall.gif") no-repeat top right; }
  .rbbot div  { background:  url("/images/graphics/blpurplesmall.gif") no-repeat bottom left; }
  .rbbot      { background:  url("/images/graphics/brpurplesmall.gif") no-repeat bottom right; }
  .rbtop div, .rbtop, .rbbot div, .rbbot {
	height: 10px;
	font-size: 1px; 
    }
.rbcontent  { margin: 0 7px;
              font-size:12px; 
              text-align:left;
			  padding-left: 5px;
	}


  /* end of rounded corner loginbox */
 .author {
 float: right;
	 color:#005b99;
	 border-style:groove;
	 border-color:#BEA0CA;
	 width: 200px;
 	 	}  
/* positional elements, mainly for LA info pages, but can also be used elsewhere*/
.articleboundary {
margin:10px;
padding: 20px;
border:2px;
    border-style:solid;
	border-color:#D9EEEE;
}  
.lalogo {
 float: right;
	 color:#005b99;
	 width: auto;
	 text-align:center;
	 margin-left: 20px;
	 margin-bottom:20px;
	 margin-top:10px;
 	 	}  
.latitle {
	 width: auto;
	 margin-top:30px;
 	 	}  
.centrebox {
    border-top-style: ridge;
	border-bottom-style:ridge;
	clear:both;
	margin-bottom:40px;
	padding:10px;
	background-color:#D9EEEE;
    margin:auto;
	width: 400px;
	height:auto;
}
p centrebox {
    font-size:.7em;
}
.boxcontainer {
}

.featurebox {
    background-color:#F6F1F7;
    width: 150px;
    height:auto;
    float:right;
    padding:10px;
}
.featurebox p{
    font-size:.8em;

}
.featurebox2 {
    width: auto;
    height:auto;
    float:right;
    padding:10px;
}

.leftbox {
    float:left;
	padding:7px;
    border:2px;
	border-style:solid;
	border-color:#D9EEEE;
	width: 400px;
	height:auto;
	margin-top:40px;
	margin-bottom:10px;
}
.rightbox {
text-align:right;
    float:right;
		margin-top:40px;
	width: 40%;
	height:auto;
	margin-top:40px;
}
.rightbox2 {
    float:right;
	height:auto;
	clear:both;
}
/*leftbox3 and rightbox3 were created along with imagecontainer, simply to allow two images side by side, particularly for the article 'Positive interaction programme'. */
.imagecontainer {
   width:100%;
   position:relative;
   }
.leftbox3 {
    float:left;
	padding:7px 10px 10px 30px;
	width: auto;
	height:auto; 
	margin-top:10px;
	margin-bottom:10px;
}
.rightbox3 {

	float:left;
	padding:7px 10px 10px 30px;
	width: auto;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
}
/* end of positional elements, mainly for LA info pages, but can also be used elsewhere*/
.clearFloat {  
    clear:both;
	height: 50px;
	height: 50px;
} 
.clearFloat2 {  
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px; 
}