/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */


/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 

   because underlines obscure the shapes of the lower halves of words */

:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */

ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */

/* and pre/code too */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */

/* the default spacing on headings does not match nor align with 

   normal interline spacing at all, so let's get rid of it. */

/* zero out the spacing around pre, form, body, html, p, blockquote as well */

/* form elements are oddly inconsistent, and not quite CSS emulatable. */

/*  nonetheless strip their margin and padding as well */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

{ margin:0; padding:0 }


/* whoever thought blue linked image borders were a good idea? */

a img,:link img,:visited img { border:none }


/* de-italicize address */

address { font-style:normal }


/* this adds a vertical scrollbar to all pages in non IE browsers, stopping the jumping as page lengths vary and scroll bars come and go */

html{
	height: 100%;
	margin-bottom: 1px;
}

/* finish undo html */


/* Main positioning and colours */

body  {
	margin:10px 0 10px 0;
	padding:0;
	font-family:verdana, arial, times, georgia, sans-serif;
	background-color: #222021;
	
}

#wrapper {
	height:100%;
	margin:auto;
	overflow:auto;
	width:950px;
	color:#ffffff;
}

#header {
	padding-top: 7px;
	margin-bottom: 10px;
}
#navcontainer {
	padding: 7px 0 7px 0;
}
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #222021;
color: White;
float: right;
width: 100%;
font-family:verdana, arial, times, georgia, sans-serif;
font-size: 90%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.1em 0.75em;
background-color: #222021;
color: White;
text-decoration: none;
float: right;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #8d8d8d;
color: #fff;
}

body#home a#current {
	background-color: #8d8d8d;
}

#main_col {

margin-top: 40px;
	
}

#main_col p {

	line-height: 140%;
	font-size: 90%;
	padding: 1% 0 1% 0;
}

#main_col h1 {
font-family: "Century Gothic", verdana, arial, times, georgia, sans-serif;
font-weight:normal;
	 font-size: 180%;
	 padding-bottom: 20px;
}

#main_col h2 {
font-family: "Century Gothic", verdana, arial, times, georgia, sans-serif;
font-weight:normal;
	font-size: 160%;
	 padding-bottom: 5px;
}

#main_col h3 {
font-family: "Century Gothic", verdana, arial, times, georgia, sans-serif;
font-weight:normal;
	font-size: 140%;
	 padding-bottom: 3px;
}

#main_col h4 {
font-family: "Century Gothic", verdana, arial, times, georgia, sans-serif;
font-weight: normal;
	font-size: 120%;
	 padding-bottom: 3px;
}

#main_col a {
	color: #ffd700;
	text-decoration: underline;
}

#standfirst {
	 font-size: 110%;
	 font-style: italic; 
	 padding-bottom: 15px;
}


/* 3 col layout for links follows */

/* left col */

#col_one {
 width: 250px;
 float: left;
 border: 1px dotted #ffd700;
 padding: 5px;
}

#two_col_bloc {
	width:555px;
	float: right;
	padding-right: 105px;
}

#col_two {
 width: 250px;
 float: left;
 border: 1px dotted #ffd700;
 padding: 5px;
	
}

#col_three {
 width: 250px;
 float: right;
 border: 1px dotted #ffd700;
 padding: 5px;
	
}




#footer{
	
}


/* handling images on the site */

.left_img {
	float:left;
	padding:3px;
	margin-right:12px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #ffffff;
}

.left_img div {
	font-family: verdana, arial, times, georgia, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	padding: 4px 0px 4px 0px;
}

#pageturn {
 float: right;
 
}