/*
Style sheet for: jbt.com
Created by: Travis Wells
Date Created: 11/01/2008
Last Edited: 08/02/2008

Issues to resolve:
- None known
*/


/*Link styles */
a
	{
		padding: 0;
		margin: 0;	
	}
a:link 
	{
		color: red;
		text-decoration: none;
	}
	
a:active
	{
		color: white;
		text-decoration: none;
	}
	
a:visited
	{
		color: red;
		text-decoration: none;

	}
	
a:hover
	{
		color: Maroon;
	}
	
div.content a:hover
	{
		color: Navy;
	}
	

div.JBTheader p
	{
		float: right;
		text-align: left;
		width: 250px;
		font-size: 12px;
		margin: 25px 0 0 0;	
	}
div.JBTheader img
	{
		margin: 20px 0 0 800px;
	}

body
	{
		margin: 0px;
		background-color: white;
		background-image: url(../design/jbt_background.jpg);	
		background-repeat: repeat-x;
		z-index: 10;
	}
	
.wrapper
	{
		position: relative;
		height: 620px;
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
	}

/* contains all content div's */	
.content
	{
		text-align: center;
		height: 400px;
		width: 1000px;
		background-color: white;
		background-image: url(../design/jbt_content_background_07.jpg);	
		background-repeat: no-repeat;
		font-size: 12px;
	}

.singleContent
	{
		text-align: left;
		height: 400px;
		width: 480px;
		background-color: white;
		font-size: 12px;
		margin-left: auto;
		margin-right: auto;
		font-family: Sans-Serif;
	}	
	
.imageViewer
	{
		text-align: center;
		height: 400px;
		width: 480px;
		background-color: white;
		font-size: 12px;
		margin-left: auto;
		margin-right: auto;
		font-family: Sans-Serif;
	}	
	
div.singleContent h2
	{
		text-align: center;	
		padding: 0;
		margin: 0;
	}
div.singleContent hr
	{
		text-align: center;	
		margin-left: auto;
		margin-right: auto;
	}
div.singleContent label
	{
		width: 100px;
        text-align: right;
        font-size: 12px;
        font-weight: bold;
        float: left;	
	}
.rightcontent
	{
		width: 500px;
		height: auto;
		background-color: Transparent;
		float: right;
		text-align: left;
	}

div.rightcontent label
	{
		width: 100px;
        text-align: right;
        font-size: 12px;
        font-weight: bold;
        float: left;	
	}	
.leftcontent
	{
		width: 500px;
		height: auto;
		background-color: Transparent;
		float: left;
		text-align: left;
	}
.leftcontent p 
	{
		margin-left:75px	
	}

.JBTheader
	{
		height: 125px;
		width: 1000px;
		background-image: url(../design/jbt_header_06.gif);
		font-family: Sans-Serif;
	}
	


/* Link Bar */
.dividerBar
	{
		height: 35px;
		width: 1000px;
		color: White;
		text-align: center;
		font-size: 14px;
		background-color: Black;
		font-family: Sans-Serif;
	}	
	
.footer
	{
		height: 125px;
		width:1000px;
		color: White;	
		text-align: center;
		font-size: 12px;
		background-image: url(../design/jbt_footer_02.gif);
	}

	
.wtIcon
	{
		float: right;
		padding: 0 50px 0 0;
	}

	

/*Styles for standard xhtml tags. */
img
	{
		text-decoration: none;
		border: 0;
		padding: 0;
		margin: 0;
	}
h2
	{
		font-size: 22px;	
	}
h4
	{
		margin: 3px 0 0 0;
		padding:5px 0 0 0;
		font-size: 12px;	
	}	
hr
	{
		height: 2px;
		color: red;
		width: 300px;
		padding: 0 0 0 0;
		background-color: red;
		border: 0px;
	}
h2
	{
		padding: 0;	
		margin: 0;
	}	
	
dl
	{
		font-size: 14px;
		font-weight: bold;
	}

p
	{
		font-size: 12px;
		padding: 0;
		margin: 0;	
	}	
dd
	{
		font-size: 12px;
		font-weight: normal;	
	}

li
	{
		font-size: 12px;	
	}
/*Image Positioning */
.l1Image
    {
        position: absolute;
        left: 150px;
        top: 190px;
        width: 100px;
        height: 100px;
    }
.l2Image
    {
        position: absolute;
        left: 80px;
        top: 310px;
        width: 100px;
        height: 100px;
        background-color: black;
    }
.l3Image
    {
        position: absolute;
        left: 150px;
        top: 430px;
        width: 100px;
        height: 100px;
        background-color: black;
    }
.r1Image
    {
        position: absolute;
        right: 150px;
        top: 190px;
        width: 100px;
        height: 100px;
        background-color: black;
    }
.r2Image
    {
        position: absolute;
        right: 80px;
        top: 310px;
        width: 100px;
        height: 100px;
        background-color: black;
    }
.r3Image
    {
        position: absolute;
        right: 150px;
        top: 430px;
        width: 100px;
        height: 100px;
        background-color: black;
    }
    
.building
    {
        position: absolute;
        right: 270px;
        top: 295px;
        width: 300px;
        height: 100px;
        background-color: black;
        text-align: center;
        font-size: 10px;
        font-family: Sans-Serif;
    }