/*	
 *	css:		Lean Enterprise Academy screen stylesheet
 *	author:		Stephen Lewis
 *	date:		October 2007
 *	email:		stephen@shed22.org
 */
 
 /*	Color chart ------------------------------
 
	home 		darkblue
	research	darkgreen
	download 	gold
	event		darkorange
	store	 	red
	about		purple
	
	footer		gainsboro	#dcdcdc
----------------------------------------------- */

/* Hide for printed page */
/*
#footer		 	{ display: none; }
#sitemenu 		{ display: none; }
#altmenu 		{ display: none; }
#leader 		{ display: none; }
#sidebar	 	{ display: none; }
*/


/* body --------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Ariel, sans-serif;
	font-size: medium;
	line-height: 1.2em;
	text-align: left;
	color: #333;
	background-color: whitesmoke;
	}


/* General Formatting ----------------------------------- */
/* Main Page Top border color */
body#home 		#main { border-top: 5px solid darkblue; }
body#research	#main { border-top: 5px solid darkgreen;}
body#download 	#main { border-top: 5px solid orange; }
body#event		#main { border-top: 5px solid orangered;}
body#store	 	#main { border-top: 5px solid crimson;}
body#about		#main { border-top: 5px solid purple;}

/* Site menu links */
body#home 		#sitemenu li#menuhome 		a { color: #fff; background-color: darkblue; }
body#research	#sitemenu li#menuresearch	a { color: #fff; background-color: darkgreen;}
body#download 	#sitemenu li#menudownload 	a { color: #fff; background-color: orange; }
body#event		#sitemenu li#menuevent		a { color: #fff; background-color: orangered;}
body#store	 	#sitemenu li#menustore 		a { color: #fff; background-color: crimson;}
body#about		#sitemenu li#menuabout		a { color: #fff; background-color: purple;}

body#store span.left a {
	font-size: 120%;
	}
	

/* links */

a 			{ text-decoration: none; color: darkred; }
a:hover 	{ color: red; border-bottom: 1px solid silver; }
a:visited	{ color: crimson; }
a.link 		{ text-decoration: none; }
a.link:hover { border-bottom: none; }
a img 		{ border: none; }
	
/* paragraph formats*/
p 			{ font-size: 80%; margin: 5px 20px 0; padding: 0; }
p.clear 	{ clear: both; margin-top: 10px;}
p.intro 	{ font-size: 95%; font-style: italic; margin-top: 10px; margin-bottom: 5px; }
	
/* generl formats */
.highlight	{ color: #000; font-style: italic; background-color: #FF8; }
.large 		{ font-size: 90%; }
.small 		{ font-size: 50%; line-height: 1.6em; }
.grey		{ color:  #777;	}
.blue		{ color: darkblue; }


/* lists */
ul, ol 		{ margin: 2px 0 0 0; padding-left: 40px; font-size: 80%; line-height: 1.2em; }
li 			{ margin: 3px 0 0 0; padding-left: 10px; padding-right: 5px;}	

/* link images */
li.link 	{ list-style-image: url(../images/theme/arrow_main.png); }
li.video 	{ list-style-image: url(../images/theme/video.gif); }	
li.pdf		{ list-style-image: url(../images/theme/pdfsmall.jpg) ; }
li.audio	{ list-style-image: url(../images/theme/audio.gif); }
ol.large	{ font-size: 90%; }
li.odd		{ background-color: #eee; color: darkred; font-style: italic;}
li.even		{ background-color: #ddd; color: #333; font-style: italic; }

/* headings */
h1 { color: navy; font-size: 110%; font-weight: bold;   margin: 10px 0 0 20px;    letter-spacing: 2px; }
h2 { color: navy; font-size: 100%; font-weight: bold;   margin: 10px 20px 10px 20px; letter-spacing: 1px; border-bottom: 1px solid #ccc; }
h3 { color: navy; font-size: 90%;  font-weight: bold;   margin: 10px 20px 5px 20px; }
h4 { color: navy; font-size: 90%;  font-weight: bold;   margin: 5px 20px 0 20px;  }
h5 { color: navy; font-size: 90%;  font-weight: normal; margin: 3px 20px 0 20px;  font-style: italic;}
h6 { color: navy; font-size: 90%;  font-weight: normal; margin: 2px 20px 0 20px;  font-style: italic; }


/* Page formating ----------------------------- */

/* wrapper (centered container) */
#wrapper {
	width: 990px;
	margin: 0 auto;
	padding: 0;
	}

/* topline - locator and extra links ----- */
#topline {
	float: left;
	font-size: 10px;
	color: #666;
	width: 740px;
	}

/* header - page banner --------------- */
#header {
	clear: left;
	float: left;
	margin: 0;
	padding: 10px 0 5px;
	height: 65px;
	width: 760px;
	background: whitesmoke url(../images/theme/leaper_header_small.png) no-repeat 10px;
	}
#header h1 { 
	color: navy; 
	font-size: 28px; 
	letter-spacing: 3px;  
	margin: 0 0 5px 110px; 
	clear: left; 
	font-weight: bold;
	font-family: "Arial Black"; 
	}
	
#header h2 { 
	color: darkgray; 
	font-size: 16px; 
	letter-spacing: 6px; 
	margin: 10px 0 0 115px; 
	border: none; 
	font-family: "Bradley Hand ITC TT", "Bradley Hand ITC", "Comic Sans MS", "Cursive";
	}


#altmenu {
	width: 200px;
	float:  right;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: darkgray;
	margin-top: 5px;
	}

#altmenu ul
	{
	list-style: none;
	margin: 2px 5px 2px 10px;
	padding: 0;
	text-align: right;
	color: darkred;
}

#altmenu a {
	color: #666;
	}
#altmenu a:hover
	{
	color: darkred;
	background:	#ccc;
}

#leader {
	background-color: transparent;
	color: darkblue;
	float: right;
	width: 240px;
	}

#leader p {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: center;
	}

/* Leader color */
body#home 		#leader { color: darkblue; }
body#research	#leader { color: darkgreen;}
body#download 	#leader { color: orange; }
body#event		#leader { color: orangered;}
body#store	 	#leader { color: crimson;}
body#about		#leader { color: purple;}

/* event theme headings */
.summit { color: darkred; }

/* top menu */
#topmenu {
	float: left; 
	color: #600; 
	margin: 0; padding: 0; width: 740px;
	}
	
/* main page ------------------------------------- */
#main {
	float: left; 
	color: #; margin: 0; padding: 0; width: 740px;
	border-top: 5px solid #009;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	background: #f9f9f9 url(../images/theme/leaper_background.jpg) no-repeat center 80px;
	}

#main p.top 	{ border-top: 1px solid #ccc;  margin: 0 20px;}
#main p.middle	{ padding-left: 220px; }
#main p.short	{ float: left; clear: left; width: 180px; 
				 color: black; font-style: italic; }

h2 span.timeline {
	font-size: 60%;
	font-weight: normal;
	float:	right; 
	color: #999; 
}

/* column 1 --------------------------------------- */
#column1 {
    float:left;
    clear: both;
    width:350px;
	margin: 2px 0 5px;
    padding-left: 10px;
	text-align: left;
    }

#column1 h2 { margin: 5px 0 5px 10px; }
#column1 h2.top { margin: 0 0 5px 10px; }
#column1 h3 { margin: 1px 0 0 10px; }
#column1 p { margin: 3px 0 3px 10px; }
#column1 p.top { border-top: 1px solid #ccc; margin: 0 10px;	}

/* Column 2 ----------------------------------- */
	
#column2 {
    float:right;
    width:350px;	
	margin: 2px 10px 10px 0px;
   	text-align: left;
    border-left: 1px solid #999;
}
#column2 h2 { margin: 5px 10px 0 20px; }
#column2 h2.top { margin: 0 10px 0 20px; }
#column2 h3 { margin: 5px 10px 0 20px; }
#column2 p { margin: 3px 10px 3px 0; padding-left: 20px; }
#column2 p.top { border-top: 1px solid #ccc; margin: 0 20px;	}
#column2 ul, #column2 ol { padding-left: 40px; }

/* sidebar ----------------------------------- */
#sidebar {
	float: right;
	width: 240px;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 90%;
	line-height: 1.3em;
	color: #333;
	background-color: gainsboro;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 5px solid #009;
	}
#sidebar h2	{ font-weight: normal; margin: 2px 0 0 0; padding: 5px 20px 5px 20px; font-size: 110%; border: none; 
background-color: #ccc;}
#sidebar h3 { font-weight: normal; border-bottom: 1px solid silver; padding-top: 1px; margin: 5px 20px 0 20px; }
#sidebar a 	{ border: none; }
#sidebar ul { padding: 0 15px 0 40px; }
#sidebar li.link { list-style-image: url(../images/theme/arrow_side.png); }

/* My Comment */

#sidebar p.quote {
	background-color: #f5f5f5;
	font-size: 60%; 
	font-style: italic; 
	margin: 5px 10px; 
	padding: 5px 10px;
	line-height: 1.4;
	}
#sidebar div.quote h4 {
	font-size: 80%;
	font-weight: normal; 
	margin: 0 10px; 
	padding: 5px 0 0 20px; 
	background: url(../images/theme/quote_top.jpg) no-repeat top;
	}
#sidebar div.quote h5 {
	height: 30px; 
	padding-left: 5px;
	margin: 0 10px; 
	background: url(../images/theme/quote_bot.jpg) no-repeat bottom; 
	}

#sidebar #checkout a:link, #sidebar #checkout a:visited 
{
	color: #222;
	background-color: #BBB;
	border-left: 2px solid #CCC;
	border-top: 2px solid #CCC;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	text-align: center;
	font-size: 10pt;
	margin: 1px 10px 20px 20px;
	padding: 5px 10px;
	text-decoration: none;
}

#sidebar #checkout a:hover
	{
	color: #444;
	background-color: #AAA;
	border-left: 2px solid #999;
	border-top: 2px solid #999;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
}

#ordersummary {
	padding: 3px 10px 10px 20px;
	margin: 10px;
	border: 1px solid #CCC;
	background-color: #EEE;
	font-size: 80%;
	color: #333;
	}

#ordersummary h5	{ margin-left: 0; font-size: 120%; }


/* Main Page Top border color */
body#home 		#sidebar { border-top: 5px solid darkblue; }
body#research	#sidebar { border-top: 5px solid darkgreen;}
body#download 	#sidebar { border-top: 5px solid orange; }
body#event		#sidebar { border-top: 5px solid orangered;}
body#store	 	#sidebar { border-top: 5px solid crimson;}
body#about		#sidebar { border-top: 5px solid purple;}



/* footer */
#footer {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
	width: 740px;
	height: 50px;
	background-color: gainsboro;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
#footer p { font-size: 70%; line-height: 1.6em; color: #666; }
#footerleft { float: left; width: 500px; }
#footerright { float: right; width: 260px; }

#footmenu {
	width: 200px;
	float:  right;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: darkgray;
	}

#footmenu ul
	{
	list-style: none;
	margin: 2px 5px 2px 10px;
	padding: 0;
	text-align: right;
	color: darkred;
}

#footmenu a {
	color: #666;
	}
#footmenu a:hover
	{
	color: darkred;
	background:	#ccc;
}


#footer2 {
	float: right;
	width: 115px;
	height: 47px;
	text-align: right;
	background-color: #ccc;
	border-top: 3px solid #eee;
	border-left: 3px solid #eee;
	border-right: 3px solid #999;
	border-bottom: 3px solid #999;
	}
#footer3 {
	width: 120px;
	height: 47px;
	float: right;
	text-align: right;
	background-color: #ccc;
	border-top: 3px solid #eee;
	border-left: 3px solid #eee;
	border-right: 3px solid #999;
	border-bottom: 3px solid #999;
	}
#footer2 p {
	font-size: 75%; text-align: center; }
#footer3 p {
	font-size: 75%; text-align: center;}
	
/* Sitemenu - navigation -------------------------------- */
#sitemenu { width: 740px; clear: both; float: left;}
#sitemenu ul { 	margin: 0; padding: 0; list-style-type: none; }
#sitemenu li { margin: 0; padding: 2px 0 0 0; float: left; letter-spacing: 2px; font-size: 12px; }
#sitemenu a { float: left; font-weight: bold; text-decoration: none; text-align: center; padding: 5px 18px; border-left: 1px solid #ccc; }
#sitemenu a:hover { border-bottom: none; }



/* Sitemenu - color code ------------------------- */
#sitemenu li#menuhome 		a { color: darkblue; }
#sitemenu li#menuresearch	a { color: darkgreen; }
#sitemenu li#menudownload 	a { color: orange; }
#sitemenu li#menuevent		a { color: orangered; }
#sitemenu li#menustore 		a { color: crimson; }
#sitemenu li#menuabout		a { color: purple; }

/* Sitemenu - hover -------------------------------- */ 
#sitemenu li#menuhome		a:hover { background-color: darkblue; color: white;}
#sitemenu li#menuresearch	a:hover { background-color: darkgreen; color: white;}
#sitemenu li#menudownload 	a:hover { background-color: orange; color: white;}
#sitemenu li#menuevent 		a:hover { background-color: orangered; color: white;}
#sitemenu li#menustore 		a:hover { background-color: crimson; color: white;}
#sitemenu li#menuabout 		a:hover { background-color: purple; color: white;}

		
h2.home 	{ border-top: 5px solid darkblue; }
h2.research	{ border-top: 5px solid darkgreen; }
h2.download 	{ border-top: 5px solid orange; }
h2.event 	{ border-top: 5px solid orangered; }
h2.store 	{ border-top: 5px solid crimson; }
h2.about 	{ border-top: 5px solid purple; }
	
/* Copyright */

#copyright {
	clear: left;
	margin: 0 auto;
	width: 980px;
	font-size: 60%;
	color: gray;
	}

/* box */

div.box {
	background-color: #eee;
	margin: 5px 1px 10px 10px;
	padding: 2px;
	text-align: left;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #e5e5e5;
	}	

div.large {
	font-size: 100%;
	font-style: italic;
	color: darkblue;
	}

div.large li {
	margin: 5px;
	}
		
/* span layout ------------------------------------- */
span.left	{ float: left; }
span.right 	{ float: right; }
span.w5 	{ width: 5%; }
span.w20 	{ width: 19%; }
span.w30 	{ width: 29%; }
span.w50	{ width: 49%; }
span.w60	{ width: 59%; }
span.w70 	{ width: 69%; }	
span.new 	{ color: red; font-weight: bold; }
span.small	{ font-weight: normal; font-size: 80%; }
span.large  { font-size: 110%; font-style: italic;}
span.gray	{ color: #666; }

/* tables -------------------------------------*/
table {
	background: #CCC;
	color: Black;
	font-size: 9pt;
	margin: 10px 20px;
}
table.small { color: #000066; font-style: italic; }
table image { width: 100px; }
td { background: #FFF; padding: 2px 5px; }
th { background: #DCDCDC; color: #000066; text-align: center; }
tr { border: 1px; border-color: #0000FF; margin: 2px; }

/* ***********************************************
   CLASSES
   *********************************************** */
/* top of page box */	
.topbutton {
	background: #CCC;
	float: right;
	clear: both;
	width: 90px;
	height: 20px; 
	border-top: 1px solid #EEE;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #EEE;
	padding: 3px 5px;
	margin: 5px;
	font-size: 8pt;
	text-align: center;
	}
.topbutton a { color: #666; background: #ccc; text-decoration: none; }
.topbutton a:hover { color: #333; }


/* Side bar button links */	
.sidebutton {
	background: #bbb;
	float: right;
	clear: right;
	width: 190px;
	border-top: 1px solid #ddd;
	border-right: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	border-left: 1px solid #ddd;
	padding: 5px 10px;
	margin: 10px 15px 0 0;
	font-size: 9pt;
	font-style: italic;
	text-align: right;
	color: #666;
	}

.sidebutton a { color: darkred; text-decoration: none; }
.sidebutton a:hover { color: red; }	

	
/* Image formatting -------------------------- */
img { border:	none; margin: 2px 0; }
img.border	{ border: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999;	}
img.pad 	{ padding: 5px; background-color: #fff; }	
img.right	{ float: right; margin-left: 20px;}
img.left 	{ float: left; margin-right: 20px; }
img.lgn 	{ height: 40px; margin-right: 20px ; }
img.leaper 	{ width: 60px; margin-left: 10px; }
img.icon 	{ width: 15px; margin: 2px 10px 0 0; }
img.book 	{ width: 40px;  }
img.kit		{ height: 60px; }

img.xxsmall { width: 28px; margin: 1px 10px 2px 0;}
img.xsmall 	{ width: 50px; }
img.small 	{ width: 60px; }
img.medium 	{ width: 100px; } 
img.large 	{ width: 150px; }
img.xlarge 	{ width: 200px; }
img.xxlarge { width: 240px;	}
img.inline	{ margin: 0;}


/* Form elements */

label {
 	float:left;
	width: 150px;
	margin: 0;
	padding: 1px 0;
	color: #666;
	font-style: italic;
	font-size: 12px;
	}
	
select {
	margin: 1px 10px 1px 5px;
	width:205px;
	}

input, textarea {
	margin: 2px 10px 2px 5px;
	width:200px;
	}

input[type="submit"] {
	margin-top: 10px;
	width: 200px
	}
	
input[type="checkbox"] {
	width: 20px
	}

input#send,
input#clear,
input#Password {
	width: 100px;
	}

input#Title,
input#PostCode { 
	width:120px; 
	}

textarea#txtComment {
	width:500px;
}