BODY {
	/* set the basic font rules here */ 
	font-family : verdana, tahoma, arial, helvetica, sans-serif;
	font-size : smaller; 
	margin:0;
	padding:0;
	margin-top: 4px;
	 }

A:hover { color : navy ;
	/* background-color: yellow ;  */
	text-decoration: underline ;  }

A { color: blue ;
	text-decoration: none ;
	}
	
#content {
	padding: 0 1em 0 1.5em; 
	margin: 0 ; 
	}	
	

.captionsBold { 
	font-style : normal;  
	font-size: xx-small; 
	font-weight: bold ;
	text-align: center;  
	margin: 1em 40% 0 3em ; 
	}

/* fix the space at top on Firefox and Safari */
.captionsBold .zerotopmargin {
	margin-top: 0;
}		

/* similar space at top Firefox/Safari fix for products page */
.zerotopmargin ,   .productContent H4{
	margin-top:0em ;
	padding-top: 1.5em;
}


/* footer area */
#footer  {
	border-top:1px solid #ccc;
	padding-left: 30px;
	padding-top: 1em ;
	padding-bottom: 1em ; 
	}

#footer_GJ_left {
	float: left ;
	}
#footer_GJ_left_inline {
	float: left ;
	margin-right: 0.5em ;
	margin-bottom: 0.5em ;
	}
#footer_GJ_right {
	float: right ;
	padding-right: 30px ;
	}

	
.footer , .info_header {
	padding-left: 20px;
	padding-top: 1em ;
	padding-bottom: 1em ; 
	}

	
	
	
#contentbody table {
	margin: 0 0.5em ;
	}	
	
.subheadtab, .itallicComment {
	padding-left: 15px ;
	}

.subheadtab	{
	padding-top: 6px ;
	font-weight: bold ;
	}
	
.itallicComment {
	font-size : smaller;
	color: #666 ; 
	}

#contentbody ul li ul {
	list-style-type: none;
	padding-bottom: 0.8em ;
	padding-top: 0.1em;
}


/* used by the new shop listing layout stuff. */

#products #contentbody TABLE TD {
	font-size: 80% ;
	padding-right: 0.2em; 
	}
.shoplistheading {
	padding-top: 0.7em;
	padding-bottom: 0.2em;
	
	font-weight: bold ; 
}


/* put an info symbol before any heading links */
td.shoplistheading A {
	padding-left:18px;
	background-image: url(/products/info.gif);
    background-repeat: no-repeat;
}


.float_r { 
	float: right ; 
	padding: 0 12px 0 0 ; 
}

.shop_table_heading {
	padding-bottom: 0.2em ;
	font-weight: bold ;
	
	}
	
.submit_shop_button {
	margin-top: 0.5em ; 
	}


#left_panel {
	float: left ;
	width: 9.3em ;
	border-right: 1px solid #999 ;
	border-bottom: 1px solid #999 ;
	margin: 0 1em 0.2em 0 ;
	padding: 0.5em ;
	background-color: #fdd; ;
}


#right_panel {
	float: right ;
	width: 15em ;
	border-left: 1px solid #999 ;
	border-bottom: 1px solid #999 ;
	margin: 0 0 0.2em 1em ;
	padding: 0.5em ;
	background-color: #efe; ;
}

#left_panel ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0 ;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;
	}

#left_panel ul li {
	padding-top: 0.2em;
}

.prod_news {
	padding-top: 0.3em ;
}
.panel_title {
	font-weight: bold ;
}	

.panel_subtitle {
font-weight: bold ; 
}	

.submit_shop_button {
	margin-bottom: 0.5em ;
}

/* end of shop stuff */

	
/*  Navigation stuff  */
	
.header {
	/* background:#fff url(/images/top_gradient.gif) repeat-x top left;   */
	}	
	
.banner {
	}	
	
.bannerpic{
	width: 400px;
	height: 50px; 
	padding: 10px 0 0 1.5em ;
	float: left ;
	}	

#googlesearch { 
	
	padding: 20px 30px 0 0 ;
	float: right ;
}

.navigation {
	background:#eee url(/images/background_menuitem_shadow.gif) repeat-x top left;
	padding-left: 10px ; 
	border-top:1px solid #ccc;
	border-bottom:1px solid #ddd;
	/* background-color: #eee; */
	}

.navigation ul  {
	padding-left: 1.5em; 
	margin: 0;
	/* background-color: #ffffff; */
	/* width: 100%; */
	list-style-type: none;
}

.navigation ul li {  
	display:block;
	padding-right: 5px ;
	/*padding-bottom: 2px ;
	padding-top: 2px ;*/
	float: left ;
}	

.navigation ul li a  {
	display:block;
	margin:-2px 0 0 0;
	padding:5px 7px 8px 7px;
	color: #666 ; 
	text-decoration: none;
	font-weight:bold;
	float: left;
	
}	
.navigation ul li a:hover  {
	/* background-color: #85a2ed;
	color: #ffffff;  */
	text-decoration: none ;
	margin:-2px 0 0 0;
	padding:5px 7px 8px 7px;
	color:#000;
	background:#fff url(/images/background_menuitem_off.gif) no-repeat bottom right;

}
	/* Home Join Standards Products Articles Layouts Gallery Members Contacts Links */
body#home div.header div.navigation ul li#home a, 
body#join div.header div.navigation ul li#join a, 
body#standards div.header div.navigation ul li#standards a, 
body#products div.header div.navigation ul li#products a, 
body#articles div.header div.navigation ul li#articles a, 
body#layouts div.header div.navigation ul li#layouts a, 
body#gallery div.header div.navigation ul li#gallery a, 
body#members div.header div.navigation ul li#members a, 
body#contacts div.header div.navigation ul li#contacts a, 
body#links div.header div.navigation ul li#links a  {
	display:block;
	margin:-2px 0 0 0;
	padding:5px 7px 8px 7px;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	background:#fff url(/images/background_menuitem.gif) no-repeat bottom right;
}	
	

#simplepie {	
	border-right:  1px solid #B35548; 
	border-top:  1px solid #B35548;
	background: #fafafa;
	padding-left: 0.5em ;
	padding-right: 0.5em ;
	padding-bottom: 1em ;
	margin-top: 4em ;
	}	
	
#simplepie H1 {
	font-size: 1em ; 
	}

#simplepie Div.title_area {
	border-top:1px solid #ccc;
	margin-top: 0.5em ;
	padding-top: 0.5em ;
	margin-bottom: 0.2em ; 
	font-size: 1em ; 
	}	

#simplepie Span.title {
	font-size: 105% ;
	font-weight: bold ;
	}	

#simplepie span.footnote {
	margin-left: 1em ;
	font-size: 80% ;
	font-style: italic ;
	}
	
#simplepie P.subnote {
		border-top:1px solid #ccc;
		margin-top: 0.5em ;
		padding-top: 0.5em ;
	}

#simplepie Div.subscribearea {
	float: right ;
	width: 15em ;
	background-color: #efe; ;
}
	
.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}

.clean_left {
	clear:left;
}

/* Expo */
.expoTitle { 
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: red ;
	font-size: 200%;
	text-align: center ; }

	
/*  centre_block ,  used for tabular-like layout within some pages */

.centre_block {
	}
	
.left_centre_block {
	float: left ;
	padding-left: 2em ;
	}

/* end centre_block */

	

/* Lightbox, used by the shop listings */

/*
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; 
	height: 100%;

*/	
	/* background-image: url(data:image/gif,base64,AAAA);*/ /* Trick IE into showing hover */ 

/*
	display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

*/

/*  Lightbox taken out of use July 2009 due to browser bugs, old popup method restored.....

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; padding-left: 2em ;}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}  
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank2.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

*/

/*  end LightBox */

	
		
@media print {
	#googlesearch { 
		display: none ;
		}
	.navigation {
		display: none ;
		}
}