/* CSS Document */
/* IE 6 Hacks */
/*@import url(BMGStyles_ie6Win.css);*/

/* HTML styles */
html {
	margin: 0px;
	padding: 0px;
	}
	
body{
		background-color: #ffffff;
		text-decoration: none;
		font: 14px/17px helvetica neue light, arial,helvetica,verdana,sans-serif; 
		color: #000;
		margin: 0px; 
		padding: 0px;
		}
	
a:link {
		color: #ff2222;
		text-decoration: underline;
		}

a:hover {
		color: #ffffff;
		}
	
a:visited {
			color: #ff2222;
			text-decoration: underline;
			}
		

h1 {
	font: bold 20px/20px helvetica neue light, arial, verdana, lucida, sans-serif;
	color: #ff2222;
	padding-left: 13px;
	padding-bottom: 10px;
	}
			
div, li, ol, ul{
		text-decoration: none;
		font: 14px/17px helvetica neue light, arial,helvetica,verdana,sans-serif;  
		color: #000;
		margin: 0px; 
		padding: 0px;
		}
		

form {margin: 0;}

	
p,h1,pre {
	margin:0px 0px 0px 0px;
	}
	
.blue{
	color:#000099;
	}

.bold{
	font-weight:bold;
}

.small{
	font-size:11px;
	font-weight:bold;}

/* Holds the position and with of the main window */	
#container {
	position:absolute;
	left:0px;
	top: 0px;
	width:950px;
	min-height:100%;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	background-image: url(../images/background.gif);
	background-repeat: repeat x;	
	}
	
#topRow{
	width: 950px;
	height: 146px;
	background-image: url(../images/topBanner.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}
	
	
	
/*HEADER*/	
#logoLeft {
	float: left;
	width: 208px;
	height: 146px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/BMGLogo.jpg);
	background-repeat: no-repeat;
	}

#logoLeft li {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	display: inline;
	}
	
#logoLeft li a:link, #logoLeft li a:visited {
	display: block; 
	float: left;
	width: 208px;
	height: 146px;
	}
	
#logoLeft li a:hover {background-image: url(../images/BMGLogo.jpg);}

#logoLeft span {display: none;};

#tagLineRight{
	display: none;
	}
						
#tagLineRight p {
	display: none;
	}
	
#tagLineRight p.IE {
	
	}

/*3 COLUMN AREA*/
#wrapper{
	margin-left: 0px;
	margin-top: 0px;
	width:950px;
	}
	
#wrapper #leftCol{
   float: left;
   width: 209px;
   height: 100%;
   padding: 0px;
   background-color: #000;
	}
	
#wrapper #bodyArea{
	float: left;
	width: 570px;
	height: 100%;
	padding-top: 20px;
	}
	
#wrapper #rightCol{
	float: left;
	width: 165px;
	height: 100%;
	padding-top: 20px;
	padding-left: 5px;
	}

#wrapper #bodyArea p {
	color: #000;
	margin-left: 15px;
	margin-right: 15px;
	}	
	
#wrapper #bodyArea p.step{
	text-align: center;
	color: #ff2222;
	font: bold 13px/15px helvetica neue light, arial, verdana, lucida, sans-serif;
	}
	
#wrapper #bodyArea p.subheader{
	text-align: center;
	color: #000;
	font: bold 14px/17px helvetica neue light, arial, verdana, lucida, sans-serif;
	}
	
#wrapper #bodyArea p.bold{
	font: bold 14px/17px helvetica neue light, arial, verdana, lucida, sans-serif;
	}
	
#wrapper #bodyArea .oblique{
	font-style: oblique;
	}
	
#wrapper #bodyArea p.image{
	text-align: center;
	margin-left: 15px;
	}
	
#wrapper #bodyArea p.imageCenter{
	text-align: center;
	margin-left: 15px;
	}
	
#wrapper #bodyArea span.question{
	text-align: left;
	margin-left: 0px;
	font: bold 14px/17px helvetica neue light, arial, verdana, lucida, sans-serif;
	color: #ff2222;
	}
	
#wrapper #bodyArea span.answer{
	text-align: left;
	margin-left: 0px;
	font: bold 14px/17px helvetica neue light, arial, verdana, lucida, sans-serif;
	color: #ff2222;
	}
	
#wrapper #bodyArea ul{
	border: 0px;
	list-style-type: disc;
	margin-left: 10px;
	padding-left: 10px;
	}
	
#wrapper #bodyArea li{
	font: normal 14px/17px helvetica neue light, arial, Helvetica, Verdana, sans-serif;
	margin-left: 14px;
	text-align: left;
	}

	
p.top{
	font-size: 12px;
	}
	
	
.top a:hover{
	color: #000;
	}
	

p.popUp {
	color: #ff2222;
	}
	
.popUp a:hover{
	color: #000;
	}
	
#wrapper #bodyArea a:hover{
	color: #000;
	}
	
p.footerText{
	font: bold 11px/14px helvetica, arial, verdana, lucida, sans-serif;
	}


.caption{
	font: bold 11px/14px helvetica, arial, verdana, lucida, sans-serif;
	}
	
.credits{
	font: normal 11px/14px helvetica, arial, verdana, lucida, sans-serif;
	}

/* Left Side Navigation */
.menu{
	width: 207px;
	font: normal 13px/15px helvetica neue light, arial, verdana, lucida, sans-serif;
	text-decoration: none;
	margin: 0px;
	padding-top: 5px;
	}

.menu ul, .menu ul.item{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	}

.menu ul li{
	font: normal 13px/15px verdana, lucida, sans-serif;
	text-decoration: none;
	margin-left: 7px;
	padding-top: 15px;
	}
	
.menu ul li.item{
	font: normal 13px/15px verdana, lucida, sans-serif;
	text-decoration: none;
	margin-left: 7px;
	padding-top: 0px;
	}

.menu ul li a {
	display: block;
	color: #000;
	padding: 1px 0px 1px 12px;
	width: 172px;
	font: bold 13px/15px helvetica neue light, arial, verdana, lucida, sans-serif;
	}
	
.menu ul li a.item {
	display: block;
	color: #fff;
	padding: 1px 0px 1px 12px;
	width: 172px;	
	}

.menu ul li a:link, .menu ul li a:visited{
	border-left: 5px solid #000;
	background: #000;
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/menuHeaderOff.gif) left center no-repeat;
	}
	
.menu ul li a.item, .menuItem ul li a.item:visited{
	border-left: 5px solid #000;
	background: #000;
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/menuItemOff.gif) left center no-repeat;
	}

.menu ul li a:hover {
	color: #ff2222;
	background: transparent url(../images/menuHeaderOn.gif) left center no-repeat;
	}
	
.menu ul li a#current, .menu ul li a#current:hover {
	background: transparent url(../images/menuHeaderDown.gif) left center no-repeat;
	color: #ff2222;
	text-decoration: none;
	width: 172px;
	}
	
.menu ul li a#currentWithSub, .menu ul li a#current:hover {
	background: transparent url(../images/menuHeaderDown.gif) left center no-repeat;
	color: #fff;
	text-decoration: none;
	width: 172px;
	}
	
.menu ul li a#currentWithSub:hover {
	background: transparent url(../images/menuHeaderDown.gif) left center no-repeat;
	color: #ff2222;
	text-decoration: none;
	width: 172px;
	}
	
.menu ul li a#currentSub {
	background: transparent url(../images/menuHeaderDownWhite.gif) left center no-repeat;
	color: #fff;
	text-decoration: none;
	width: 172px;
	}
	
.menu ul li a#currentSub:hover {
	background: transparent url(../images/menuHeaderDown.gif) left center no-repeat;
	color: #ff2222;
	text-decoration: none;
	width: 172px;
	}
	
.menu ul li  a#currentSingle, .menu ul li a#currentSingle:hover {
	color: #ff2222;
	background: transparent url(../images/menuHeaderOn.gif) left center no-repeat;
	}

.menu ul li a.item:hover{
	color: #ff2222;
	background: transparent url(../images/menuItemOn.gif) left center no-repeat;
	}

.menu ul li a.item#current, .menu ul li a.item#current:hover {
	background: transparent url(../images/menuItemOn.gif) left center no-repeat;
	color: #ff2222;
	text-decoration: none;
	width: 172px;
	}
	
	
/* horizontal scroll styles*/
.hscrollInstructions{
	text-align: left;
	font: normal 12px/12px helvetica neue light, arial, verdana, lucida, sans-serif;
	color: #000;
	margin-left: 15px;
	padding-bottom: 5px;
	}
	
.hscroll{
	background-color:#000;
	margin-left: 10px;
	padding: 4px;
	width: 540px;
    height: 134px;
	border: 1px inset #999;
	text-align: left;
	overflow: auto;	
	}
	
.tnNumber{text-align:center}


/* Vertical Scroll Styles*/
.vscroll{
	background-color:#fff;
	margin-left: 0px;
/*	padding: 4px;*/
	width: 540px;
    /*height: 500px;*/
	/*border: 1px inset #999;*/
	text-align: left;
	/*overflow: scroll;	*/
	}
	

/* horizontal scroll navigation */	
 #navcontainer{
	margin: 0px;
	padding: 0px;
	height: 110px;
	color: #fff;
	}

#navcontainer ul{
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;	
	}

#navcontainer ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;	
	position: relative;
	width: 112px;
	}

#navcontainer ul li a{
	background: #000;
	width: 110px;
	height: 113px;
	border: 1px solid #000;
	padding: 0px;
	margin: 0px;
	color: #fff;
	text-decoration: underline;
	display: block;
	text-align: center;
	font: normal 12px/18px helvetica neue light, arial, helvetica, verdana, sans-serif;
}

#navcontainer ul li a:hover{
	color: #ff2222;
	background: #fff;
	border: 1px solid #fff;
	}
	


	
/* Holds the position of the white area containing the side menu and text */	
div.spacer {
  clear: both;
  }
	

.kitBorder{
	border: 1px solid #000;
	width: 550px;
	margin-left: 10px;
	}