/* CSS Document */
/* CSS Reset 
* { outline: 0; }
html, body { min-height: 100%;  }
body, ul, ol, dl { margin: 0; }
img { border: 0; }
article, aside, audio, footer, header, nav, section, video { display: block }
img.right { float: right; margin-left: 2em; clear: right; }
img.left { float: left; margin-right: 2em; clear: left; }
table { border-collapse: collapse; }
th { background: #000; color: #fff; }
td { padding: 1em; border: 1px solid black; }
*/


html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed,  
figure, figcaption, footer, header, hgroup,  
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 

/* HTML5 display-role reset for older browsers */ 



article, aside, details, figcaption, figure,  
footer, header, hgroup, menu, nav, section { 
    display: block; 
} 
body { 
    line-height: 1; 
} 

ol, ul { 
    list-style: none; 
} 

blockquote, q { 
    quotes: none; 
} 

blockquote:before, blockquote:after, 
q:before, q:after { 
    content: ''; 
    content: none; 
} 

table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 



body
{
	background: url(http://www.jamesfarrington.co.uk/slider/img/background.png) repeat top center;
}

#container
{
	margin-left:20px;  /*Centers the Wrapper in the page */
	margin-right:20px; /* Centers the Wrapper in the page */
    margin-top:25px; /* Moves the Wrapper down the page */
	margin-bottom:20px;
	border:groove;  /* Styles of the black Boarder */  
	background-color: #FFF; /* Colour of the Background Grey */
	border-radius: 15px;
	padding:0px 0px; 

}

#accesability
{
margin-top:10px;
}

#branding
{
	height:55px;
	background-color:#FFF;
	margin-top:30px;
}
#contentwrapper
{
	
	background-color:#FFF;
	clear:both;
}

#subcontent
{
	background-color:#999;
	border-top-left-radius:15px;
	border-bottom-right-radius:15px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	margin-top:10px;	
}

#conclusion
{
	background-color:#666;
	border-top-left-radius:15px;
	border-bottom-right-radius:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius:15px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	margin-top:10px;
	
}
#conclusion p
{
	padding:2%;
}

#subcontent p
{
	color:#000;
}

p
{
	padding:2%;
	font-size:14px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0px 0px 10px;
	text-align:justify;
	
}


#footer 
{  
	      
	background-color:#000;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	margin-top:10px;	
}  
#footer p
{  
	      
	color:#FFF;
	text-align:center;
	font-size:10px;
}  


/**
#importantpeople
{
	background-color:#333;
	border-top-left-radius:15px;
	border-bottom-right-radius:15px;
	padding-top:10px;
	padding-bottom:10px;
	}
**/
/**
#sites
{
	background-color:#999;
}
**/

.sitesimg
{
	padding-bottom:10px;
	display:block;
	margin-left:auto;
	margin-right:auto;
		border-bottom-right-radius: 15px; 
		border-top-left-radius:15px;
}

#people
{
	text-align:justify;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#333;
		border-bottom-right-radius: 15px; 
		border-bottom-left-radius:15px;
		margin-top:10px;
}		
.peopleimg
{
	padding-bottom:10px;
	padding-top:10px;
	display:block;
	margin-left:auto;
	margin-right:auto;
		border-bottom-right-radius: 15px; 
		border-top-left-radius:15px;
}		
	

#people p
{
	color:#FFF;
}





/* Accessability Access Key */

.skip 
{ 
	position:absolute; 
	top:0; 
	left:-9999px; 
} 



h1
{
		color: #623f99;
		display: block;
		font-weight: bold;
		margin: 0 0 .6em .2em;
		text-decoration: none;
		font-size: 2em;
		padding:2%;

	}
h2
{
		color: #623f99 ;
		display: block;
		font-weight: bold;
		margin: 0 0 .6em .2em;
		font-size: 1.5em;
		padding:2%;	
	}

h3
{
	color: #623f99 ;
		display: block;
		font-weight: bold;
		margin: 0 0 .6em .2em;
		font-size: 1em; 
		padding:2%;
}

h4
{
		color: #623f99 ;
		display:block;
		font-weight: bold;
		margin: 0 0 .6em .2em;
		text-decoration: underline;
		font-size: 1.75em; 
		padding:2%;
		text-align:center;
}

h5
{
		color: #623f99 ;
		display: block;
		font-weight: bold;
		margin: 0 0 .6em .2em;
		text-decoration: none;
		

		padding:2%;
	font-size:11px;
}


h6
{
	text-align:center
	font-size:11px
}


/** Styling to enable code view on browser **/
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .prettyprint .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  margin-left:10px;
 margin-right:10px;	
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
}
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
}

.col{
margin-bottom: -99999px;
padding-bottom: 99999px;
background-color:#ffc;
}

.col-wrap{  
overflow: hidden;   
}