body{
	margin: 0px 0px 0px 0px;
	background: #610b00 url("../images_red_2007/topbg.gif") repeat-x;
	color: #000;
}
body.Popup {
	background: #eaeaea;
}
body,div,p,li, td, th{
	font-family: Tahoma, Arial, Verdana, serif;
	font-size: 11px;
	color: #333333;
}
a{ color: #000; }
a img{ border: none; }
form {
	margin: 0px;
	padding: 0px;
}
h1{ 
	font-size: 14px;
}
h2{ font-size: 14px; }
h3{ font-size: 12px; }
h4{ font-size: 11px; }
h3 {
	border-bottom: 1px solid #cad1c1;
	padding: 2px 0px 3px 6px;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
}
table {
	border-collapse: collapse;
}
table td{
	padding: 0px;
	vertical-align: top;
}

/************   Header colors  ****************/
.Blue {
	background-color: #c3c8d6;
}
.Green {
	background-color: #ccd3c3;
}
.Brown {
	background-color: #e2d9b0;
}
.Gray {
	background-color: #d6d4d6;
}
.LightBrown {
	background-color: #f3eec9;
}
input.Text, select.Text, textarea.Text {
	width: 200px;
}
input.Wide, select.Wide, textarea.Wide {
	width: 400px;
}
div.Center {
	text-align: center;
}
div.LoginError {
	position: absolute;
	margin: 1px 0px 0px 18px;
	font-size: 10px;
	font-weight: bold;
	color: #ffda72;
}
div.ErrorMessage {
	position: absolute;
	margin: 1px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	color: #f4181d;
	text-align: left;
}

.Main{
	text-align: left;
	height: 100%;
	width: 100%
}
#topArea{
	background: url("../images_red_2007/logobg.jpg") top left no-repeat;
	height: 107px;
}
#logoArea {
	margin: 0px;
	height: 107px;
	width: 372px;
	overflow: hidden;
	text-align: left;
	float: left;
}
#logoArea #logo{
	margin-top: 28px;
	margin-left: 43px;
}
.TopBanner{
	float: left;
	padding: 30px 0px 0px 0px; 
}
div.TopMenuBg{
  background: url("../images_red_2007/menu-bg.gif") repeat-x;
}
#topMenu{
  height: 40px;
  background: url("../images_red_2007/menu-right.gif") right top no-repeat;
}
#topSearchForm{
	float: left;
	margin-left: 80px;
	display: inline;
}
div.TSFText{
	float: left;
}
#topSearchForm input.Text{
	border: none;
	padding-left: 4px;
	padding-top: 3px;
	font-size: 10px;
	margin-top: 10px;
	width: 147px;
	height: 19px;
	text-align: left;
	background: url("../images_red_2007/searchbox-bg.gif") center no-repeat;
}

#middleRedArea{
  background: url("../images_red_2007/mredbg.gif") top repeat-x;
  height: 76px;
  text-align: left;
}
#hpMiddleArea{
  /*background: #5f0b00;*/
}

#mraMemebersLogin,
#mraNewUsers{
	padding-top: 23px;
	float: left;
	display: inline;
}
#mraMemebersLogin{
  margin-left: 20px;
	width: 130px;
}
#mraNewUsers{
  margin-left: 26px;
	width: 165px;
}
#mraMemebersLogin a,
#mraNewUsers a{
  font-size: 9px;
	color: #FFAB9A;
}
#mraLoginForm{
  width: 219px;
	height: 75px;
	margin-top: 1px;
  background: url("../images_red_2007/dot2bg.gif") top repeat-x;	
	float: left;
}
#mraLoginForm div.LoginTableArea {
  padding: 15px 0px 0px 18px;
}
#mraLoginForm table{
	width:  184px;
}
#mraLoginForm table td{
	padding: 1px;
}
#mraLoginForm input.text{
  border: 1px solid #FDE7E8;
	width: 131px;
}
#mraLoginFormAuth {
	width: 280px;
	height: 75px;
	margin-top: 1px;
	background: url("../images_red_2007/dot2bg.gif") top repeat-x;	
	float: left;
}
#mraLoginFormAuth p {
	color: #ffffff;
	margin: 0px;
	padding: 0px 10px 0px 20px;
	line-height: 14px;
}
#mraLoginFormAuth p.User {
	padding: 11px 10px 5px 20px;
}
#mraLoginFormAuth p a {
 	color: #ffab9a;
	font-size: 9px;
}
div.AuthMenuItemsArea {
	float: left;
	padding: 14px 0px 0px 0px;
	width: 280px;
}
div.AuthMenuItemsArea img{
	margin: 0px 0px 6px 20px;
}
.BlockRB{
  border-right: 1px solid #73190D;
}
.BlockHead{
  border-bottom: 2px solid #B4BAAC;
}
.BlockHead h2{
  padding: 0px;
	margin: 0px;
}
.BH_1{
  background: #556075 url("../images_red_2007/bh1-bg.gif") repeat-x;
	width: 279px;
}
.BH_1 h2{ background: url("../images_red_2007/bh1-right.gif") right top no-repeat; height: 40px;}

.BH_2{ 
  background: url("../images_red_2007/bh2-bg.gif") repeat-x; 
  width: 280px; 
}
.BH_2 h2{ background: url("../images_red_2007/bh2-right.gif") right top no-repeat; height: 40px;}

.BH_3{ 
  background: url("../images_red_2007/bh3-bg.gif") repeat-x; 
  width: 279px;
}
.BH_3 h2{ background: url("../images_red_2007/bh3-right.gif") right top no-repeat; height: 40px;}

.HeaderLink {
	float: right;
	padding: 14px 20px 0px 0px;
}
.HeaderLink a{
	font-size: 9px;
	font-weight: normal;
}
.BlueLink a {
	color: #ced8eb;
}
.GreenLink a {
	color: #dce4d3;
}
.BrownLink a {
	color: #e6e3c4;
}
.GrayLink a {
	color: #d8d8d8;
}
.HomeWideLine{
	background: url("../images_red_2007/hp-bg.gif") repeat-x;
}
.HomeTopLine{
	background: url("../images_red_2007/hp-top-bg.gif") repeat-x;
}

.blc1{
  background: #ebf1ff;
	/*padding-left: 10px;*/
}
.blc2{
  background: #F0F8E5;
	/*padding-left: 10px;*/
}
.blc3{
  background: #FCF9D8;
	/*padding-left: 10px;*/
}
.blc4{
  background: url("../images_red_2007/block-right-bg.gif");
}
.LatestArticlesHeader{
  background: url("../images_red_2007/bharticles-bg.gif") repeat-x;
	width: 840px;
	text-align: left;
	/*margin-left: 30px;*/
}
.LatestArticlesHeader h2{
  background: url("../images_red_2007/bharticles-right.gif") right top no-repeat;
	padding: 0px;
	margin: 0px;
	height: 40px;
}
table.Articles3C{
  /*margin-left: 30px;*/
	margin-top: 1px;
	clear: both;
}
table.Articles3C td{
	background: #c4c4c4 url("../images_red_2007/block-articles-bg.gif") top repeat-x;
	padding-right: 5px;
	overflow: hidden;
}
.ArticleImg{
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	display: inline;
}
.ArticleCont{
	margin: 0px 0px 0px 10px;
	padding: 15px 0px 10px 0px;
}
.ArticleCont h3{
	margin: 0px 0px 12px 0px;
	padding:  0px 0px 0px 0px;
	color: #D71700;
	border: none;
}
.ArticleCont h3 a{
	text-decoration: none;
}
.ArticleCont a{ 
	color: #D71700;
}
.ArticleCont .ArticleDesc{
	margin-bottom: 10px;
	padding:  0px 0px 0px 0px;
	color: #333;
}

.BlockCont{
  /*width: 265px;*/
	padding: 10px 0px 10px 0px;
	overflow: hidden;
}
.BlockCont h4{
  margin: 0px;
	padding: 0px 0px 3px 10px;
	color: #D71700;
	background: url("../images_red_2007/head-arrow.gif") 0px 5px no-repeat;	
}
.BlockCont h4 a{
	color: #D71700;
	text-decoration: none;
}
.BlockCont .UnderBlHead{
  font-size: 9px;
	margin-left: 10px;
	margin-bottom: 10px;	
	color: #333333;
}
.BottBanner{
  width: 840px;
	background: url("../images_red_2007/bannbott-bg.gif") left center no-repeat;
	text-align: center;
	margin: 1px 0px 1px 0px;
}
.Footer{
	/*background: #4D4D4D url("../images_red_2007/footer-dots.gif") top repeat-x;*/
	height: 75px;
}
.Footer *{	color: #FFF; }
.FooterContent{
	background: url("../images_red_2007/footer-bg.gif") top repeat-x;
	height: 75px;
	text-align: left;
	padding-right: 15px;
}
.FooterLinks1,
.FooterLinks2{
	float: left;
	margin-top: 12px;
	text-align: right;
	line-height: 22px;
}
.FooterLinks1{
	width: 300px;
	font-weight: bold;
  font-size: 9px;
}
.FooterLinks2{
	float: right;
	width: 220px;
  font-size: 9px;
}
.FooterLinks1 a,
.FooterLinks2 a{
	margin-right: 5px;
	margin-left: 5px;
}

.Copyright{
	float: left;
	padding: 3px 4px 3px 20px;
	margin-top: 15px;
	border-left: 2px solid #FFF;
	width: 230px;
	text-align: left;
	font-size: 9px;
}
.Copyright a{
  color: #2E4B95;
	text-decoration: none;
}
.MinPageWidth{
  width: expression((document.body.clientWidth < 900) ? "900px":"100%");
  min-width: 900px;
}
/************* Error Messages **************/
.valid-mess {
	display: block;
	background: #ffffe1;
	padding: 15px 20px 15px 20px;
	text-align: left;
	color: #f4181d;
}
.ErrorMsg {
	background: #ffffe1;
	padding: 15px 20px 15px 20px;
	text-align: left;
	display: block;
	color: red;
}
.Error {
	display: block;
	color: red;
	padding-bottom: 10px;
}
/***********  List View *************/
table.ListView {
	margin: 9px 0px;
}
table.ListView td{
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #cad1c1;
	vertical-align: middle;
}
table.ListView th{
	padding: 7px 5px 8px 5px;
	text-align: left;
}
table.ListView td.pl20 {
	padding-left: 20px;
}
table.ListView td.Narrow {
	width: 200px;
}
table.ListView tr.Caption td{
	font-weight: bold;
	padding-bottom: 7px;
}
table.ListView tr.Pager td{
	text-align: center;
	color: #646464;
	font-weight: bold;
	padding: 12px 0px 14px 0px;
	margin: 5px 0px 10px 0px;
	border-bottom: none;
}
table.ListView tr.Pager td a{
	color: #646464;
	font-weight: bold;
	text-decoration: none;
}
table.EventView table.ListView {
	margin-top: 0px;
}
table.EventView td table.ListView th{
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #cad1c1;
	vertical-align: middle;
	text-align: left;
	width: 130px;
}


/***********  Form View *************/
table.FormView {
	width: 100%;
	margin-bottom: 10px;
}
table.FormView tr.Required th span{
	color: #d71700;
}
table.FormView tr.Required th span.NoColor{
	color: #333333;
}
table.FormView th{
	width: 20%;
	padding: 6px 10px 6px 10px;
	text-align: right;
	vertical-align: middle;
	border-bottom: 1px solid #cad1c1;
}
table.FormView td{
	padding: 6px 10px 6px 10px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #cad1c1;
}
table.FormView td table td{
	padding: 0px;
	border-bottom: none;
}
table.FormView td table th{
	padding: 0px;
	border-bottom: none;
}
table.mb0 { margin-bottom: 0px; }

table.FormView td table.ListView th{
	padding: 0px 0px 3px 5px;
	border-bottom: none;
	text-align: center;
}
table.FormView td table.ListView td{
	padding: 0px;
	border-bottom: none;
}
table.FormView td table.FormView{
	margin-bottom: 0px;
}
table.FormView td table.FormView th{
	padding: 1px 10px 1px 0px;
	width: 30px;
	border-bottom: none;
	text-align: left;
}
table.FormView td table.FromView td{
	padding: 0px;
	border-bottom: none;
}
table.Centered th {
	width: 34%;
}
table.Centered td table.ListView th {
	width: 45px;
}
table.Centered2 th {
	width: 40%;
}


/************* Subpages Styless **************/
.SubPageWidth{
	width: 840px;
	margin: auto;
}
.SubpageBg {
	background: url("../images_red_2007/subpage-bg.gif") top repeat-x;
	clear: both;

}
table.InnerBlocks td.WideCol{
	padding-bottom: 30px;
}
.BlueTone table.InnerBlocks td.WideCol{
	background-color: #ebf1ff;
}
.GreenTone table.InnerBlocks td.WideCol{
	background-color: #f0f8e5;
}
.BrownTone table.InnerBlocks td.WideCol{
	background-color: #fcf9d8;
}
.GrayTone table.InnerBlocks td.WideCol{
	background-color: #eaeaea;
}
table.InnerBlocks {
	width: 100%;
}
table.InnerBlocks td{
	vertical-align: top;
}
table.InnerBlocks td a {
	color:#d70308;
}
table.InnerBlocks td.NarrowCol{
	background: #ebf1ff;
	width: 280px;
	border-right: 1px solid #791b0d;
}
table.InnerBlocks td.WideCol{
}
table.InnerBlocks td.NarrowCol .BlockHead{
	border-bottom: 2px solid #b0b5bf;
}
table.InnerBlocks td.WideCol .BlockHead{
	border-bottom: 2px solid #b4baac;
}
table.InnerBlocks td.WideCol h4{
	font-size: 11px;
	font-weight: bold;
	color: #646464;
	padding: 13px 20px 15px 20px;
	text-align: left;
	margin: 0px 0px 15px 0px;
}
table.InnerBlocks td.WideCol h4.mb0{
	margin-bottom: 0px;
}

.BlockHead h2{
	padding: 0px;
	margin: 0px;
}
.DarkHeader{
	background: #343434 url("../images_red_2007/darkh-bg.gif") repeat-x;
}
.DarkHeader h2{ background: url("../images_red_2007/darkh-right.gif") right top no-repeat; }
.GreenHeader{
	background: #7e8b70 url("../images_red_2007/bh2-bg.gif") repeat-x;
}
.GreenHeader h2{ background: url("../images_red_2007/bh2-right.gif") right top no-repeat; }
.BlueHeader{
	background: #717c8d url("../images_red_2007/bh1-bg.gif") repeat-x;
}
.BlueHeader h2{ background: url("../images_red_2007/bh1-right.gif") right top no-repeat; }
.BrownHeader{
	background: #a19755 url("../images_red_2007/bh3-bg.gif") repeat-x;
}
.BrownHeader h2{ background: url("../images_red_2007/bh3-right.gif") right top no-repeat; }
.GrayHeader{
	background: #676767 url("../images_red_2007/gray-bg.gif") repeat-x;
}
.GrayHeader h2{ background: url("../images_red_2007/gray-right.gif") right top no-repeat; }

table.InnerBlocks td.Search {
	background: #c8cdd9;
	width: 280px;
	border-right: 1px solid #791b0d;
}
.SerchBoxArea {
	background: #ebf1ff;
	padding: 14px 0px 0px 8px;
}
.CalendarArea {
	background: #ebf1ff;
	padding: 10px 10px 10px 10px;
}
.ViewAll {
	padding: 13px 0px 14px 20px;
	text-align: left;
	background: #c8cdd9;
}
.FeatArea {
	padding: 15px 20px 15px 20px;
}
.FeatArea td.FeatImg{
	padding: 0px 15px 0px 0px;
}
table.FeatInfo {
	margin-bottom: 20px;
}
table.FeatInfo th{
	text-align: left;
	font-weight: normal;
	width: 72px;
	padding: 1px 0px 0px 6px;
	vertical-align: top;
}
table.FeatInfo td{
	padding: 1px 0px 0px 0px;
	vertical-align: top;
}
.MoreLink {
	padding: 13px 0px 0px 6px;
}
div.BlockLinks {
	padding: 12px 20px 10px 20px;
}
div.BlockLinksItem p{
	font-size: 9px;
	margin: 0px;
	padding: 5px 0px;
}
div.BlockLinksItem a{
	font-weight: bold;
	text-decoration: none;
}
table.EqualCols th{
	width: 50%;
}
table.EqualCols td{
	width: 50%;
}
table.ListHeader {
	width: 100%;
}
table.ListHeader th{
	color: #646464;
	padding: 13px 20px 15px 20px;
	text-align: left;
}
table.ListHeader th h1{
	margin: 0px;
}
.SearchLine {
	text-align: center;
}
.SearchLine table{
	margin: auto;
}
.SearchLine table th{
	padding: 13px 5px 15px 0px;
}
.SearchLine table td{
	padding: 7px 5px 9px 5px;
}
.SearchLine table td.Btn{
	vertical-align: middle;
}
div.AddToDirLink {
	padding: 15px 0px 10px 0px;
}
div.AddToDirLink a{
	font-weight: bold;
}
div.CategoriesList {	
	background: #ebf1ff;
	padding: 15px;
	font-weight: bold;
}
div.CategoriesList a{	
	font-weight: bold;
}
div.EventsArea {
	padding: 10px 15px 15px 10px;
}
div.EventsArea h3 a{
	text-decoration: none;
}
.Date {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 10px 5px;
}
.ListingTable {
	width: 100%;
}
.ListingTable td.ImgArea{
	padding: 0px 15px 10px 0px;
}
.ListingTable td{
	padding: 0px 10px 10px 0px;
}

.Highlight {
	font-size: 18px;
	font-weight: bold;
}
/************* Forum **************/
table.Forum {
	width: 100%;
}
table.Forum th{
	padding: 7px 10px 8px 10px;
	border-bottom: 1px solid #cad1c1;
	vertical-align: top;
	color: #646464;
	font-weight: normal;
	text-align: left;
	width: 90px;
}
table.Forum td{
	padding: 7px 10px 8px 10px;
	border-bottom: 1px solid #cad1c1;
	vertical-align: top;
}
table.Forum th a{
	color: #646464;
	font-weight: bold;
}
table.InnerBlocks td.WideCol table.Forum td h4{
	padding-left: 35px;
}
table.Forum td div.MainBody{
	padding: 0px 15px 10px 10px;
}
table.Forum td.p0{
	padding: 0px;
}
table.ForumPosts {
	width: 100%;
}
table.ForumPosts th{
	padding: 10px 10px 11px 25px;
	text-align: left;
	border-bottom: 1px solid #cad1c1;
	background: #e2d9b0;
}
table.ForumPosts td{
	color: #646464;
	padding: 0px 10px 0px 25px;
	border-bottom: 1px solid #cad1c1;
	vertical-align: middle;
}
table.ForumPosts td.ac{
	text-align: center;
}
table.InnerBlocks td.WideCol table.ForumPosts td h4{
	padding-left: 0px;
}

table.InnerBlocks td.WideCol h4.TopicTitle small{
	text-transform: none;
	font-weight: normal;
}
table.InnerBlocks td.WideCol h4.TopicTitle a{
	color: #646464;
}
table.InnerBlocks td.WideCol h4.TopicTitle a.reply{
	text-transform: none;
	color: #646464;
}
div.ForumTitle {
	padding: 5px 20px 5px 16px;
	font-weight: bold;
	background: #f3eec9;
}
div.ForumTitle a.Reply{
	color: #646464;
}

div.DateArea {
	padding: 2px 20px 0px 16px;
}
div.DateArea .Date{
	font-size: 10px;
	font-weight: normal;
	color: #777777;
	padding: 0px;
}
table.Forum td .ForumLinks{
	font-size: 10px;
	font-weight: normal;
}
table.Forum td .ForumLinks a{
	font-size: 10px;
	font-weight: normal;
	color: #646464;
}
div.Body {
	padding: 7px 15px 10px 16px;
}
ul.commentsList {
	margin: 0px 15px 0px 15px;
	padding: 0px;
}
ul.commentsList li{
	list-style-type: none;
}
/************ Calendar **********/
table.CalendarArea {
	width: 130px;
	background: #ffffff;
	border: 1px solid #000000;
}
table.CalendarArea td{
	padding: 1px;
}
table.Calendar  {
	width: 100%;
}
table.Calendar tr.CalendarHeader {
	background: #e9ebf1;
}
table.CalendarArea table.Calendar tr.CalendarHeader td {
	border-top: 1px solid #fff;
	padding: 3px 0px 3px 0px;
	vertical-align: middle;
}
table.Calendar tr.CalendarHeader td.ac {
	text-align: center;
}
table.Calendar tr.CalendarHeader td.ar {
	text-align: right;
}
table.CalendarArea table.Calendar td.DateArea {
	padding: 5px 10px;
	border-top: 1px solid #808080;
	text-align: center;
}
table.CalendarArea table.Calendar td table td.DateName{
	border-bottom: 1px solid #808080;
	padding: 0px 2px 2px 2px;
}
table.CalendarArea table.Calendar td table td.calFont {
	padding: 0px 2px 2px 2px;
}
table.Calendar table td.CurrentDate {
	background: #ff7f00;
}
table.Calendar table td.CurrentDate a{
	color: #ffffff;
}
/************* Search Box **************/
table.SearchBox {
	width: 240px;
	margin: auto;
}
table.SearchBox th {
	width: 68px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	text-align: left;
	vertical-align: middle;
}
table.SearchBox td {
	padding: 0px 0px 5px 0px;
	vertical-align: middle;
}
table.SearchBox td input.Text, table.SearchBox td select.Text{
	width: 100%;
}
table.SearchBox td.ar {
	text-align: right;
}
table.SearchBox tr.Required th span{
	color: #d71700;
	font-weight: bold;
}
/*********  Checkboxes List *************/
div.CheckboxListItem {
	float: left;
	width: 33%;
}
/*********** Articles List **************/
div.ListArticlesItem {
	clear: both;
}
div.ListArticlesItem  div.ListArticlesImg{
	padding: 10px 20px 10px 0px;
	float: left;
}
div.ListArticlesItem  h3{
	border: none;
	padding-left: 0px;
	padding-top: 10px;
}
div.ListArticlesItem  h3 a{
	text-decoration: none;
}
div.ListArticlesItem  div.Date{
	padding-left: 0px;
}

/************* Pager **************/
.Pager {
	text-align: center;
	color: #646464;
	font-weight: bold;
	padding: 12px 0px 14px 0px;
	margin: 5px 0px 10px 0px;
}
table.InnerBlocks .Pager a{
	color: #646464;
	font-weight: bold;
	text-decoration: none;
}
/************* Buttons **************/
.Buttons {
	text-align: center;
	padding-bottom: 10px;
}

/************* Article **************/
.ArticleArea {
	padding: 15px 20px 15px 20px;
}
.Author {
	padding: 0px 0px 20px 0px;
}
.Teaser {
	font-weight: bold;
	padding: 0px 0px 20px 0px;
}
.ArticleImg {
}

/* Margins, font styles */
.pl30 {
	padding-left: 30px;
}
.pl10 {
	padding-left: 10px;
}
.pr20 {
	padding-right: 20px;
}
.plr15 {
	padding: 0px 15px;
}
.pt0 {
	padding-top: 0px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pb0 {
	padding-bottom: 0px;
}
.novpad {
	padding-top: 0px;
	padding-bottom: 0px;
}
.mt0{ margin-top: 0px; }
.mt1{ margin-top: 1px; }
.mt7 { margin-top: 7px; }

.mb0 { margin-bottom: 0px; }
.mb1 { margin-bottom: 1px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }

.ml5 { margin-left: 5px; }

.w100 {
	width: 100%;
}
.w200 {
	width: 200px;
}
.w170 {
	width: 170px;
}
.w840 {
	width: 840px;
	margin: auto;
}
.w279 {
	width: 279px;
}
.w280 {
	width: 280px;
}
.fcw{ color: #FFFFFF; }
.ac{ text-align: center; }
.al{ text-align: left; }
.ar{ text-align: right; }
.Left {	float:left;}
.Right { float:right; }
.pa{ position: absolute; }
.Clear{ clear: both; font-size: 1px; }

/* Test styles */
.b1{ border: 1px solid red; }
.b2{ border: 1px solid white; }
.b3{ border: 1px solid yellow; }