/* CSS layout */

/* Universal selector */
/* Remove all default margins and padding */
* {
margin:0;
padding:0;
}



/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
  /* Temporary borders */
  /*border:dashed 1px #f00; */
}

abbr{
border-width:0px;
}


body{
background-image:url('imagesindex/background_text_3.jpg');background-position:left;background-repeat:repeat;

  font-family: Arial, Helvetica, sans-serif;}

/* START topper */
#topper{
	height:4.5em;
	width:50em;
   margin: 20px auto 0 auto;
   position:relative;
   z-index:100;
}

#topper a.contact{
	position:absolute;
	color:#000;
	text-decoration:none;
	size:1em;
	font-size:1em;
	background-color:#b29470;
	padding-top:0.25em;
	padding-left:0.5em;
	padding-right:0.5em;
	display:block; 
	z-index:100;
}

#topper a.donate{
	position:absolute;
	color:#000;
	text-decoration:none;
	width: 
	font-size:1em;
	background-color:#b29470;
	padding-top:0.25em;
	padding-left:0.5em;
	padding-right:0.5em;
	display:block; 
	z-index:100;
}



/* START howto Menu */
#howto{
	width:15em;
	background-color:#FFF;
	padding-left:2%;
	float:right;
	border:thin gray groove;
	position:absolute; 
	line-height:1.4em; 
	height:1.4em; 
	overflow:hidden;
	z-index:100; 
}


#howto:hover {
	height:auto; 
	cursor:pointer;
}

#howto a {
	display:block; 
	width:100%; 
	line-height:1.4em; 
	color:#000; 
	text-decoration:none;
}

#howto a:visited {
	display:block; 
	width:100%; 
	line-height:1.4em; 
	color:#000; 
	text-decoration:none;
}

#howto a:hover {
	color:#000;
	background:#ddd;
}
/* END howto Menu */
/* END topper */

#wrapper{
   width: 50em;
	background-color:white;
/* Put 20px margin above the wrapper */
/* Set right and left to auto for centering */
   margin: 5px auto 0 auto;
   border-color:#343f48;
   border-style:ridge;
   border-width:thin;
   z-index:0;
   -moz-box-shadow: 8px 8px 4px #888;
   -webkit-box-shadow: 8px 8px 4px #888;
   box-shadow: 8px 8px 4px #888;
   } 

/* Make branding a positioned element, but don't move it */
#branding{
  position:relative;
  border-bottom:thin #9343f48 solid; 
  z-index:0;
}


#branding p.indextitle{
  position:absolute;
  text-decoration:none;
  color:#000;
  font-size:1.5em;
  float:left;
  font-family:"Times New Roman", Times, serif;
  top:65px; left:170px; width: 50%;
  font-weight:bold;
}


/*START navbar */
#navbar{
  background-color:#b29470;
  height:1.6em;
  width:100%
  }

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}

/* List items in the navbar */
#navbar li{
  float:left;
}

/* Applies to navbar links, unvisited and visited */
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#fff;
  background-color:#b29470;
  display:block;
  height:2em;
  width:10em;
  border-right:solid 1px #ddd;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

#navbar a:link{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#fff;
  background-color:#b29470;
  display:block;
  height:2em;
  width:10em;
  border-right:solid 1px #ddd;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

#navbar a{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#fff;
  background-color:#b29470;
  display:block;
  height:2em;
  width:10em;
  border-right:solid 1px #ddd;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

/* Navbar hover, active, and current page links */
#navbar li.selected a:visited{
background-color:#343f48;
  color:#fff;
}

#navbar li.selected a:link{
background-color:#343f48;
  color:#fff;
}

#navbar a:active{
background-color:#343f48;
  color:#fff;
}

#navbar a:hover{
background-color:#343f48;
  color:#fff;
}

/* END navbar */

/* START rightnavbar */
#rightnavbar{
  margin:8px 15px 0px 15px;
  text-align:left;
	position:relative;
	width:20%;
	float:right;
	z-index:70;
	  line-height:1.5em;
}

/* Remove bullets from ul in the navbar */
#rightnavbar ul{
  list-style-type:none;
}

/* List items in the navbar */
#rightnavbar li{
  line-height:1.25em;
}

/* Applies to rightnavbar links, unvisited and visited */
#rightnavbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  display:block;
  width:auto;
  text-align:left;
  outline-style:none;
}

#rightnavbar a:link{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  display:block;
  width:auto;
  text-align:left;
  outline-style:none;
}

#rightnavbar a{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  display:block;
  width:auto;
  text-align:left;
  outline-style:none;
}

/* Navbar hover, active, and current page links */
#rightnavbar li.selected a:visited{
  text-decoration:underline;
  color:#000;
}
		
#rightnavbar li.selected a:link{
  text-decoration:underline;
  color:#000;
}
		
#rightnavbar a:active{
  text-decoration:underline;
  color:#000;
}
		
#rightnavbar a:hover{
  text-decoration:underline;
  color:#000;
}
/* END rightnavbar */
/* END rightnav */

/* START leftcolumn */
#leftcolumn{
/* Remember, content left margin must match this width */
 width:11em;
 float:left;
}


/* START leftcolumn2 */
#leftcolumn2{
/* Remember, content left margin must match this width */
 width:11em;
 float:left;
 background-color:#343f48;
}


/* START leftnavbar division (Vertical navbar) */
#leftnavbar{
  width:80%;
  /* Center horizontally */
  margin:1em auto;
  text-align:left;
}

/* Remove bullets from ul in the navbar */
#leftnavbar ul{
  list-style-type:none;
}

/* List items in the navbar */
#leftnavbar li{
}

/* Applies to leftnavbar links, unvisited and visited */
#leftnavbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#fff;
  display:block;
  height:2em;
  width:auto;
  line-height:2em;
  text-align:left;
  outline-style:none;

}

#leftnavbar a:link{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#fff;
  display:block;
  height:2em;
  width:auto;
  line-height:2em;
  text-align:left;
  outline-style:none;
}

#leftnavbar a{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#fff;
  display:block;
  height:2em;
  width:auto;
  line-height:2em;
  text-align:left;
  outline-style:none;
}

/* Navbar hover, active, and current page links */
#leftnavbar li.selected a:visited{
  text-decoration:underline;
  color:#fff;
}
		
#leftnavbar li.selected a:link{
  text-decoration:underline;
  color:#fff;
}
		
#leftnavbar a:active{
  text-decoration:underline;
  color:#fff;
}
		
#leftnavbar a:hover{
  text-decoration:underline;
  color:#fff;
}

#leftnavbar hr{
	color:#b29470;
	width:100%;	

}

/* END leftnavbar */




/* END leftcolumn2 */	

/* START rightnavbar */
#rightnavbar{
  margin:8px 15px 0px 15px;
  text-align:left;
	position:relative;
	width:20%;
	float:right;
	z-index:70;
	  line-height:1.5em;
}

/* Remove bullets from ul in the navbar */
#rightnavbar ul{
  list-style-type:none;
}

/* List items in the navbar */
#rightnavbar li{
  line-height:1.25em;
}

/* Applies to rightnavbar links, unvisited and visited */
#rightnavbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  display:block;
  width:auto;
  text-align:left;
  outline-style:none;
}

#rightnavbar a:link{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  display:block;
  width:auto;
  text-align:left;
  outline-style:none;
}

#rightnavbar a{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  display:block;
  width:auto;
  text-align:left;
  outline-style:none;
}

/* Navbar hover, active, and current page links */
#rightnavbar li.selected a:visited{
  text-decoration:underline;
  color:#000;
}
		
#rightnavbar li.selected a:link{
  text-decoration:underline;
  color:#000;
}
		
#rightnavbar a:active{
  text-decoration:underline;
  color:#000;
}
		
#rightnavbar a:hover{
  text-decoration:underline;
  color:#000;
}
/* END rightnavbar */
/* END rightnav */

/* START content */
#content{
/* Left margin must match leftcolumn width */
/* Right margin must match rightcolumn width */
  margin-left: 11em;
	margin-right: 11em;

	background-color: #fff;
	color: #000;
	padding: 1.5em;
	font-family:Arial, Helvetica, sans-serif;
}

/* Applies to h1 elements in the content division */
#content h1{
	font-weight:bold;
	font-size:1.4em;
	margin-top:0.5em;
	margin-bottom:0.25em;
	font-family:Arial, Helvetica, sans-serif;
}

/* Applies to h2 elements in the content division */
#content h2{
	font-size:1.1em;
	font-weight:bold;
	margin-top:1.25em;
	margin-bottom:0.5em;
	font-family:Arial, Helvetica, sans-serif;
}

#content hr{
	noshade:"noshade";
	height:2px;
	color:#343f48;
	margin-top:1em;
	margin-bottom:1.5em;
	background:#343f48;
	background-color:#343f48;
	border: 0px solid #343f48;
	}

#content hr.small{
	margin-top:1em;
	margin-bottom:1.5em;
	margin-left:auto;
	margin-right:auto;
	width:25%;

}
#content p{
	font-size: 0.8em;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.3em;
}

#content p.breadcrumb{
	font-size:0.6em;
	margin-top:0em;
	margin-bottom:1.5em;
	color:gray;
}

hr.small{
	margin-top:1em;
	margin-bottom:1.5em;
	margin-left:auto;
	margin-right:auto;
	width:25%;

}


p.didyouknow{
	width: 70%;
	border: thin #5bc7b4 solid;
	padding: 1em;
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

p.author{
	text-align:right;
}

p.inpagenav{
	text-align:center;
	font-weight:bold;
}

p.totop{
	text-align:right;
}

.cleanlink{
	text-decoration:none;color:black;
}


.new {
	color:red;
}


.redpantone {
	color:#B45858;
}

.img.width100 {
	width:100%; border:0;
}

.img.width40 {
	width:40%; border:0;
	text-align:center;
	margin-left:30%; margin-right:30%
}

.img.width50 {
	width:50%; border:0;
	text-align:center;
	margin-right:25%; margin-left:25%;
}

img.width40left{
	width:40%; border:0;
	float:left;
	margin-right:1em;
}

img.width40right{
	width:40%; border:0;
	float:right;
	margin-left:1em;
}


.img.noborder {
	border:0;
}

p.centre {
	text-align:center;	
}

h2.centre {
	text-align:center;	
}

.a.clearlink{ 
	text-decoration:none; 
	color:black;
}


img.landscape-big{
	display:block;border-style: none; border-color: inherit; border-width: 0; width: 80%; margin-top:0;margin-bottom:1em; margin-left:auto;margin-right:auto;

}

img.portrait-big{
	display:block;border-style: none; border-color: inherit; border-width: 0; width: 50%; margin-top:0;margin-bottom:1em;margin-left:auto;margin-right:auto;

}


#content li{
	margin-left:3em;
	
	
	
}
/* END content */

/* START rightcolumn */
#rightcolumn{
	/* Remember, content right margin must match this width */
	float: right;
	width: 10em;
	padding: 0.5em;
	padding-top: 1em;
}

#cse-search-form{
	margin-top:2em;
	margin-bottom:0.5em;
}

p.pin{
	border: thin #343f48 solid;
	padding: 0.5em;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

p.img-centre{
	text-align:center;
}


img.pin{
	width:90%;
	border:0;
}

img.leftbox{
	width:60%;
	border:0;
	margin-right:1em;
	float:left;
	display:block;
}

img.leftboxp{
	width:40%;
	border:0;
	margin-right:1em;
	float:left;
	display:block;
}


p.pin a{
text-decoration:none;
color:#000;
}
/* END rightcolumn */

#footer{
	clear:both;
	position:relative;
}

#footer_nav{
	position:absolute;
}

#footer_nav a{
	text-decoration:none;
	color:#fff;
}