/* CSS Document */
 html, body {height: 100%;}

body {
   background: #CCCCCC;
   text-align:center;
   padding: 0px;
   margin: 0px;
}

#site {
   width: 862px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 20px;
   font-size: 14px;
   color: #000;
   text-align: left;
   margin: 0px auto;
   border-left: 1px solid #A5A5A5;
   border-right: 1px solid #A5A5A5;
   background: url(images/brs_10.gif) repeat-y;
   letter-spacing: 0.5px;
}

#site img {
   margin: 0px;
   padding: 0px;
}

#site h1 {
  font-size: 24px;
  line-height: 1.3em;
  color: #FF3D47;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  letter-spacing: 1px;
}

#site h2 {
  color: #FF3D47;
  line-height: 22px;
  font-weight: normal;
  font-size: 18px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 3px 0px;
  border-bottom: 1px dotted #CCC;
  letter-spacing: 2px;
}

#site h3 {
  color: #FF3D47;
  line-height: 18px;
  font-weight: normal;
  font-size: 17px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 3px 0px;
  border-bottom: 1px dotted #CCC;
  letter-spacing: 2px;
}

a {
   text-decoration: none;
}

a.textLink:link {
   color: #000;
   border-bottom: 1px dotted #DDD;
}

a.textLink:visited {
   color: #000;
   border-bottom: 1px dotted #DDD;
}

a.textLink:hover {
   color: #000;
   border-bottom: 1px dotted #DDD;
}

a.textLink:active {
   color: #000;
   border-bottom: 1px dotted #DDD;
}

a.more:link {
   color: #FF3D47;
   text-decoration: none; 
}

a.more:visited {
   color: #FF3D47;
   text-decoration: none; 
}

a.more:hover {
   color: #FF3D47;
   text-decoration: none; 
}

a.more:active {
   color: #FF3D47;
   text-decoration: none; 
}

a.imageLink:link, a.imageLink:visited, a.imageLink:hover, a.imageLink:active {
   text-decoration: none; 
   border: none;
}

a.topLink:link, a.topLink:visited, a.topLink:hover, a.topLink:active {
   color: #B20000;
   text-decoration: underline; 
}

#header {
   background: url(images/brs_03.gif) no-repeat;
   width:862px;
   height:160px;
   text-align: right;
}

#headerLinks{
   padding: 4px 31px;
}

#tabs {
   height: 32px;
   padding: 0px;
   margin: 0px;
   width: 862px;
}

#tabs div  {
   height: 32px;
   padding: 0px;
   margin: 0px;
   display: inline;
   float: left;
}

#blank1 {
 width:46px;
}

#home {
 width:74px;
}

#about {
 width:184px;
}

#clients {
 width: 90px;
}


/* start of css for updated clients page */

#brsclients {
background-color: #FFF;
  height: auto;
  text-align: center; 
  width: 785px;
  margin-left: -4px; 
}
#rowWagov {
 /* text-align: center; */
  background: #FFF;
}
.row {
  background: #FFF;
  margin-top: 12px;
}
/* end of updated clients page css */


#careers {
 width: 98px;
}

#demo {
 width: 175px;
}

#contact {
 width:132px;
}

#blank2 {
 width:31px;
}

#blank3 {
 width:32px;
}

#main {
   width: 862px;
   background: url(images/content2_02.gif) repeat-y;
   float: left;
   margin: 0px;
   padding: 0px;
}

#mainTop {
   float: left;
   background: url(images/content2_01.gif) no-repeat;
   width: 862px;
   height: 11px;
   font-size: 1px;
   line-height: 1px;
}

#mainBottom {
   float: left;
   background: url(images/content2_04.gif) no-repeat;
   width: 862px;
   height: 11px;
   font-size: 1px;
   line-height: 1px;
}

#content {
   display: inline;
   float:left;
   width: 542px;
}

#sideBar {
   display: inline;
   float: right;
   width: 320px;
}

#footer {
   width: 862px;
   font-family:Arial, Helvetica, sans-serif;
   margin: 0px auto;
   background: url(images/brs_10.gif) repeat-y;
   text-align: center;
   font-size: 10px;
   line-height: 12px;
   color: #333333;
}

#footer a:link {
   color: #000;
}

#footer a:visited {
   color: #000;
}

#footer a:hover {
   color: #000;
}

#footer a:active {
   color: #000;
}

.left {
   
   padding: 0px 5px 5px 45px;
}

/* IE 6 hack , displays clients page correctly */
*html .left { padding-right: 5px;}

.right {
   padding: 5px 47px 5px 12px;
}

.advert {
   border: 1px solid #777;
}

#flags {
   padding-left: 32px;
   padding-right: 28px;
   padding-top: 8px;
   float: right;
}
.flag {
   display: inline;
   margin: 2px;
}

.flag img {
   border: 1px solid #CCC;
}

caption {
   color: #FF3D47;
   font-weight: normal;
   font-size: 18px;
   padding: 0px 0px 3px 0px;
   border-bottom: 1px dotted #CCC;
   letter-spacing: 2px;
   text-align: left;
}

th {
   text-align: right;
}

#content .block {
   display: block; 
   float: left; 
   width: 480px;
}

.block .text {
   width: 395px;
}

.block .pic {
   width: 85px;
}

#sideBar .ticks {
   list-style-type: none;
   padding-left: 0;
   margin-left: 0;

}

.ticks li {
   background: url(images/tick.gif) left top no-repeat;
   padding-left: 20px;
   margin-bottom: 10px;
}

#sideBar .awards {
   list-style-type: none;
   padding-left: 0;
   margin-left: 0;

}

.awards li {
   background: url(images/awardSml.gif) left top no-repeat;
   padding-left: 30px;
   margin-bottom: 10px;
}


a.more:link {
   color: #FF3D47;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none; 
}

a.more:visited {
   color: #FF3D47;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none; 
}

a.more:hover {
   color: #FF3D47;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none; 
}

a.more:active {
   color: #FF3D47;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none; 
}

th {
   text-align: right;
   vertical-align: top;
}

.infoBlock {
   border: 1px solid #AAA; 
   padding: 10px; 
   background: #FAFAFA;
}

.infoBlock ul {
   padding: 4px 18px;
   margin: 0px;
   list-style-image: url(images/arrow.gif);
}

.infoBlock li {
   padding-left: 4px;
}

/* Menu CSS */

#menu tr td {
  text-align: center;
  font-family : Verdana;
  font-size : 12pt;
  height: 27px;
}
#menu {
  width: 800px; 
  height: 27px; 
  margin-left: 33px;
}   
.menuOffMiddle{
  color : #FFFFFF;
  background: url(/images/menu_off.gif) repeat-x;
  cursor : pointer;
  padding: 1px 1px 0px 2px;
}
.menuFill{
  background: url(/images/menu_off.gif) repeat-x;
  height: 27px;
}
.menuOffLeft{
  width:5px;
  background: url(/images/menu_off.gif) repeat-x;
}
.menuOffRight{
  width:5px;
  background: url(/images/menu_off.gif) repeat-x;
}
.menuOnMiddle{
  color : #000000;
  background: url(/images/menu_middle_on.gif) repeat-x;
  cursor : pointer;
  padding: 2px 2px 0px 2px;
}
.menuOnLeft{
  width:5px;
  background: url(/images/menu_left_on.gif) no-repeat;
}
.menuOnRight{
  width:5px;
  background: url(/images/menu_right_on.gif) no-repeat;
}

#rightPanel{
  float: right; 
  margin: 5px 3px 10px 10px;
}