/* CSS Document */

a:link {
	text-decoration: none; 
	color: #E1930A;
	}
a:visited {
	text-decoration: none; 
	color: #E1930A;
	}
a:active {
	text-decoration: none;
	color: #E1930A;
	}
a:hover {
	text-decoration: underline;
	}

body { 
	margin: 0;
	padding: 0;
	background: #4c4c4c;
	text-align: center;
	font-family: Arial, "Gill Sans", Verdana, sans-serif; 
	font-size: 0.8em;
	}

#container	{
	width: 937px;
	margin: 15px auto 0;
	padding: 0;
	background-color: #666666;
	text-align: left;
	position: relative;
	background-image: url(images/background.gif);
	background-repeat: no-repeat;
	
	}
	
#hazard	{
	width: 937px;
	margin: 0 auto 0;
	padding: 0;
	text-align: left;
	position: relative;
	background-image: url(images/warning_tesattrans.gif);
	background-repeat: no-repeat;
	height: 184px;
	z-index: 56;
	top: -145px;
	}	
	
	
	
#title	{
	width: 300px;
	padding: 0;
	text-align: right;
	position: absolute;
	height: auto;
	top: 100px;
	right: 20px;
	}
	

#mainimageblank	{
	margin: 180px 0px 0px 0px;
	padding: 0px;
	width: 515px;
	height: 328px;
	}
	
#mainimagegallery	{
	margin: 180px 0px 0px 0px;
	padding: 0px;
	width: 515px;
	height: 700px;
	}

#mainimage	{
	margin: 180px 0px 0px 0px;
	padding: 0px;
	width: 515px;
	list-style-type: none;
	background-image: url(images/marblearch.jpg);
	height: 328px;
	background-repeat: no-repeat;
	}
	
#mainimage-bugs	{
	margin: 180px 0px 0px 0px;
	padding: 0px;
	width: 515px;
	list-style-type: none;
	background-image: url(images/bugs_large_image.jpg);
	height: 328px;
	}
	
#mainimage-activities	{
	margin: 180px 0px 0px 0px;
	padding: 0px;
	width: 515px;
	list-style-type: none;
	background-image: url(images/activities_large_image.jpg);
	height: 328px;
	}
	
#vidholder	{
	margin: 180px 0px 0px 0px;
	padding: 0px;
	width: 515px;
	list-style-type: none;
	background-image: url(images/vidback.gif);
	height: 328px;
	text-align: center;
	background-repeat: no-repeat;
	}

.mailing {
	color: #999999;
}

.copyright {
	color: #FFCC33;
}

	
#leftcol {
	float:left;
	width:380px;
	
    }
	
#rightcol {
	float:right;
	width:525px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
    }
	
#rightcol_gallery {
	float:right;
	width:525px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	background-color: #4C4C4C;
    }
	
ul#nav	{
	margin: 200px 0px 0px 75px;
	padding: 0px;
	width: 225px;
	list-style-type: none;
	font-weight: 500;	
	}

ul#nav li	{
	margin: 3px 0px 3px 0px;
	padding: 0px;
	}

ul#nav ul	{
	margin: 3px 0px 3px 10px;
	padding: 0px;
	list-style-type: none;
	display: block;
	}

ul#nav ul ul	{
	margin: 3px 0px 3px 10px;
	padding: 0px;
	list-style-type: none;
	display: block;
	}

ul#nav ul ul li	{
	margin: 3px 0px 3px 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	}

ul#nav li.navhighlite,
ul#nav ul.navhighlite	{
	margin: 3px 0px 3px 0px;
	padding: 3px;
	background-color: #333333;
	color: #E3E3E3;
	text-decoration: none;
	display: block;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	}
	
ul#nav li.navhighlitelev2,
ul#nav ul.navhighlite2	{
	margin: 3px 0px 3px 0px;
	padding: 3px;
	background-color: #333333;
	color: #FFCC00;
	text-decoration: none;
	display: block;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	}
	
	ul#nav li.navhighlitehome,
ul#nav ul.navhighlitehome	{
	margin: 3px 0px 3px 0px;
	padding: 3px;
	background-color: #FF0000;
	color: #E3E3E3;
	text-decoration: none;
	display: block;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	}
	

ul#nav a	{
	padding: 3px;
	background-color: #666666;
	color: #E3E3E3;
	text-decoration: none;
	display: block;
	height: 100% ;
	}

ul#nav ul li a	{
	padding: 3px;
	background-color: #3F3F3F;
	color: #E3E3E3;
	text-decoration: none;
	display: block;
	height: 100% ;
	}


ul#nav a:hover	{
	padding: 3px;
	background-color: #717E81;
	color: #E3E3E3;
}

.jrparahead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

	
.yellowside 	{
	font-size: 17pt;
	color: #FFCC33;
	text-align: left;
	padding-left: 50px;
	padding-right: 65px;
	}

.yellowhighlite 	{
	font-size: 12pt;
	color: #FFCC33;
	text-align: left;
	font-weight: 550;
	}
	
.whitehighlite 	{
	font-size: 12pt;
	color: #FFFFFF;
	text-align: left;
	font-weight: 550;
	}

.front {
	font-family: Arial, "Gill Sans", Verdana, sans-serif;
	font-size: 9pt;
	color: #E3E3E3;
	
	}
	
.frontmid {
	font-family: Arial, "Gill Sans", Verdana, sans-serif;
	font-size: 11pt;
	color: #E3E3E3;
	
	}
	
.front_yellow {
	font-family: Arial, "Gill Sans", Verdana, sans-serif;
	font-size: 9pt;
	color: #ffcc33;
	
	}
	
.front_yellowmid {
	font-family: Arial, "Gill Sans", Verdana, sans-serif;
	font-size: 11pt;
	color: #ffcc33;
	
	}	
	
.parahead { 
	font-family: Arial, "Gill Sans", Verdana, sans-serif; 
	font-size: 9pt;
	color: #FFCC33;
	}

	
#pagetitles 	{
	color: #CCCCCC;
	text-align: right;
	font: 500 40pt Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/homepage-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 270px;
	}

#pagetitles_about 	{
	color: #CCCCCC;
	text-align: right;
	font: 500 40pt Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/about-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 350px;
	}

#pagetitles_the-bugbugs 	{
	color: #CCCCCC;
	text-align: right;
	font: 500 40pt Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/the-bugbugs-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 350px;
	}
	
#pagetitles_activities 	{
	color: #CCCCCC;
	text-align: right;
	font: 500 40pt Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/activities-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 350px;
	}

#pagetitles_branding 	{
	background-image: url(images/branding-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 350px;
	}
	
#pagetitles_gallery 	{
	background-image: url(images/gallery-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}

#pagetitles_riders 	{
	background-image: url(images/riders-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}

#pagetitles_news 	{
	background-image: url(images/news-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}
	
#pagetitles_questions 	{
	background-image: url(images/questions-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}

#pagetitles_media 	{
	background-image: url(images/media-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}

#pagetitles_corporate 	{
	background-image: url(images/corporate-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}

#pagetitles_sampling 	{
	background-image: url(images/sampling-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}
	
#pagetitles_other 	{
	background-image: url(images/other-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}
	
	
#pagetitles_training 	{
	background-image: url(images/training-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}
	
#pagetitles_recruitment 	{
	background-image: url(images/recruitment-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}	

#pagetitles_typeone 	{
	background-image: url(images/typeone-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}
	
#pagetitles_typetwo 	{
	background-image: url(images/typetwo-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}	
		
#pagetitles_contact 	{
	background-image: url(images/contact-title.gif);
	background-repeat: no-repeat;
	background-position: right;
	top: 120px;
	right: 20px;
	position: absolute;
	height: 48px;
	width: 400px;
	}	

#bottom	{
	margin: 3px 40px 0px 40px;
	padding: 0px;
	text-align: center;
	font-size: small;
	position: relative;
	top: -135px;
	}
#scrollframe {
	margin: 120px 0px 0px 75px;
	padding: 0px;
	width: 225px;
	list-style-type: none;
	font-weight: 500;
}
#blogframe {
	margin: 10px 50px 200px 75px;
	padding: 0px;
	list-style-type: none;
	font-weight: 500;
	width: 90%;
	left: auto;
	right: auto;
}

#blog	{
	width: 800px;
	padding: 0;
	text-align: right;
	height: auto;
	top: 525px;
	left: -400px;
	}