/*

DARK GREEN:		#14632c
MID GREEN:		#438256
LIGHT GREEN:	#72a07d
LIGHT GREY:		#e1e1e1
DARK GREY:		#828282

*/

	/* 
		GENERAL PAGE SET UP
		--------------------------------
	*/
		html {font-size:small;}
		body {font-size:0.95em;}
	
		html,
		body
		{
			margin:0;
			padding:0;
			height:100%;
			width:100%;
			overflow:hidden;
			font-family:arial, sans-serif;
		}
		
		td
		{
			font-family:arial, sans-serif;
			font-size:small;
		}
		
		td *
		{
			font-size:90%;
		}
	
	
	/* 
		SIDEBAR
		Logos, some sub-nav
		--------------------------------
	*/
		#sidebar
		{
			z-index:2;
			position:absolute;
			top:10px;
			left:50%;
			width:95px;
			height:auto;
			margin:0 0 0 -396px;
			padding:0;
		}
		
		#sidebar h1
		{
			margin:0 0 2px 0;
			text-align:center;
		}
		
		#sidebar h2
		{
			margin:0;
			text-align:center;
		}
		
		#sidebar ul
		{
			margin:1em 0 0 0;
			padding:0;
			list-style:none;
			border-bottom:1px solid #828282;
		}
		
		#sidebar li
		{
			border-top:1px solid #828282;
			line-height:1.3em;
			text-transform:uppercase;
			font-weight:bold;
			padding:1px 0;
		}
		
		#sidebar li a
		{
			text-decoration:none;
			display:block;
			color:#828282;
			padding:0 2px;
		}
		
		#sidebar a:hover
		{
			color:white;
			background:#438256;
		}
		
		
	/* 
		MAIN NAVIGATION
		--------------------------------
	*/
		#navigation
		{
			position:absolute;
			top:0;
			border-top:10px solid white;
			left:50%;
			width:675px;
			margin:0 0 0 -295px;
			height:auto;
			z-index:2;
			background:white;
		}
		
		#navigation ul
		{
			margin:0;
			padding:0;
			list-style:none;
			clear:left;
			height:1.3em;
			border-bottom:2px solid white;
			
			color:#fff;
			background:url('../images/grid.gif');
		}

		#navigation ul.public
		{
			background:#e1e1e1;	/* NOTE: we don't use the grid image for public menus */
			border-right:2px solid white;
			display:none;
		}

		#navigation ul.level1
		{
			background-color:#438256;
		}
		
		#navigation ul.level2
		{
			background-color:#72a07d;
		}
		
		#navigation ul.level3
		{
			background-color:#828282;
			display:none;
		}
		
		body.public #navigation ul {display:none;}
		body.public #navigation ul.public {display:block;}
		
		body.article #navigation ul.level3,
		body.details #navigation ul.level3 {display:block;}
		
		#navigation li
		{
			float:left;
			border-right:2px solid white;
			margin:0;
			padding:0;
			text-align:center;
			width:133px;
			overflow:hidden;
		}
		
		#navigation li input
		{
			left:0;
			font-size:1em;
			height:1.3em;
			width:133px;
			border:none;
			margin:0;
			padding:0;
			display:block;
		}
		* html #navigation li input
		{
			margin:-1px 0;
		}
		
		#navigation ul.level2 li.double
		{
			font-weight:bold;
			width:268px;
			background-color:#72a07d;
			position:relative;
			height:1.3em;
			line-height:1.3em;
		}

		#navigation ul.level2 li.double img
		{
			vertical-align:middle;
		}

		#navigation ul.level2 li.double a
		{
			position:absolute;
			top:0;
		}
		
		#navigation ul.level2 li.double a.next
		{
			padding:0 2px 0 3px;
			right:0;
			border-left:2px solid #fff;
		}
		
		#navigation ul.level2 li.double a.previous
		{	
			padding:0 3px 0 2px;
			left:0;
			border-right:2px solid #fff;
		}
		
		#navigation a
		{
			display:block;
			line-height:1.3em;
			height:1.3em;
			overflow:hidden;
			text-decoration:none;
			text-transform:uppercase;
			font-weight:bold;
			color:#fff;
		}
		
		#navigation a:hover,
		#navigation li.selected a
		{
			background:#f00;
		}
		
		#navigation ul.public a
		{
			color:#828282;
		}
		
		#navigation ul.public a:hover,
		#navigation ul.public li.selected a
		{
			color:white;
			background:#438256;
		}
		
		#navigation ul.popup-menu
		{
			position:absolute;
			left:0;
			display:none;
			border:none;
			border-top:2px solid white;
		}
		#navigation li.hover ul.popup-menu
		{
			display:block;
		}
		
		#navigation ul.popup-menu li
		{
			float:none;
			text-align:left;
			background-color:#e1e1e1;
			border-bottom:2px solid white;
		}
		#navigation ul.popup-menu li a
		{
			color:#828282;
			padding:0 0 0 2px;
		}
		#navigation ul.popup-menu li a:hover
		{
			color:#fff;
		}
		
		
	/* 
		MAGIC SCROLLING BOX
		--------------------------------
	*/
		#container
		{
			z-index:1;
			position:absolute;
			top:0;
			left:0;
			overflow:scroll;
			padding:0;
			margin:0;
			height:100%;
			width:100%;
		} 
		* html #container
		{
			border-left:1px solid white;
		}
		
		
	/* 
		MAIN PAGE CONTENT
		--------------------------------
	*/
		#content
		{
			position:absolute;
			left:50%;
			width:675px;
			margin:3.9em 0 0 -287px;	/* NOTE: This margin is manipulated by JS in ../templates/footer.tpl to fix some browser scrollbar width inconsistancies */
			padding:0 0 2em 0;
			border-top:15px solid white;
		}
		* html #content
		{
			border-top-width:15px;
		}
		body.public #content
		{
			margin-top:1.3em;
			border-top-width:12px;
		}
		body.details #content
		{
			margin-top:5.2em;
			border-top-width:18px;
		}
		* html body.details #content
		{
			border-top-width:16px;
		}
		body.article #content
		{
			margin-top:13.7em;
			border-top-width:20px;
		}
		* html body.article #content
		{
			border-top-width:20px;
		}
		
		
	/* 
		ARTICLE TITLE
		--------------------------------
	*/
		#article-title
		{
			display:none;
		}
		
		body.article #article-title
		{
			display:block;
			position:absolute;
			background:#fff;
			left:50%;
			top:5.2em;
			width:540px;
			height:8em;
			padding:0.5em 0 0 0;
			margin:18px 0 0 -295px;
			z-index:2;
			border-bottom:2px solid #e1e1e1;
		}
		* html body.article #article-title
		{
			margin-top:16px;
		}
		
		#article-title h2
		{
			margin:0;
			font-size:1.75em;
			line-height:1em;
		}
		
		#article-title h3
		{
			margin:0;
			font-size:1.75em;
			line-height:1em;
			font-weight:normal;
		}
		
		
		
	/* 
		RIGHT HAND MENU
		--------------------------------
	*/
		#right-content
		{
			width:133px;
			height:auto;
			position:absolute;
			top:3.9em;
			left:50%;
			margin:15px 0 0 245px;
			padding:0;
			z-index:2;
		}
		* html #right-content
		{
			margin-top:15px;
		}
		body.public #right-content
		{
			top:1.3em;
			margin-top:12px;
		}
		body.details #right-content
		{
			top:5.2em;
			margin-top:18px;
		}
		* html body.details #right-content
		{
			margin-top:16px;
		}
		body.article #right-content
		{
			top:13.7em;
			margin-top:18px;
		}
		* html body.article #right-content
		{
			margin-top:15px;
		}
		
		#right-content h3
		{
			text-transform:uppercase;
			background:#828282;
			color:white;
			margin:0;
			font-size:100%;
			text-align:center;
			line-height:1.3em;
			border-bottom:2px solid white;
		}
		
		#right-content h3 a
		{
			color:white;
		}
		
		#right-content ul
		{
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#right-content li
		{
			line-height:1.3em;
			text-transform:uppercase;
			border-bottom:2px solid white;
			background:#e1e1e1;
		}
		
		#right-content a
		{
			display:block;
			padding:0 2px;
			color:#828282;
			text-decoration:none;
			font-weight:bold;
		}
		
		#right-content h3 a.toggle:hover
		{
			color:#000;
			background:none;
		}
		
		#right-content a:hover,
		#right-content li.selected a
		{
			background:#f00;
			color:#fff;
		}
	
	
	
	
	
	
		a img {border:none;}
		img {vertical-align:bottom;}

/****************************************************** OLD STYLES **********************************************/


/*
body
{
	margin:0;
	padding:0;
	font-family:arial, sans-serif;
}

#container
{
	margin:0 auto;
	padding:10px 0 0 0;
	width:776px;
}

h1
{
	margin:-1px 0 0 0;
}

#left-bar
{
	position:absolute;
	width:95px;
	text-align:center;
	display:block;
}

#left-bar ul
{
	border-bottom:1px solid #828282;
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
	text-transform:uppercase;
	font-size:70%;
}

#left-bar ul li
{
	margin:0;
	font-weight:bold;
	border:1px solid white;
	border-top-color:#828282;
}

#left-bar ul li.selected a,
#left-bar ul li a:hover
{
	background:#438256;
	color:white;
}

#left-bar ul li a
{
	text-decoration:none;
	color:#828282;
	display:block;
	padding:2px 0 0 1px;
	margin:1px 0;
}

* html #left-bar ul li a
{
	padding:0 0 0 2px;
}

#content
{
	margin:0 0 0 100px;
	padding:0;
	clear:none;
	position:relative;
}

* html #content
{
	padding:0 0 0 100px;
	margin:0;
}

#nav,
#nav-2,
#nav-3
{
	background:url('../images/nav-back.png');
	padding:0 0 0 0;
	border-bottom:1px solid white;
}
* html #nav,
* html #nav-2,
* html #nav-3
{
	margin:0 1px 0 -1px;
	background-position:1px 0;
}

#nav-2
{
	margin-top:-1px;
	margin-bottom:-1px;
	background:url('../images/nav-2-back.png') 0 0;
}
* html #nav-2
{
	margin:-1px 1px -1px -1px;
}

#nav-3
{
	margin-bottom:-1px;
	background:url('../images/nav-3-back.png') 0 0;
}
* html #nav-3
{
	margin:-1px 1px 1px -1px;
	background-position:1px 0;
}

#nav ul,
#nav-2 ul,
#nav-3 ul
{
	clear:left;
	list-style:none;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:70%;
	font-weight:bold;
}

#nav ul li,
#nav-2 ul li,
#nav-3 ul li
{
	float:left;
	clear:none;
	width:133px;
	margin:0 1px 0 1px;
	padding:0;
	border-top:2px solid white;
	text-align:center;
}

#nav-2 ul li.double
{
	width:268px;
	background:#72a07d;
	line-height:1.5em;
	color:white;
	position:relative;
}

#nav-2 ul li.double a img
{
	position:absolute;
	left:50%;
	top:50%;
	margin:-3px 0 0 -7px;
}
* html #nav-2 ul li.double a img
{
	margin:-2px 0 0 -6px;
}

#nav-2 ul li.double a.next,
#nav-2 ul li.double a.previous
{
	position:absolute;
	width:15px;
	padding:0 2px;
	margin:0;
	display:inline;
	line-height:1.5em;
	height:1.5em;
}

#nav-2 ul li.double a.previous
{	
	left:0;
	border-right:2px solid white;
}

#nav-2 ul li.double a.next
{
	right:0;
	border-left:2px solid white;
}

* html #nav-2 ul li.double a.previous,
* html #nav-2 ul li.double a.next
{
	padding:0 2px 0 2px;
	margin:-2px 0 0 0;
}

#nav ul li a,
#nav-2 ul li a,
#nav-3 ul li a
{
	text-decoration:none;
	background:#438256;
	color:white;
	display:block;
	line-height:1.5em;
}
* html #nav ul a,
* html #nav-2 ul a,
* html #nav-3 ul a
{
	height:1.5em;
}

#nav-2 ul li a
{
	background:#72a07d;
}

#nav-3 ul li a
{
	background:#828282;
}

#nav.public
{
	margin:-1px -1px 0 -1px;
	border:1px solid white;
	background:url('../images/main-back.png') 1px -133px;
}
* html #nav.public
{
	background-position:2px -133px;
	border-right:none;
}

#nav.public ul li a
{
	background:#e1e1e1;
	color:#888;
}

#nav.public ul li.selected a,
#nav.public ul li a:hover
{
	background:#438256;
}

#nav ul li a:hover,
#nav ul li.selected a,
#nav-2 ul li a:hover,
#nav-2 ul li.selected a,
#nav-3 ul li a:hover,
#nav-3 ul li.selected a
{
	background:red;
	color:white;
}

#nav-2 input
{
	border:none;
	width:131px;
	margin:-1px;
	padding:2px;
}
* html #nav-2 input
{
	padding:inherit;
	margin:-2px -2px -3px -2px;
}

#nav .popup-menu,
#nav-2 .popup-menu,
#nav-3 .popup-menu
{
	position:absolute;
	width:133px;
	z-index:50;
	font-size:100%;
	display:none;
}

* html #nav .popup-menu,
* html #nav-2 .popup-menu,
* html #nav-3 .popup-menu
{
	margin-left:-68px;
}

#nav li.hover .popup-menu,
#nav-2 li.hover .popup-menu,
#nav-3 li.hover .popup-menu
{
	display:block;
}

*/

	/* 
		FLOATING ADVANCED SEARCH BOX
		--------------------------------
	*/
		#advanced-search-mask
		{
			display:none;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:99;
		}
	
		#advanced-search
		{
			border:1px solid #000;
			padding:0 0 10px 269px;
			background:white;
			position:absolute;
			width:402px;
			opacity:.95;
			/*filter:alpha(opacity=95);*/
			display:none;
			z-index:100;
			top:3.9em;
			left:50%;
			margin:15px 0 0 -295px;
		}
		
		#advanced-search a.close
		{
			position:absolute;
			display:block;
			right:0;
			top:0;
			border-left:2px solid #fff;
			color:#fff;
			text-decoration:none;
			text-align:center;
			height:1.7em;
			line-height:1.7em;
			width:1.7em;
			text-align:center;
			font-weight:bold;
		}
		
		#advanced-search h3
		{
			color:white;
			background:red;
			margin:0 0 5px 0;
			font-size:100%;
			text-transform:uppercase;
			text-align:center;
			height:1.7em;
			line-height:1.7em;
			width:398px;
			padding:0 2px;
		}
		
		#saved-searches
		{			
			position:absolute;
			left:0;
			top:0;
			width:267px;
		}

		#saved-searches h3
		{
			width:auto;
			margin:0;
		}
		
		#saved-searches .options
		{
			text-align:center;
		}
		
		#saved-searches .options select
		{
			width:220px;
		}
		
		#saved-searches input
		{
			border:1px solid black;
			clear:left;
		}
		* html #saved-searches input
		{
			border:none;
		}
		
		#saved-searches input.submit
		{
			border:none;
		}
		
		#saved-searches ul
		{
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#saved-searches ul li
		{
			border-top:2px solid white;
			background:#e1e1e1;
			margin:0;
			padding:2px;
		}
		
		#saved-searches ul li.mail
		{
			background:#e1e1e1 url('../images/mail.png') 100% 50% no-repeat;
		}

#ss-select-all
{
	float:left;
	padding:0;
	margin:0;
	border:none;
}

#ss-status
{
	text-align:center;
	margin:-2px 0 0 0;
}

#saved-searches a
{
	text-decoration:none;
	color:black;
	text-transform:uppercase;
}

#adv-search-options
{
	background:#e1e1e1;
	height:290px;
	overflow:auto;
	margin:0 2px 0 0;
	padding:5px;
}

#adv-search-options input,
#adv-search-options select
{
	border:1px solid #828282;
	margin:1px;
}

#adv-search-options input.text
{
	width:100px;
}

#adv-search-options .add-button,
#adv-search-options .delete-button,
#adv-search-options .delete-button-disabled
{
	border:none;
	background:red;
	color:white;
	font-weight:bold;
	margin:1px 1px 1px 0;
	padding:2px;
	width:auto;
}

#adv-search-options .delete-button-disabled
{
	background:#fcc;
	margin-right:3px;
}

#adv-search-options .delete-button
{
	margin-right:3px;
}

#adv-search-options label.section,
#adv-search-options label.category,
#adv-search-options span.date
{
	display:block;
	margin-left:100px;
}

#adv-search-submit
{
	margin:10px 0 0 1px;
	border:none;
	color:white;
	background:red;
	font-weight:bold;
	text-transform:uppercase;
}

p.refine-search
{
	margin:0 0 0 40px;
}

p.refine-search a
{
	color:blue;
	text-decoration:none;
}

p.refine-search a:hover
{
	text-decoration:underline;
}

	/* 
		HOME PAGE NEWS ITEMS
		--------------------------------
	*/
		#home-news
		{
			width:133px;
			padding:0;
			position:absolute;
		}
		
		#home-news h2,
		#home-news h3
		{
			margin:0 0 2px 0;
			padding:2px 0;
			text-transform:uppercase;
			text-align:center;
			background:#aaa;
			font-size:100%;
			color:white;
		}
		
		#home-news a
		{
			color:#000;
		}
		
		#home-news ul
		{
			margin:0;
			padding:2px;
			list-style:none;
		}
		
		#home-news li
		{
			padding-bottom:5px;
		}


	/* 
		HOME PAGE CONTENT
		Just a wrapper for an entry-list
		--------------------------------
	*/
		#home-content
		{
			padding:0 0 0 135px;
		}


	/* 
		PUBLIC PAGES
		--------------------------------
	*/
		#crossfade-container
		{
			margin-right:-1px;
		}
		
		div.crossfader 
		{
			position:relative;
			padding:0;
			margin:0 2px 2px 0;
			height:178px;
			float:left;
		}
		
		div.crossfader img 
		{
			position:absolute;
			z-index:1;
		}
		
		#public-flash-container
		{
			text-align:center;
			position:absolute;
			left:-2px;
			top:-2px;
		}
		
		#public-flash-container a
		{
			color:black;
			text-decoration:none;
		}
		#public-flash-container a:hover
		{
			text-decoration:underline;
		}
		
		#public-portrait-container,
		#public-landscape-container
		{
			position:relative;
		}
		
		#public-landscape-container .background,
		#public-portrait-container .background
		{
			position:absolute;
			top:0;
			z-index:2;
			width:663px;
			height:168px;
			padding:5px;
			background:#14632c;
			opacity:0.85;
			filter:alpha(opacity=85);
		}
		
		#public-landscape-container .foreground,
		#public-portrait-container .foreground
		{
			position:absolute;
			z-index:2;
			width:643px;
			height:168px;
			padding:10px;
			color:white;
		}
		
		#public-landscape-container .foreground p,
		#public-portrait-container .foreground p
		{
			margin:0 0 0.7em 0;
		}
		
		#public-landscape-container .foreground p.public-intro,
		#public-portrait-container .foreground p.public-intro
		{
			font-size:2em;
			margin:0 0 0.4em 0;
		}
		
		#public-landscape-container .foreground a,
		#public-portrait-container .foreground a
		{
			color:white;
			text-decoration:none;
		}
		#public-landscape-container .foreground a:hover,
		#public-portrait-container .foreground a:hover
		{
			text-decoration:underline;
		}
		
		#public-portrait-container .foreground,
		#public-portrait-container .background
		{
			width:393px;
			height:528px;
		}
		
		#login-error
		{
			font-weight:bold;
			text-transform:uppercase;
			width:350px;
			margin:0;
			padding:0;
			color:#fff;
		}
		
		#login-form label
		{
			display:block;
			text-transform:uppercase;
			color:#fff;
			font-weight:bold;
			width:7em;
			float:left;
			clear:left;
			padding:5px 0 0 0;
		}
		
		#login-form input
		{
			border:1px solid #aaa;
			padding:2px;
			margin:2px 0;
			width:200px;
		}
		
		#login-form .submit
		{
			margin-left:7em;
			background:red;
			border:none;
			text-transform:uppercase;
			color:white;
			width:auto;
		}
		* html #login-form .submit
		{
			margin-left:7.3em;
		}



	/* 
		USER DETAILS / HELP / FEEDBACK forms
		--------------------------------
	*/
		table.user-form
		{
			border-collapse:collapse;
		}
		
		table.user-form td
		{
			border-right:2px solid white;
			border-bottom:2px solid white;
			vertical-align:top;
			padding:0;
			background:#828282;
			color:white;
			line-height:1.3em;
		}

		table.user-form label
		{
			display:block;
			font-weight:bold;
			text-transform:uppercase;
			width:129px;
			padding:2px;
		}

		table.user-form input,
		table.user-form textarea
		{
			width:262px;
			padding:2px;
			margin:0;
			display:block;
			border:1px solid #828282;
		}

		table.user-form textarea
		{
			height:10em;
		}
		
		table.user-form tr.submit td
		{
			background:none;
		}
		
		table.user-form tr.submit input
		{
			width:133px;
			padding:2px;
			margin:0;
			background:red;
			color:white;
			border:none;
			text-transform:uppercase;
			font-weight:bold;
		}

		p.user-form-info
		{
			background:#438256;
			margin:0 2px 2px 0;
			padding:5px;
			color:white;
		}

		p.user-form-error
		{
			margin:5px 2px 5px 1px;
			padding:5px;
			color:red;
			font-weight:bold;
		}


	/* 
		LISTS of IMAGES
		--------------------------------
	*/
		.entry-list-container
		{
			width:540px;
			padding:0;
			margin:0;
			background:url('../images/list-back.png') 0 0;
		}
		
		.wide-list-container
		{
			padding:0;
			margin:0;
			background:url('../images/list-back.png') 0 0;
		}
		
		.entry-list
		{
			list-style:none;
			margin:0;
			padding:0;
			position:relative;
		}
		
		.entry-list li
		{
			position:relative;
			background:#ccc;
			float:left;
			height:177px;
			min-width:133px;
			overflow:hidden;
			border-right:2px solid white;
			border-bottom:2px solid white;
			margin:0;
		}
		
		.entry-list .item-info
		{
			background:#000;
			color:#fff;
			position:absolute;
			left:0;
			right:0;
			bottom:0;
			padding:2px 0 2px 2px;
			min-height:61px;
			opacity:0.55;
			filter:alpha(opacity=55);
			z-index:4;
			font-size:90%;
			height:5.5em;
			width:133px;
		}
		* html .entry-list .item-info
		{
			height:61px;
		}
		
		.entry-list li p
		{
			position:absolute;
			bottom:0;
			left:0;
			color:white;
			margin:0;
			padding:2px 0 2px 2px;
			font-weight:bold;
			text-transform:uppercase;
			line-height:1.1em;
			height:5.5em;
			width:110px;
			z-index:5;
			font-size:90%;
		}
		
		.entry-list .item-buttons
		{
			position:absolute;
			bottom:1px;
			right:1px;
			padding:1px 1px 1px 1px;
			z-index:6;
		}
		
		.entry-list .item-buttons a
		{
			background:#438256;
			display:block;
			margin:1px;
		}


	/* 
		DESIGN DIARY ENTRIES
		--------------------------------
	*/
		#diary-pick
		{
			position:absolute;
			left:0;
			margin:0;
			background:#e1e1e1;
			width:133px;
			height:201px;
		}

		#diary-pick a.microtrend
		{
			font-size:90%;
			border-top:2px solid white;
			background:#828282;
			color:#fff;
			padding:5px;
			height:56px;
			display:block;
			text-transform:uppercase;
			font-weight:bold;
			text-decoration:none;
		}

		#tracking-thumbnails,
		#diary-thumbnails
		{
			position:absolute;
			background:url('../images/thumbs-back.png') 0 -1px;
			width:540px;
			height:202px;
			left:135px;
		}
		
		#tracking-thumbnails
		{
			background:url('../images/thumbs-back.png') 0 0;
			top:291px;
			left:0;
			height:134px;
		}

		#tracking-thumbnails ul,
		#diary-thumbnails ul
		{
			list-style:none;
			background:#e1e1e1;
			margin:-1px 0 2px 0;
			padding:0;
		}
		#tracking-thumbnails ul
		{
			margin:0;
		}

		#tracking-thumbnails li,
		#diary-thumbnails li
		{
			float:left;
			margin:0 2px 2px 0;
		}

		#tracking-thumbnails img,
		#diary-thumbnails img
		{
			height:66px;
			padding:0;
			margin:0;
			vertical-align:bottom;
		}

		#tracking-thumbnails .img1 img,
		#diary-thumbnails .img1 img
		{
			width:65px;
		}
		
		#tracking-thumbnails .img2 img,
		#diary-thumbnails .img2 img
		{
			width:66px;
		}

		.diary-nav
		{
			list-style:none;
			margin:0;
			padding:0;
		}
		
		.diary-nav li
		{
			text-transform:uppercase;
			float:left;
			width:133px;
		}
		
		.diary-nav a
		{
			color:white;
			background:#828282;
			font-weight:bold;
			display:block;
			text-align:center;
			text-decoration:none;
			padding:4px;
			border:2px solid white;
		}
		
		.diary-nav a.previous
		{
			border-right:1px solid white;
		}
		
		.diary-nav a.next
		{
			border-left:1px solid white;
		}

		#diary-entry
		{
			position:absolute;
			top:203px;
			background:url('../images/diary-faux-col.png') 0 0 repeat-y;
		}
		#diary-entry.no-thumbs
		{
			top:0;
		}

		#tracking-description,
		#diary-description
		{
			clear:left;
			border-top:1px solid #828282;
			margin:0 272px 0 1px;
			padding:5px;
			color:#000000;
			width:391px;
			height:277px;
			overflow:auto;
		}
		* html #diary-description,
		* html #tracking-description
		{
			margin:0 0 0 1px;	
		}

		#tracking-description a,
		#diary-description a
		{
			color:#000000;
		}
		
		#tracking-description h3,
		#diary-description h3
		{
			margin:0;
		}
		
		#tracking-description h4,
		#diary-description h4
		{
			font-weight:normal;
			margin:2px 0 0 0;
		}
		
		#tracking-image
		{
			clear:left;
			border-top:1px solid #828282;
			margin:0 3px -1px 0;
			width:266px;
			height:287px;
			float:right;
			text-align:center;
			overflow:hidden;
			position:absolute;
		}
		
		#diary-image
		{
			right:2px;
			border-top:1px solid #828282;
			width:266px;
			height:287px;
			text-align:center;
			overflow:hidden;
			position:absolute;
		}
		
		#tracking-image
		{
			position:relative;
			width:266px;
			margin:0 138px 0 0;
			overflow:hidden;
		}
		* html #tracking-image
		{
			margin:0 69px 0 0;
		}
		
		#diary-image-wrapper
		{
			position:absolute;
			left:50%;
			top:50%;
			margin:1.3em 0 0 0;
		}

		#tracking-image img,
		#diary-image img
		{
			margin:0;
			vertical-align:middle;
		}

		#tracking-bottom,
		#diary-bottom
		{
			clear:both; 
			background:url('../images/diary-faux-bottom.png') no-repeat 0 0 white; 
			height:1px;
			font-size:1px;
		}

		#tracking-entry
		{
			background:url('../images/tracking-faux-col.png') 0 0 repeat-y;
			margin:0;
		}
		
		#tracking-description
		{
			width:256px;
			margin:0 0 0 1px;
		}
		
		#tracking-bottom
		{
			width:538px;
			margin-left:0;
			background-position:-135px 0;
		}

/*
#keytrend-menu,
#right-menu
{
	float:right;
	font-size:70%;
	width:133px;
	text-transform:uppercase;
	margin:0 2px 0 0;
}

#right-menu
{
	position:absolute;
	z-index:5;
	border-top:5px solid white;
	right:0;
}

* html #keytrend-menu
{
	margin:-2px 1px 0 -1px;
}

#keytrend-menu h3,
#right-menu h3
{
	margin:0;
	padding:2px;
	text-align:center;
	background:#aaa;
	font-size:100%;
	color:white;
}

#keytrend-menu h3 a,
#right-menu h3 a
{
	color:white;
	text-decoration:none;
}

#keytrend-menu ul,
#right-menu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#keytrend-menu ul li,
#right-menu ul li
{
	background:#e1e1e1;
	margin:2px 0 0 0;
	padding:2px;
}

#keytrend-menu ul li a,
#right-menu ul li a
{
	display:block;
	text-decoration:none;
	color:#828282;
}

#keytrend-menu ul li.selected,
#right-menu ul li.selected
{
	background:red;
}

#keytrend-menu ul li.selected a,
#right-menu ul li.selected a
{
	color:white;
}
*/

	/* 
		ARTICLES / IMAGE BLOCKS
		--------------------------------
	*/
		.article
		{
			position:relative;
			margin:0 140px 0 0;
			display:inline-block;	/* Forces hasLayout in IE6 and prevents relatively positioned .image divs going crazy */
		}
	
		.article p
		{
			padding:0 1em 0 0;
			margin:0 0 1em 0;
		}

		.article .image-block
		{
			clear:left;
			float:left;
			margin:0 10px 10px 0;
			padding:5px 0 3px 0;
			border-top:2px solid #e1e1e1;
			border-bottom:2px solid #e1e1e1;
			overflow:hidden;
		}

		.article .image-block .image
		{
			float:left;
			margin:0 2px 2px 0;
			padding:0;
			position:relative;
			height:178px;
		}
		/*
		* html .article .image-block .image
		{
			top:-197px;
			left:-210px;
		}
		*/

.article .image-block .image > img
{
	vertical-align:bottom;
	margin:0;
	padding:0;
}

.article .caption-image-menu
{
	position:absolute;
	z-index:3;
	bottom:0;
	text-align:center;
	background:#438256;
	width:auto;
	right:0;
	padding:2px;
}

#key-video
{
	width:403px;
	padding:0;
	margin:0;
}

#key-description
{
	float:right;
	margin:1px 2px 0 0;
	width:268px;
}

#key-downloads
{
	margin:1px 1px 0 0;
	border-collapse:collapse;
	text-transform:uppercase;
	float:left;
}

#key-downloads td,
#key-downloads th
{
	font-weight:bold;
	border:2px solid white;
	background:#e1e1e1;
	color:#828282;
	vertical-align:middle;
	text-align:center;
	padding:1px 5px;
	line-height:1.5em;
}

#key-downloads td.icon
{
	width:17px;
	padding:1px;
}

#key-downloads th
{
	background:none;
	padding:1px 10px;
}

#key-downloads a
{
	color:#828282;
	text-decoration:none;
}

#key-downloads img
{
	vertical-align:middle;
}

#key-downloads a:hover
{
	color:black;
}

#key-nav
{
	margin:2px 2px 0 0;
	padding:0;
	float:left;
	list-style:none;
	text-transform:uppercase;
}

#key-nav li
{
	width:268px;
	background:#e1e1e1;
	margin:0 0 2px 0;
	padding:0;
}
* html #key-nav li
{
	margin:0 0 -1px 0;
}

#key-nav a
{
	display:block;
	color:#828282;
	text-decoration:none;
	color:#828282;
	padding:0 2px 0 20px;
	margin:0;
	line-height:1.5em;	
}

#key-nav a:hover
{
	color:black;
}

#key-nav a.my-preview
{
	background:url('../images/my-preview-button.png') no-repeat 1px 50%;
}

#key-nav a.print
{
	background:url('../images/print-button.png') no-repeat 1px 50%;
}

#key-nav a.save
{
	background:url('../images/save-button.png') no-repeat 1px 50%;
}

#key-pdf
{
	margin:2px 0 0 0;
}


	/* 
		KEYTREND - BOOK PAGE
		--------------------------------
	*/
			#keytrend-book
			{
				margin:0;
				float:left;
			}
			
			#keytrend-download
			{
				float:left;
				background:#e1e1e1;
				margin:0 2px 0 0;
				padding:5px;
				width:123px;
			}

			#keytrend-download p
			{
				margin:0 0 5px 0;
			}
			
			#keytrend-download a
			{
				text-transform:uppercase;
				color:#828282;
				font-weight:bold;
				text-decoration:none;
			}
			
			#keytrend-download a:hover
			{
				color:#14632c;
			}
			
			#keytrend-download a img
			{
				vertical-align:middle;
			}


	/* 
		MY PREVIEW
		--------------------------------
	*/
			.mypreview-content
			{
				clear:both;
				background:url('../images/mypreview-back.png') 0 0;
				margin:0;
			}
			
			#mp-folder-container
			{
				background:url('../images/mypreview-folders-back.png') 0 0;
			}
			* html #mp-folder-container
			{
				margin:0 0 2px 0;
			}
			
			.mypreview-content .folder,
			.mypreview-content .selected-folder,
			.mypreview-content .item
			{
				float:left;
				position:relative;
				height:178px;
				padding:0;
				margin:0 2px 2px 0;
				background:#e1e1e1;
				overflow:hidden;
			}

			.mypreview-content .folder
			{
				background:url('../images/folder.gif') no-repeat 50% -20px #e1e1e1;
				height:133px;
				width:133px;
			}
			
			.mypreview-content .selected-folder
			{
				background:url('../images/folder-open.gif') no-repeat 50% -20px #e1e1e1;
				height:133px;
				width:133px;
			}

			.mypreview-content .item img
			{
				position:absolute;
				top:0;
				left:0;
			}
			
			.mypreview-content .folder p,
			.mypreview-content .selected-folder p,
			.mypreview-content .item p
			{
				position:absolute;
				width:100%;
				padding:0;
				text-transform:uppercase;
				bottom:0;
				margin:0;
				left:0;
			}
			
			.mypreview-content .background
			{
				position:absolute;
				width:100%;
				height:3.5em;
				padding:0;
				background:#000;
				text-transform:uppercase;
				bottom:0;
				margin:0;
				left:0;
				opacity:0.55;
				filter:alpha(opacity=55);
			}
			.mypreview-content .item .background
			{
				height:5.7em;
			}
			
			.mypreview-content p a
			{
				display:block;
				text-decoration:none;
				color:white;
				padding:2px 2px 2px 25px;
				font-weight:bold;
				text-transform:uppercase;
				line-height:1.1em;
				height:5.5em;
			}
			* html .mypreview-content p a
			{
				padding-left:2px;
			}
			
			.mypreview-content .folder p a,
			.mypreview-content .selected-folder p a
			{
				height:3.3em;
			}
			
			.mypreview-content input
			{
				float:left;
				margin:3px 2px 0 5px;
			}
			
			#mypreview-options
			{
				background:#e1e1e1;
				margin:1px 2px 2px 1px;
				padding:5px;
				text-align:center;
			}
			
			#mypreview-options input
			{
				text-transform:capitalize;
			}


	/* 
		SEARCH PAGE
		--------------------------------
	*/
			#search-page
			{
			}

			#search-page h3
			{
				text-transform:uppercase;
				color:white;
				padding:0 5px;
				height:1.4em;
				line-height:1.4em;
				background:#828282;
				margin:0 0 0.5em 0;
				font-size:100%;
			}

			#search-right-bar
			{
				float:right;
				border-left:2px solid white;
				border-right:2px solid white;
				width:268px;
			}
			* html #search-right-bar
			{
				border-left:none;
				margin-left:-1px;
			}

			#search-right-bar form
			{
				margin-bottom:20px;
			}

			#search-right-bar ul
			{
				border-top:2px solid white;
				list-style:none;
				margin:-0.5em 0 0 0;
				padding:0;
			}

			#search-right-bar li
			{
				border-bottom:2px solid white;
				background:#e1e1e1;
				padding:2px;
			}

			#search-right-bar li input
			{
				border:none;
			}
			
			#search-right-bar li.mail
			{
				background:#e1e1e1 url('../images/mail.png') 100% 50% no-repeat;
			}
			
			#search-right-bar li a
			{
				color:black;
				text-transform:uppercase;
				text-decoration:none;
			}

h4
{
	margin:0 0 5px 0;
	font-size:100%;
	font-weight:normal;
}

a img
{
	border:none;
	margin:0;
	padding:0;
}

textarea
{
	font-family:inherit;
	font-size:inherit;
}

select,
input
{
	border:1px solid #828282;
	margin:1px;
	font-size:inherit;
}
input.checkbox
{
	border:none;
	background:none;
}

input.submit
{
	color:white;
	background:red;
	font-weight:bold;
	text-transform:uppercase;
	border:none;
	margin:1px;
}

fieldset
{
	margin:0;
	padding:0;
	border:none;
}


	/* 
		JS POPUP
		--------------------------------
	*/
		.popup
		{
			position: absolute;
			width: 148px;
			background: white;
			border: 2px solid #828282;
			padding:3px;
		}
		
		.popup h4
		{
			background:#14632c;
			color:white;
			font-weight:bold;
			height:15px;
			line-height:15px;
			margin:-3px -3px 3px -3px;
			padding:0 0 0 2px;
			text-transform:uppercase;
			border-bottom:2px solid #828282;
		}
		
		.popup a.close
		{
			color:#828282;
			background:#e1e1e1;
			cursor:pointer;
			display:block;
			float:right;
			width:15px;
			height:15px;
			text-align:center;
			line-height:15px;
			padding:0;
			margin:-3px -3px 3px -3px;
			border-bottom:2px solid #828282;
		}
		
		.popup a.close:hover
		{
			color:black;
		}
		
		.popup input,
		.popup select
		{
			width:141px;
		}


	/* 
		IMAGE MENU
		--------------------------------
	*/
		.image-menu
		{
			position:absolute;
			z-index:3;
			left:0;
			bottom:0;
			text-align:center;
			padding:2px 0;
			width:100%;
			background:#438256;
		}
		
		.image-menu img
		{
			margin:0 1px 0 0;
		}

		.image-caption
		{
			position:absolute;
			z-index:2;
			left:0;
			bottom:0;
			line-height:1.2em;
			height:2.4em;
			width:100%;
			color:#fff;
			font-weight:bold;
			font-size:90%;
		}
		
		.image-caption-background
		{
			position:absolute;
			z-index:1;
			left:0;
			bottom:0;
			background:#000;
			line-height:1.2em;
			height:2.4em;
			width:100%;
			opacity:0.55;
			filter:alpha(opacity=55);
			font-size:90%;
		}


	/* 
		NON JAVASCRIPT FORM
		e.g. search page
		--------------------------------
	*/
		.non-js-form
		{
			background:#e2e2e2;
			margin:0 2px 2px 0;
			padding:5px;
		}

		.non-js-form fieldset.options
		{
			float:right;
			border:1px solid #828282;
			padding:10px;
			margin:0 5px 0 0;
			width:200px;
		}

		.non-js-form fieldset.options legend
		{
			color:#828282;
			font-weight:bold;
		}
		
		.non-js-form fieldset.options label
		{
			display:block;
			text-align:right;
			width:200px;
		}

		.non-js-form fieldset.options label input
		{
			width:123px;
		}
		
		.non-js-form fieldset.options label select
		{
			width:125px;
		}
		
		.non-js-form fieldset.options .buttons
		{
			padding-left:73px;
		}

#coming-soon
{
	margin:1px 2px 2px 1px;
}

#coming-soon h2
{
	margin:0;
	color:#828282;
}

#coming-soon p
{
	margin:0;
}

p.message
{
	background:#e1e1e1;
	margin:1px 2px 2px 1px;
	padding:5px;
	font-weight:bold;
	text-align:center;
	color:red;
}

.error
{
	color:red;
}

p.ajax-status
{
	color:red;
	margin:3px 0;
}

.about
{
	margin:1px 2px 0 1px;
	padding:5px;
}

.about h2
{
	margin:0;
	color:#828282;
}

.about p
{
	margin:0 0 10px 0;
}

form
{
	margin:0;
}

.hidden
{
	display:none;
}

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height:1%;
}
/* End hide from IE-max */


h3
{
	margin:5px 0 0 0;
}