/* --- site colours:

deep red = #711118, rgb 113,17,24
light-red= #cc0000, rgb 204,0,0
green = #34B484     rgb 52,180,132

--- */

* {
  	margin: 0;
  	padding: 0;
  }

html,body{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
	scrollbar-base-color: #000;
	scrollbar-base-color: #711118;
	scrollbar-3dlight-color: #000;
	scrollbar-highlight-color: #000;
	scrollbar-track-color: #000;
	scrollbar-arrow-color: #34B484;
	scrollbar-shadow-color: #000;
	scrollbar-dark-shadow-color: #000;  

}

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(204,0,0,0.9); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(113,17,24,0.9); 
}

/* --- content area  --- */
article {
    width: 80%;
    margin: 0 auto;
	
}

footer p {
	font-size: 0.8em;
	color:#CCC;
	text-align: center;
}

/* headers, paragraphs and lists  */
p, h1,h2,h3, li.li-content {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #333;
}

h1.h1-home {font-size:1.1em;
color:#999;
text-align: center;
}

h1.h1-grey {font-size: 3em;}

h1.h1-grey, h2.h2-grey {color:#999;
text-align:center;
}

h2.h2-indent {padding-left: 2.1em;
}

p { font-size: 1em;
padding-top:0.8em;
}

.indent {padding-left: 3em;
}

p.p-home { text-align:justify;
color: #999;
font-size: 1em;
    }
	
p.p-centre { text-align:center;
color: #999;
font-size: 1em;
    }


ul.ul-skulls { list-style-image: url('../images/bullit-scull.jpg');
padding-left: 4em;
}

ul.ul-content {
	list-style:disc;
	padding-left: 1em;
	padding-bottom: 1em;
}

li.li-content {color:#999;
padding-bottom: 1em;
}

/* --- links ---  */

a {color: #34B484;
  text-decoration:none; 
}

a:visited { color: #34B484;
	text-decoration:none;
	 
}

a:hover { 
	color:#cc0000;
	font-weight:bold;
	text-decoration:underline;
}

a:active {
	color: #34B484;
 	text-decoration:none;
}

a span.screen-reader-text { 
   clip: rect(1px, 1px, 1px, 1px); 
     position: absolute !important; 
     height: 1px; 
     width: 1px; 
     overflow: hidden; 
 } 


/* to resize all images */
img {
	max-width: 100%; 
	height: auto; 
    /* width: auto\9; /* ie8 */ 
}


/* --- accessibility --- */

.section-heading, .skip-button {
position:absolute;
text-indent:-9999px;
}

.section-heading-l, .skip-button-l {
position:absolute;
text-indent:-9999px;
}

/* --- the a:focus neds to be placed after any other a; rules to give a keyboard navigator the same hover experience as the person using a mouse. */

a:focus {
	outline: #FF7F00 solid 2px;
}