@charset "UTF-8";
/* CSS Document */

/*
***********************************************************

jonwilks.co.uk

Title:			screen.css
Browser(s): 	All

Author: 		James Perry 
Created: 		12.06.2008

Colour palette

lime green #8cc732

navy #4b5259

***********************************************************
*/


/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Global reset ENDS */ 

/* layout */

body {
	background: #fff url(../images/body_bg.gif) repeat;
	font-size: 71%;
	color: #333333;
	
}

#container {
	width: 850px;
	background-color:#4b5259;
	margin: 0 auto;
	
	
}

#content-container {
	
	width:850px;
	background-color:#ffffff;
	
	
}



#header{
float:left;
	width:850px;
	height:160px;
	background-color:#333333;
	background-image: url(../images/shade.png); background-position: 0px 0px; background-repeat: repeat-x;
}

#header-text {
	float:left;
	margin-left:30px;
	margin-top:60px;
	width:550px;
	height:55px;
	
}

#logo img {
	float:right;
	margin-right:30px;
	width:145px;
	height:160px;
	
}


#leftcol {
	float: left;
	height:550px;
	width: 200px;
	background-color: #4b5259;
}

#rightcol {
	float: left;
	height:550px;
	width: 650px;
	background-color:#FFFFFF;
	overflow:auto;
	}
	
#rightrol-padding{ padding: 10px; }	

#footer{
	float:left;
	width:850px;
	height:40px;
	background-color:#333333;
	background-image: url(../images/shade-footer.png); background-position: bottomx; background-repeat: repeat-x;
}


/* -----------navigation--------------------------- */

#navcontainer { width: 200px; padding-top:15px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 5px 0px 5px 0px;
width: 190px;
background-color: #333333;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
padding-left:10px;
text-decoration: none;
}

#navcontainer a.current
{
color:#ffffff;
background-color: #4b5259;

}

#navcontainer a:hover
{
background-color: #8cc732;
color: #fff;
}

#navcontainer a:active
{
background-color: #333333;
color: #8cc732;
}

a{color:#4b5259;text-decoration:none; border-bottom:1px dotted #6E9737;}
a:visited{color:#4699CF;}
a:hover,a:focus{color:#6E9737;text-decoration:none; border-bottom:1px solid #6E9737;}



h1,h2,h3,h4,h5,h6{font-weight:normal;}


h1{font-size:2.1em;line-height:normal;font-family:Georgia, "Times New Roman", Times, serif;margin-top:0;padding-top:0;color:#4b5259; border-bottom: 1px solid  #CCCCCC;}

h2{font-size:1.3em;line-height:normal;font-family:Verdana, Arial, Helvetica, sans-serif;margin-top:0;padding-top:0;color:#4b5259; line-height:140%;}

h3{font-size:1.3em;line-height:normal; font-family:Verdana, Arial, Helvetica, sans-serif;margin-top:0;padding-top:0;color: #6E9737;line-height:140%; font-weight:bold;}

p{font-size:0.9em;line-height:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:0;padding-top:0;color:#333333;line-height:160%;}


.float-image-right{ float:right; padding:10px;}

.float-image-left{ float:left; padding:10px;}

.pullquote {
width:50%;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:1.5;
font-size:1.2em;
text-align:left;
background:#4b5259;
color:#ccc;
display:block;
margin: 0.25em 1em 0.5em 0;
padding:1em;
}