/* Time/sanity savings technique */
/* Set all padding and margins   */
/* to zero   
*/
	* {
		padding: 0;
		margin: 0;
		}	


/* Set up the backgrounds, the basic   */
/* color and stripe are handled by the */
/* HTML tag, the heading and width of  */
/* site are handled by the site tag    */

	html {
		background-position: 0 61px;
		background-repeat: repeat-x;
		background-color: #5780ae;
		background-image: url("img/a_back_tile.jpg")
		}
		
	body {
		text-align: center;
		}
		
	#site {
		position: relative;		
		margin: auto;
		border: 1px solid white;
		font: normal 70% verdana, helvetica, sans-serif;
		text-align: left;
		width: 1004px;
		background-position: 0 29px;
		background-repeat: no-repeat;
		background-color: transparent;
		background-image: url("img/about/Vendors_Background.jpg");
		}
		
		* html #site {			
			
			}



/* H1 tag controls the top BSE banner, it fits      */
/* in the space left by the background image        */
/* on the body tag, which starts 29px from the top. */
/* The text is indented off the screen, so only the */
/* background image shows                           */
	
h1 {
	height: 31px;
	font: normal 1px sans-serif;
	text-indent: -9999px;;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url("img/TitleBar.jpg")
	}
	
/* ------------------------------------------------------------------------ */

/* Unordered list with the elements floated left, */
/* IE needs an inline-block property to keep the  */
/* floats from expanding to 100%                  */
	#primaryNav {
		margin: 7px 0 11px 0;
		border: 1px solid white;
		border-left: 0;
		border-right: 0;
		background: #072B61;
		list-style: none;
		width: 1003px;
		}
		
		
	#primaryNav a {
		display: block;
		padding: 2px 7px 1px 6px;
		background: transparent url("img/a_nav.gif") no-repeat center right;
		font: normal 70% Tahoma, verdana, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: white;
		text-decoration: none;
		line-height: 11px;
		}
		
	#primaryNav a:hover {
		background: #5780AE url("img/a_nav.gif") no-repeat center right;
		padding: 2px 7px 1px 6px;
		}

	#primaryNav li li a {
		background: #072B61;
		display: block;
		font-weight: normal;
		border-style: solid;
		border-color: #072B61;
		padding: 5px 7px 5px 6px;	
		border-width: 1px 1px 1px 1px;		
	}	

	#primaryNav li li a:hover {
		background: #5780AE;
		border-style: solid;
		border-color: white;
		padding: 5px 7px 5px 6px;	
		border-width: 1px 1px 1px 1px;
	}		
		
	* html #primaryNav a {
		display: inline-table;
		}
		
	#firstNav {
		background: transparent url("img/a_nav.gif") no-repeat center left;
		margin-left: 5px; /* put the image on the left and the right */		
	}
	
	#primaryNav ul {
		margin: 0 1.5em;
		list-style: none;
		padding: 0;
		}

	  #primaryNav li { 
		float: left;
		position: relative;
		list-style-type: none;
	}


	 #primaryNav li ul {
		display: none;
		position: absolute;
		top: 2.008em;
		left: 0;
		width: 25em;
		FontColor: "white";
		margin: 0 0 0 0;		
		font-weight: bold;		
		background: #072B61;
		padding: 0.5em 0 1em 0;		
	}

	#primaryNav li>ul, {
		top: auto;
		left: auto;
	}

	#primaryNav li li {
		display: block;
		float: none;
		background-color: transparent;		
	}
	
	#primaryNav li:hover ul, #primaryNav li.over ul {
		display: block;
	}

	
/* ------------------------------------------------------------------------ */
	
/* Flash is wrapped in a div, because the   */
/* the movie was leaving an gap underneath  */
/* that couldn't be closed in some browsers */

	#flash {
		width: 293px;
		height: 136px;
		margin: 0 0 0 705px;
		}
		
/* Green left and right plus the grey grid images */
	#lftimg {
		margin-top: 171em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1px
	}

	


/* Flash is wrapped in a div, because the   */
/* the movie was leaving an gap underneath  */
/* that couldn't be closed in some browsers */

	#nwimg {
		width: 369px;
		height: 154px;
		margin: 36PX 0 0 633px;
		background-image: url("img/about/Vendors_Picture.jpg");;
		position: absolute;
		z-index: 1
	}

	#dropDwn {
		position: absolute;
		z-index: 2
	}


/* ------------------------------------------------------------------------ */

/* Setup space for three main columns, and     */
/* tile the white background and orange stripe */

	#mainContent {
		padding: 0 3px 0 21px;
		margin-bottom: 2px;		
		background-position: 0 0;
		background-repeat: repeat-y;
		background-color: transparent;
		background-image: url("img/a_content.jpg");		
	}
	
/* ------------------------------------------------------------------------ */

/* column one, spotlight text. The orange is  */
/* a tiled background on #mainContent and the */
/* bse logo is below all the columns          */

	#spotlight {
		float: left;
		background: #072B61;
		border-top: 0;
		border-bottom: 0;
		text-align: justify;
		width: 214px;
		}
		
	
		
	#spotlight dt {
		font: bold 1.3em helvetica, sans-serif;
		color: #669933;
		background: #fff;
		padding: 0 3px;
		}
		
	#spotlight dd {
		background: #fff;
		padding: 0 3px 6px 0;
		}
		
/* ------------------------------------------------------------------------ */
	
/* Column two, company information. */
	
	#company {
		float: left;
		width: 360px;
		padding: 0 15px 0 17px;
		margin-bottom: 10px;;
	 	margin-top: 20px
		}
		
	#company dt {
		font: bold 1.25em helvetica, sans-serif;
		color: #072B61;
		margin: 1.1em 0 0 0;
		}
		
/* ------------------------------------------------------------------------ */

/* Column three - login form and news. grid    */
/* backgrounds are on the dt tags, the left    */
/* line is made up of left borders on the dd   */
/* and dt tags                                 */
	
	#utilities {
		float: right;
		width: 290px;;
	margin-top: 50px
		}
				
	#utilities dd {
		padding:  0 0 10px 20px;
		border-left: 1px solid black;
		}
		
/* ------------------------------------------------------------------------ */

/* Misc. Styles for login form */
	
	#formNews form {
		margin-left: 30px;
		}
		
	label {
		font: bold 11px helvetica, sans-serif;
		color: #79901f;
		}
		
	.large {
		width: 140px;
		}
	
	#loginSubmit {
		position: relative;
		left: 7px;
		top: 3px;
		}
		
/* ------------------------------------------------------------------------ */

/* The logo is the last element on the page It looks like it is part of  	*/
/* the spotlight column, but is actually it's own space below all three     */
/* columns, then padding puts it in the correct space. This allows the logo */
/* to be at the bottom, no matter which column is longest 				 	*/
	
	#logo {
		display: block;
		clear: both;
		margin: 25px 0 25px 28px;
		}
		
/* ------------------------------------------------------------------------ */

/* HTML elements */
	 p { 
		padding: 5px 0;
		 }
		
	#wcmBodyContent a:link {
		font: normal verdana, helvetica, sans-serif;
		color: blue;
		text-decoration: underline; 
		}
		
	#wcmBodyContent a:visited {
		font: normal verdana, helvetica, sans-serif;
		color: Blue;
		text-decoration: underline;
		}
			
	#wcmBodyContent a:active {
		font: normal verdana, helvetica, sans-serif;
		background: #ffffff;
		text-decoration: underline;
		color: Blue;
		}
		
	#wcmBodyContent a:hover {
		font: normal verdana, helvetica, sans-serif;
		color: red;
		}
			

	ul, li {		
		list-style-type: square;
		float: none;
	}

/* ------------------------------------------------------------------------ */
	
/* The clear class is invaluable when working with floats,	  */
/* allows the clearing of content below floats without		  */
/* using nonsensical markup. see www.positioniseverything.net */

	.clear:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clear {
		display: inline-table;
		}
	
		* html .clear {
			height: 1%;
			}

/* ------------------------------------------------------------------------ */

/*The following classes are for the BSE Brick and copyright on bottom*/
/* this is a class to position the BSE logo under the left Nav */

#BSELogo { 
	width: 75px;
	height: 47px;
	margin: 6px 0 0 64px;
	background-image: url("img/BSEBrick.jpg");
	background-repeat: no-repeat;
	background-position: bottom;	
	position: static;
	z-index: 1;
	
}

/*Background cell color where the bsebrick image is located*/
.middleTD {
	background-color: #072B61;
	height: 120px;
}

.logoTD {
	height: 65px;
	background-color: #072B61;
}
.bottomTD {
	height: 45px;
	background-color: #072B61;
}
.hrCopyright
{
	width: 100%;
	color: #072B61;
}
.copyrightText
{
	text-align: center;
	vertical-align: middle;
}
/*  this class is used to change the color of the dropdown links*/
/*ejb 10/19/06 NOT USED?
.linkChange {
	color: #060;
}
*/
/* extra content style to lock down font sizes */
#wpsXtraContent, #wpsXtraContent span td {
	font-family: verdana;
	font-size: 11px!important;
}