/* 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;
		/* margin-top: 7px; */
		border: 1px solid white;
		/* border-bottom: 2px solid white;  29px for BSE header */
		/* 	*/
		font: normal 70% verdana, helvetica, sans-serif;
		text-align: left;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 1004px;
		
		}
		
		
		/* \*/
		* html #site {
			
			background-position: 0 29px;
			background-repeat: no-repeat;
			background-color: transparent;
			background-image: url("img/about/HomePg_Background.jpg");

			}
		/* */
		
/* ------------------------------------------------------------------------ */

/* 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                           */
	
#headingh1 {
	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: 2px 7px 1px 6px;
		border-width: 1px 1px 1px 1px;
		
	}	

	#primaryNav li li a:hover {
		background: #5780AE;
		border-style: solid;
		border-color: white;
		padding: 2px 7px 1px 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: 173px;
		margin: 30PX 0 0 633px;
		/*background-image: url("img/about/bse-video3.swf");*/
		position: absolute;
		z-index: 1
	}

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


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

/* 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");
		/* border-bottom:  url("img/Brown_Border_Line_1004x4.jpg"); */
		/* border-bottom-width: 4; */
		
	}
	
/* ------------------------------------------------------------------------ */

/* 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: 1px solid #ccc; */
		border-top: 0;
		border-bottom: 0;
		border-right: 0;
		border-left: 0;
		text-align: justify;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 212px;
		}
		
	
		
	#spotlight dt {
		font: bold 1.3em helvetica, sans-serif;
		color: #072B61; /* #669933; */
		background: #fff;
		/*padding: 0 3px;*/
		}
		
	#spotlight dd {
		background: #fff;
		padding: 0 3px 6px 0;
		/*border: 1px solid #ccc;*/
		}
		
/* ------------------------------------------------------------------------ */
	
/* 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: #072B61;
		}
		
	.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 {
	
		}
						
	#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 {
		margin: 0 1.5em;
		list-style: none;
		padding: 0;
		}

	li { /* all list items */
		float: left;
		position: relative;
		
	}

	li#first {
		
	}

	li#last {
		
	}

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

	li>ul {
		top: auto;
		left: auto;
	}

	li li {
		display: block;
		float: none;
		background-color: transparent;
		
	}

	li:hover ul, li.over ul {
		display: block;
	}
		
	h2 {
		font: bold 1.25em helvetica, sans-serif;
		color: #072B61;
		margin: 1.25em 0 0 0;
		}
		
	h3 {
		font: bold 1em helvetica, sans-serif;
		color: #072B61;
		margin: 1em 0 0 0;
		}

/* ------------------------------------------------------------------------ */
	
/* 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%;
			}
			
		.clear {
			display: block;
			}
	/* */

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

/* this is a class to position the BSE logo under the left Nav */

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

#copyRightLogo { 
	width: 90px;
	height: 21px;
	margin: 20px 0 2px 0;
	background-image: url("img/Copyright.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 1;
}

.middleTD {
	background-color: #072B61;
	height: 120px;
}

.logoTD {
	height: 65px;
	background-color: #072B61;
}

/*  this class is used to change the color of the dropdown links*/

.linkChange {
	color: #060;
}
/* news section */
.wnTop {
	margin-left: 5px;
	font-family: verdana;
	font-weight: bold;
	background-color: #072B61;
	color: #ffffff;
	font-size: 12px;
	padding: 3px;
}

.wnCopy {
	padding-left: 5px;
	font-size: 11px;
	padding-bottom: 3px;
}


/*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;
}

#whatsNew, #whatsNew td, #whatsNew td span {
	font-family: verdana;
	font-size: 11px;
}

#whatsNew a:link {
	font: normal verdana, helvetica, sans-serif;
	color: blue;	
	text-decoration: underline; 
}

#whatsNew a:visited {
	font: normal verdana, helvetica, sans-serif;
	color: blue;	
	text-decoration: underline; 
}

#whatsNew a:active {
	font: normal verdana, helvetica, sans-serif;
	background: #ffffff;
	color: blue;	
	text-decoration: underline; 
}

#whatsNew a:hover {
	font: normal verdana, helvetica, sans-serif;
	color: red;	
	text-decoration: underline; 
}