/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff

*/



/* --------- 1. defaults  --------- */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}

body {/* set page background colour */
		background-color: #FFFFCA;
		padding-bottom: 30px; 
		}

#skipNav {/* skip-navigation container */
		position: absolute;
		top: 2px;
		right: 5px;
		width: 60px;
		text-align: center;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {/* site content container */
		width: 860px;
		margin: 0 auto;
		background-color: #FFFFCA;
		border: 1px solid #FFFFCA; /* orig #555555; */
		border-top: 0px;
		}
		
#masthead {/* add border to masthead */
		border-bottom: 5px solid #014e0f; /* was 10px solid #dddddd; */
		}

#subsplash {/* small pix below menu / banner */
		padding: 2px 0 0 1px; 
            }
		
#logo {/* logo container */
		float: left;  
		height: 221px; /* orig 132px; */
		width: 860px;  /* orig 437px; */
		}

/* #searchArea {/* second masthead area */ 
/*		background: #FFFFFF url(assets/search-background.gif) 97% 50% no-repeat; 
		float: left;
		border: 1px solid #FFFFCA; 
		margin-top: 34px;
		width: 390px;
		height: 78px;
		}
*/	
	
#navContainer {/* navigation container */
		clear: left;
		}

#content {/* content container */
		background-color: #FFFFCA;
	      padding: 10px 40px 10px 40px;
		}

/* ---------- 3. links and navigation ---------- */

		a {/* default link style */
		color: #000000;
		}
		
	/* -- skip navigation -- */
#skipNav a {
		font: 1.0em Arial, sans-serif;
		display: block;
		color: #FFFFCA;
		width: 60px;
		padding-bottom: 10px;
		} 
		
#skipNav a:hover {
		color: #898989;
	/* 	background: url(assets/skip-nav.gif) 50% 100% no-repeat; */
		}

	/* -- main navigation -- */

#mainNavigation {
            color: #000000; /* was #319463; */
		border-top: 1px solid #014e0f; /* was #555555 */
	      padding: 6px 0; /* height of menu bar */
		}

#mainNavigation ul {
		text-align: center;
		}

#mainNavigation li {
		display: inline;
		}

#mainNavigation a {
		font: bold 1.4em Arial, sans-serif;
            color: FFFFFF;
		text-decoration: none;
	 	padding: 6px 10px; /* spacing between menu items */
		}
		
#mainNavigation a:hover {
            color: #014e0f; /* was #319463; */
		}
		
.sectionHome #mainNavigation #linkHome a, .sectionNews #mainNavigation #linkNews a, .sectionDesign #mainNavigation #linkDesign a, .sectionBrowsers #mainNavigation #linkBrowsers a, .sectionStatistics #mainNavigation #linkStatistics a, .sectionCommunity #mainNavigation #linkCommunity a 
		{/* automation for active tab */
		background: #28b767 url(assets/active-tab-background.jpg) 0 100% repeat-x;
		border-top: 1px solid #5cc98d;
		}

.sectionHome #mainNavigation #linkHome a:hover, .sectionNews #mainNavigation #linkNews a:hover, .sectionDesign #mainNavigation #linkDesign a:hover, .sectionBrowsers #mainNavigation #linkBrowsers a:hover, .sectionStatistics #mainNavigation #linkStatistics a:hover, .sectionCommunity #mainNavigation #linkCommunity a:hover 
		{/* hover over-ride for automated tab */
		color: #0e5424;
		}

#content a {/* default link style */
		color: #0000FF;
		}

		
	/* -- sub-navigation -- */
#subNavigation {
		margin-top: -1px;
		background: #27b767 url(assets/sub-navigation-background.jpg) 0 100% repeat-x;
		border-bottom: 1px solid #6b6b6b; 
		padding: 6px 0;
		}

#subNavigation ul {
		text-align: center;
		}

#subNavigation li {
		display: inline;
		}

#subNavigation a {
		font: bold 1.1em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		}

#subNavigation a:hover {
		color: #0e5424;
		}


/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 75%;
		}

h1 {/* main heading */
		font: bold 3.5em/2em Arial, sans-serif;
		/*	margin-bottom: 5px; */
		color: #014e0f; /* was #319463; */
		}

h2 {/* cross-head */
		font: bold 2em/1.0em Arial /*, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif */;
		margin-top: 1.3em;
		margin-left: -20px;
		margin-bottom: 30px; 
		color: #014e0f; /* was #319463; */
		}

h3 {/* sub-head */
		font: bold 1.5em/1.4em Arial /*, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; */;
	/*	margin-top: 1.3em;
		margin-left: -20px;
		margin-bottom: 30px; */
		color: #014e0f; /* was #319463; */
		}
		
ol {
		font: 1.5em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		color: #014e0f; /* added */
      	padding: 0 0 0 40px;  /* added */
		}
ul {
		font: 1.5em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		color: #014e0f; /* added */
      	padding: 0 0 0 40px;  /* added */
		}
ul.menu {
		font: 1.0em/1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		color: #014e0f; /* added */
      	/* padding: 0 0 0 40px;   added */
		}


p {
		font: 1.5em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 0.4em;
		color: #014e0f; /* added */
      	padding: 0 0 0 20px;  /* added */
		}

p img { 
		float: left; /* added */
		padding: 0 10px 0 0;  /* added */
		}

p.right   { /* for offsetting text to right */
		margin-left: 300px;
		}

p.tab	   { /* for Indenting text to right */
		margin-left: 50px;
		}

p.tab2   { /* for Indenting text to right */
		margin-left: 170px;
		}

p.small { margin-left: 170px;
		font: .8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}

/* table stuff */

table.product {
	margin-left: 60px;
	border-width: 2px;
	border-spacing: 2px;
	border-style: outset;
	border-color: #014e0f;
	border-collapse: collapse;
	background-color: #ffffca;
}

.taboverhead   { /* for price-columns over-heading*/
		margin-left: 350px;
		font: bold 1.4em Arial, sans-serif;
		}

td.tabheader, li.tabheader, div.tabheader
	{
	margin:0cm;
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	text-align: center;
	font: bold 1.5em/1.4em Arial, sans-serif;
	color: #014e0f;
	}

td.tabname, li.tabname, div.tabname
	{
	padding-left: 5px;
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	text-align: left;	
	color: #014e0f;
	font: 1.5em/1.4em Arial, sans-serif;
	}	

td.tabrefbold, li.tabrefbold, div.tabrefbold
	{
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	text-align: center;
	color: #014e0f;
	font: bold 1.5em/1.4em Arial, sans-serif;
	}

td.tabref, li.tabref, div.tabref
	{
	margin: 0cm;
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	text-align: center;
	color: #014e0f;
	font: 1.5em/1.4em Arial, sans-serif;
	}

td.tabnamebold, li.tabnamebold, div.tabnamebold
	{
	padding-left: 5px;
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	color: #014e0f;
	font: bold 1.5em/1.4em Arial, sans-serif;
	}

td.tabnormal, li.tabnormal, div.tabnormal
	{
	padding-right: 5px;
	border-width: 1px;
	border-spacing: px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	text-align: right;
	color: #014e0f;
	font: 1.5em/1.4em Arial, sans-serif;
	}	

td.tabbold, li.tabbold, div.tabbold
	{
	padding-right: 5px;
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	text-align: right;
	color: #014e0f;
	font: bold 1.5em/1.4em Arial, sans-serif;
	}
	

/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
		border: 0;
		}
	
#logo img {
		margin-top: 2px; /* orig 30px; */
	/*	margin-left: 10px; */
		}
		
/* ---------- 6. forms stuff ---------- */
/*
#searchArea form {
		padding: 17px 0 0 20px;
		}

#searchArea p {
		color: #eeeeee;
		float: left;
		margin-right: 10px;
		}

#searchArea p.mainSearchLabel {
		float: none;
		display: block;
		}
		
#mainSearchField {
		width: 230px;
		border: 1px solid #666666;
		background-color: #111111;
		color: #eeeeee;
		font-size: 1.0em;
		padding: 1px;
		}
		
#mainSearchSubmit {
		width: 40px;
		border: 1px solid #666666;
		font-size: 1.0em;
		background-color: #333333;
		color: #eeeeee;
		margin-right: -10px;
		}
*/