/* CSS Document */

/* Undo HTML
**********************************/

:link, :visited { text-decoration: none; }

ul,ol { list-style: none; }

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,textarea,select
{ margin: 0; padding: 0; }

img, a img, :link img, :visited img { border: none; }

address { font-style: normal; }
/*   this is to undo all browsers basic built in styles   */




body {
	background-image: url(../gfx/JGM_bg.gif); /*repeat-x fixed left bottom;*/
	font:12px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
a {color:#6fd007;}
a:hover{color:#345287}
h3 {font-weight:normal;font-size:12px;}
#main {
	margin-top:0px;
	margin-bottom:0px;
	width:950px;
	background-color:white;
	border:1px solid #333333;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding:0px;
}

img {
	border:0px;
}

p {
	padding:0px;
	margin-top:10px;
	margin-left:4px;
	text-align:left;
	font-size:11px;
	
}

form {
	text-align:left;
	font-size:11px;
}

table {
	
	font:12px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

#list {
	margin-left:10px;
	font-size:10px;
	
}

.listimg {
	background-image:  url();
	width:16px;
	height:16px;
	display:block;
	
}

.listimgdark {
	background-image:  url();
	width:16px;
	height:16px;
	display:block;
	
}

#title {
	background-color:#fff;
	width:950px;
	height:140px;
	background:url('../gfx/bg_title.gif') no-repeat bottom right;
}

#logoBG {
	width:345px;
	height:140px;
	background-image: url(../gfx/logo_bg.gif);
}

.logo {
	float:left;
	padding:20px0px20px20px;
	margin-left:30px;
	margin-top:20px;
	
}

#date {
	font-size:10px;
	color:#000;
	float:right;
	padding:20px20px0px0px !important;
}

.dateLeft {
	display:block;
	width:38;
	height:45;
	background-image:url(../gfx/DateDayBG_Left.gif);
}
.dateMiddle {
	display:block;
	background-image:url(../gfx/DateDayBG_middle.gif);
	background-repeat:repeat-x;
	height:45;
}
.dateRight {
	display:block;
	width:38;
	height:45;
	background-image:url(../gfx/DateDayBG_Right.gif);
}


#navigation {
	display:block;
	background-color:#999999;
	background-image: url(../gfx/nav_bg.gif);
	background-repeat:reapeat-x;
	height:24px;
	z-index:1000;
	/*margin-bottom:20px;*/
	margin-left:0px;
	padding:0px0px0px0px;
	width:950px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#Znavigation:hover {
	display:block;
	background-color:#999999;
	background-image: url(../gfx/nav_bg_hover.gif);
	background-repeat:reapeat-x;
	height:24px;
	
	/*margin-bottom:20px;*/
	
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
} 

.navUnder {
	display:block;
	background-color:#999999;
	background-image: url(../gfx/GreyStriped.gif);
	background-repeat:reapeat-x;
	height:36px;
	margin-bottom:20px;
	margin-left:0px;
	padding:0px0px0px0px;
	width:950px;
	/*border-top:1px solid #666666;*/
	border-bottom:1px solid #666666;
}

/* START OF DROP DOWN MENU STYLES */
/* #################################### */
#DropDown {
	display:inline;
	width:40px;
	height:24px;
		
}

ul {
	list-style-type: none;
	text-align: center;
	padding:1px 0 0 0;
}

ul li {
	position: relative;
	text-decoration:none;
	margin-left:0px;
}

#navcontainer {
	position:absolute;
	display:inline;
	margin-top:-12px;
	margin-left:-10px;	
}

#navcontainer ul li a.services
	{
	color: /*#345287*/#fff;
	margin-left:1px;
	width: 80px;
	line-height: 24px;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	display:inline-block;
	
	}

#navcontainer li a.services:hover {
	/* this is the main title text colour */
	color: #6FD007;
	font-size:12px;
	font-weight:normal;
	margin-left:0px;
	
	
	}
#nav {
	padding:0px;
	margin-left:0px;
	
}
	
#nav li li.service a/*:link #nav li li.services a:visited*/ {
	margin-top:-1px;
	display: block;
	color: #345287;
	background-color: #999999;
	width: 80px;
	line-height: 24px;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	margin-left:0px;
}

#nav li li.service a:hover {
	
	display: block;
	color: #6FD007;
	background-color: #FFF;
	width: 80px;
	line-height: 24px;
}

li ul.services1 {
	margin-left:0px;
	position: relative;
	display: none;
	width: 80px;
	font-size:12px;
	font-weight:normal;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	
	}

li:hover ul, li.over ul { 
	display: block; 
}
/* END OF DROP DOWN MENU STYLES */
/* #################################### */
span {
	display:inline-block;
}
.buttons {
	color:/*#348487;#345287*/#fff;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	
}


.buttons:hover {
	color:/*#345287*/#6FD007;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;

}

.ZbuttonBG:hover {
	display:block;
	 background-image:url(../gfx/nav_bg_hover.gif);
	 background-repeat:reapeat-x;
	
}
.AboutBG {
background-image:url(../gfx/AboutBG.gif);
display:block;
background-repeat:none;
width:88;
height:23;
line-height:;
text-align:bottom;
margin-left:-5px;
margin-right:-5px;


}

.AboutBG a {
	
	padding: 2px 7px 2px 7px;
	margin-top:5px;
	vertical-align:bottom;
	line-height:2;
	
}

/*.buttons:visited {
	color:white;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	vertical-align:-3px;
}*/

.buttons:active {/* same as mouseDown */
	color:#348487;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	
}

.spacer {
	font-size:16px;
	margin-left:5px;
	margin-right:5px;
	color:#FFFFFF;
	border-left:1px solid #eeeeee;
	font-weight:normal;
	display:inline-block;width:1px;height:18px;
}

#left {
	width:490px;
	display:block;
	background:url('../gfx/bg_content.gif') no-repeat bottom left;
}
#left p{
	padding:0 10px 10px 10px;
}
#leftHome {
	margin-top:20px;
	margin-left:10px;
	display:block;
	align:left;
	float:left;
	width:485px;
}

#Header {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	letter-spacing:2px;
	font-style: normal;
	font-weight: bold;
	color: #6fd007;
	text-decoration: none;
	padding:0px;
	width:490px;
	margin-left:5px;
	align:left;
	line-height:24px;
	
}
.BlueBlock {
	display:block;
	background-color:#345287;
	width:12px;
}
.Overline {
	background-image:url(../gfx/GreyStripedSmall.gif);
	background-repeat:repeat-x;
	height:12px;
	display:block;
	background-color:#999999;
	border:1px solid #666666;
	
}
.Underline {
	border-bottom: 1px solid #666666;
}
.downloadRow {
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
}

.imgborder {
	padding:10px;
	border:1px solid #000000;
	background-color:#FFFFFF;
}

.imgbordersmall {
	padding:4px;
	border:1px solid #000000;
	background-color:#FFFFFF;
}

#imageOvlp {
	margin-top:-2px;
	align:right;
	margin-right:0px;
	display:block;
	width:180px;
	height:168px;
	
	
}
#imageOvlp img {
	
}
.bigimg{width:950px;height:;margin:-20px 0 0 0;display:block;background-color:#cccccc;border-bottom:2px solid #eeeeee}
.home {background:#cccccc url(../gfx/bg_home_img.jpg) top left;height:231px;}
.alt{background:#cccccc url(../gfx/bg_alt_img.jpg) top left;height:110px;}
.newsimg{background:#cccccc url(../gfx/bg_news_img.jpg) top left;height:110px;}

#leftNews {
	width:180px;display:block;float:left;
	background:#eeeeee;
	border:solid #666666;border-width:0px 1px 1px 1px;
	display:block;
	/*height:100%;*/
	margin:20px 0 10px 10px;
}
#leftNews p{
	padding:0 5px 12px 5px;
}
.stripey{
	background:url(../gfx/stripey.gif) repeat top left;/*GreyStripedSmall*/
}
.newsHead{
	font-size:12px;font-weight:normal;
	color:#fff;
	border:1px solid #888888;border-width:1px 0 1px 0;
	margin:0 0 10px 0;padding:6px 6px 3px 2px;
	text-align:left;
}
.newsHead a{color:#fff}
.newsHead:hover,.newsHead a:hover {text-decoration:none;color:#345287;}
#right {
	width:200px;
	display:block;
	
}
#BoxRight {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #6fd007;
	text-decoration: none;
	width:200px;
	display:block;
	
	margin-top:0px;
	
}
.BoxRightTop {
	background-image:url(../gfx/BoxRightTop.gif);
	background-repeat:none;
	height:34px;
	width:200px;
	display:block;
	background-color:#EBF8DC;
}
.BoxRightMiddle {
	background-image:url(../gfx/BoxRightMiddle.gif);
	background-repeat:repeat-y;
	width:200px;
	display:block;
	background-color:#EBF8DC;
}
.BoxRightBottom {
	background-image:url(../gfx/BoxRightBottom.gif);
	background-repeat:none;
	height:34px;
	width:200px;
	display:block;
	background-color:#EBF8DC;
}
.BoxRightText {
	padding:0px 12px 0px 28px;
	width:185px;
}
.BoxRightText a {
	line-height:20px;
}

.newsLetterInput {
	width: 92px ;
	height: 28px ;
	padding: 0px ;	
}
.seminarInput {
	width:195px;
	padding:2px;
}
#seminarButt {
	background-image:url(../gfx/seminarButt.gif);
	background-reapeat:no-repeat;
	height: 28px ;
	width: 92px ;
	display: block ;
	border:none;
	margin-top: 5px ;
}
#seminarButt a{
	background-image:url(../gfx/seminarButt.gif);
	background-reapeat:no-repeat;
	height:28px;
	width:92px;
	display:block;
	border:none;
	margin: 0px;
}
#seminarButt a:hover{
	background-image:url(../gfx/seminarButthover.gif);
	background-reapeat:no-repeat;
	height:28px;
	width:92px;
	display:block;
	border:none;
	margin: 0px;
}

#newsletterButt {
	background-image:url(../gfx/newsletterButt.gif);
	background-reapeat:no-repeat;
	height: 28px ;
	width: 92px ;
	display: block ;
	border:none;
	margin-top: 5px ;
}
#newsletterButt a{
	background-image:url(../gfx/newsletterButt.gif);
	background-reapeat:no-repeat;
	height:28px;
	width:92px;
	display:block;
	border:none;
	margin: 0px;
}
#newsletterButt a:hover{
	background-image:url(../gfx/newsletterButthover.gif);
	background-reapeat:no-repeat;
	height:28px;
	width:92px;
	display:block;
	border:none;
	margin: 0px;
}

#emailButt {
	background-image:url(../gfx/emailButt.gif);
	background-reapeat:no-repeat;
	height: 28px ;
	width: 92px ;
	display: block ;
	border:none;
	margin-top: 3px ;
}
#emailButt a{
	background-image:url(../gfx/emailButt.gif);
	background-reapeat:no-repeat;
	height:28px;
	width:92px;
	display:block;
	border:none;
	margin: 0px;
}
#emailButt a:hover{
	background-image:url(../gfx/emailButthover.gif);
	background-reapeat:no-repeat;
	height:28px;
	width:92px;
	display:block;
	border:none;
	margin: 0px;
}

.smallRight {
	font-size:11px;
	color:#666666;
	text-decoration:none;
	font-weight: normal;
	margin-left:0px;
	width:150px;
	margin-top:-10pxp;
}


#center {
	display:block;
	margin-bottom:10px;
}


.header {
	font-size:12px;
	font-weight:bold;
	color:#345287;
}

.newsheader {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.smallBold {
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.small {
	font-size:10px;
	color:#333333;
	text-decoration:none;
}

.smallwhite {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

#clear {
	display:block;
	width:750px;
	height:1px;
	clear:both;
}

#footer {
	color:#666666;
	font-size:10px;
	margin-top:0px;padding:55px 0 0 0;
	background:url(../gfx/bg_metal.gif) no-repeat top left;
	width:950px;
}

.bodylink {
	color:#6fd007;
	font-size:11px;
	text-decoration:none;
	
}

.bodylink:hover {
	color:345287;
	font-size:11px;
	text-decoration:underline;
	
}

.bodylink:active {
	color:#999999;
	font-size:11px;
	text-decoration:underline;
	
}

.whitelink {
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	
}

.whitelink:hover {
	color:#FFFFFF;
	font-size:10px;
	text-decoration:underline;
	
}

.whitelink:active {
	color:#CCCCCC;
	font-size:10px;
	text-decoration:underline;
	
}




.link {
	color:/*#348487;#345287*/#6FD007;
	font-size:10px;
	text-decoration:none;
	vertical-align:-2px;
}

.link:hover {
	color:/*#345287#6FD007*/#345287;
	font-size:10px;
	text-decoration:underline;
	vertical-align:-2px;
}

.link:active {
	color:#348487;
	font-size:10px;
	text-decoration:underline;
	vertical-align:-2px;
}

/*.link:visited {
	color:#008040;
	font-size:10px;
	text-decoration:none;
	vertical-align:-2px;
}*/

.beamotronics {
	color:#002766;
	text-decoration:none;
}

.beamotronics:hover {
	color:#teal;
	text-decoration:underline;
}

.beamotronics:active {
	color:#aqua;
	text-decoration:underline;
}