@charset "utf-8";

/***********************
 *
 * unit =  5px, column = 45 units, gutter = 3 unit(s), margin = 5 5 4 5 unit(s)
 *
 * Page:   995px
 * Column: 225px (4)
 * Gutter: 15px
 * Margin: 25px auto 25px auto
 *
 ***********************/

* {
	margin:0;
	padding:0;
}
html { overflow-y: scroll; }

body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:24px;
	background: #fff;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

/* Firefox trick: avoid extra vertical space between li with image */
li img { vertical-align:middle}

img {border:0}

a {
	outline:0 none;
	color: #b10034; 
	text-decoration: none; 
}

a:hover {
	text-decoration: underline; 
}
h4 {
	font-size:12px;
}
h5 {
	font-size:11px;
}

.smalltxt{
	font-size:10px;
	line-height:15px;;
}

.colorBm {
	color: #b10034; 
}
#bmMenu ul {
	list-style:none;
	overflow:hidden;
	width:225px;
	line-height:24px;
}
#bmMenu ul.main {
	margin-top:38px;
	position: relative ; /* IE7 relative position the ul otherwise the list items are positioned relative to the viewport, ignoring the overflow on their parent */
}

#bmMenu ul.sub a {
	font-size:12px; 
	color: #b10034; 
	text-decoration: none; 
	width:200px; 
	padding-left:25px; 
	margin-top:1px;
	display: block;
}
#bmMenu ul.sub a:hover {
	background: #b10034; 
	color: #fff; 
	text-decoration: none; 
}
#bmMenu ul a.selected {
	background: #b10034; 
	color: #fff; 
	text-decoration: none; 
}
#bmTitle {
	margin-bottom:25px;
}
#bmThumbnails li {
	float:left;
	display:block;
}
#bmThumbnails img {
	margin-right:5px;
	margin-bottom:5px;
	cursor: pointer;
}
#bmThumbnails img.lastThb {
	margin-right:0px;
}
#bmThumbnails ul {
	list-style:none;
}
#bmAnnex ul {
	font-size:10px; 
	list-style:none;
	border-bottom:solid 1px #b10034;
}
#bmAnnex ul li a {
	color: #b10034; 
	text-decoration: none; 
	width:225px; 
	line-height:23px;
	border-top:solid 1px #b10034;
	display: block;
}
#bmAnnex ul li a:hover {
	background: #b10034; 
	color: #fff; 
	text-decoration: none; 
}
#bmAnnex ul.sub {
	list-style:none;
	border:0px;
}
#bmAnnex ul.sub li a {
	line-height:24px;
	padding-left:25px;
	width:200px; 
	border:0px;
}

#bmText1 ul, #bmText2 ul {
	list-style:url(images/li_longline.png);
	margin-left:18px;
}

#bmText1 ul.nostyle, #bmText2 ul.nostyle {
	list-style:none;
	margin: 0px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.fullw { width:100%; }

.banner {height:175px; overflow:hidden;}
.banner img {cursor:pointer; }

.relative {position:relative;top:0px;left:0px;}		/* allow to move the object with javascript: this.style.left='-100px' */

#bmBody { width: 945px; margin: 25px auto 25px 25px; background: #fff; text-align: left; /* this overrides the text-align: center on the body element. */}

/* Use the '.column' class below to prepare divs to act like columns.
 The result is 'inline-block like' behaviour */

/* When combined with a '.colx#' or '.x#' class, the columns will sit next to each other.
 Otherwise, the column will take up as much room as it's content requires */
.column { float: left; display:inline; }

/* Use the '.last' class to strip the extra gutter margin from the last column */
.last { margin-right: 0 !important; }

/* Use the '.mbot' class to create a block element with a height separation equal to the gutter width */
.mbot { margin-bottom: 15px; }

/* column units */

.colx1 { width: 225px; margin-right: 15px;}
.colx2 { width: 465px; margin-right: 15px;}
.colx3 { width: 705px; margin-right: 15px;}
.colx4 { width: 945px; overflow: hidden; }


/* .full_nopad is to keep your tables from breaking layouts 
We don't trust 100% on tables */

.colx4 .full_nopad { width: 945px; }
.colx3 .full_nopad { width: 705px; }
.colx2 .full_nopad { width: 465px; }
.colx1 .full_nopad { width: 225px; }


/* add space to the right of elements equal to column divisions */

.rt-colx1 { margin-right: 240px; }
.rt-colx2 { margin-right: 480px; }
.rt-colx3 { margin-right: 720px; }


/* add space to the left of elements equal to column divisions */

.lt-colx1 { margin-left: 240px; }
.lt-colx2 { margin-left: 480px; }
.lt-colx3 { margin-left: 720px; }