/************************************************
 BODY
 ************************************************/
html
{
    height: 100%; /* short page shift - force a Firefox vertical scrollbar  */
}

body
{
    min-height: 101%;   /* short page shift - force a Firefox vertical scrollbar  */
    font-family: Palatino Linotype;
    font-style: normal;
    font-size:12pt;
    text-align:center; /* for IE */
    color: #333333;
    background-color: #F5F5F5;
    margin: 1px;
    padding: 0px;
}

#alphabet a:link
{
    text-decoration: underline;
}
#alphabet a:visited
{
    text-decoration: underline;
}

.PantoneOrange /* 144 */
{
    background-color: #F7901E;
}

.PantoneRed /* 172 */
{
    background-color: #F26B33;
}

.PantoneBrown /* 463 */
{
    background-color: #654011;
}

.PantoneYellow  /* 3965 */
{
    background-color: #F4EC0A;
}

.PantoneBlue  /* 7460 */
{
    background-color: #0095CF;
}

.PantoneGreen  /* 7489 */
{
    background-color: #75B96A;
}


table.center
{
    margin:0 auto; /* horizontally centered Right and left margin widths set to "auto" */
    text-align: left; /* counter the body center */
}

div.centered table
{
    margin: 0 auto;
    text-align: left;
}

/************************************************
 A LINKS
 ************************************************/

A:link
{
    color: #000000;
    text-decoration: none;
    font-style: normal;
}

A:visited
{
    color: #000000;
    text-decoration: none;
    font-style: normal;
}

A:hover
{
    text-decoration: underline;
    color: #000000;
}

A:active
{
    color: #000000;
    text-decoration: none;
    font-style: normal;
}
/************************************************
 Misc
 ************************************************/

.title		{font-size: 16pt;
				 font-weight: bold;}

.subtitle
{
    font-size: 14pt;
    font-weight: bold;
}

div.topofpage, p.topofpage
{
    float: none;
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
}

.page-title
            {font-size: 20pt;
             color: black;
             text-align: left;}

.page-subtitle
            {font-size: 16pt;
             font-style: italic;
             font-weight: bold;
             color: black;
             text-align: left;}

.page-version
            {font-weight: bold;
             color: black;
             text-align: right;}

.smalltext	{font-size: 10pt;}

.minitext {font-size: 8pt;}

.heading	   {font-weight: bold;}

.message    {color: red;
             font-weight: bold;}

.pen        {font-style: italic;}

.notice
{/* background-color: red; */
    color: white;
    font-size: 0pt;
/*    font-weight: bold; */
}

#content
{
    margin: 0;
    list-style-image: url(../images/small_bee.png);
    background-color: #FFFFFF;
}

div.content_forms p
{
    margin: 0;
    list-style-image: url(../images/small_bee.png);
    background-color: #FFFFFF;
    font-size: 12pt;
}

.yellow {
   color: #F4EC0A;
   font-size: 12pt;
}


/***********************************************
 Table
 ***********************************************/
th.heading
   {
   color: #F4EC0A;
   background-color: #000000;
   }

table.pagecontentbody
{
    width: 800px;
    background-color: #FFFFFF;
/*    margin:0 auto; */ /* horizontally centered Right and left margin widths set to "auto" */
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* counter the body center */
}

table.whatsnew
    {
    background-color: #F5F5F5;
  	font-size: 10pt;
    }

table.whatsnew th
    {
    color: #F4EC0A;
    background-color: #000000;
    }

table.whatsnew th a
  {
	color: #F4EC0A;
  }

table.report
   {
   font-size: 9pt;
   background-color: #F5F5F5;
   }

table.report th
   {
    color: white;
    background: #000000;
   }

table.data th
    {
    background: #9CB7E2;
    }

table.data tr.footer
    {
    background: #9CB7E2;
    }

table.rfq {
   font-size: 9pt;
   background-color: #F5F5F5;
}

table.rfq th {
  font-weight: bold;
  text-align: right;
}

table.rfq th.coltop {
  font-weight: bold;
  text-align: center;
}

table.rfq td.heading {
  color: #F4EC0A;
  background-color: #000000;
  text-align: center;
  vertical-align: top;
}

td.viewpoll
   {
   color: #F4EC0A;
   font-size: 12pt;
   background-color: #000000;
   }


/***********************************************
 Header/Logo/Search
 ***********************************************/

#header
  {
	position: relative;
	height: 150px;
  }

#logo
   {
	position:absolute; 
   }

#bsme-logo {
	/* 88x65 */
	position: absolute;
	right:192px;
	top: -15px;
}

#worklifebc-logo {
	/* 88x84 */
	/* 105x100 */
	position: absolute;
	right:98px;
	top:-32px
}

#bcbbc-logo {
	/* 88x84 */
	/* 105x100 */
	position: absolute;
	right: 3px;
	top: -35px
}


#tpaacmemberlink
  {
  position: relative;
  }


#header-text
            {position: absolute;
             left: 500px;
             top: 35px;}


/***********************************************
 Main/Sub Menu
 ***********************************************/

#topmenu
   {
/*	position: absolute; */
/*	width:800px; */
	height: 25px;
	z-index:1;
	left: 0px;
	top: 150px;
	background-color: #000000;
	margin: 0px;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	padding: 0px;
  }


#navcontainer ul
{
    position: relative; 
/*    left: 0px; */
    padding-left: 0; 
    background-color: #000000;
/*    color: #F4EC0A; */
    float: left; 
    height: 25px;
    margin: 0px;
/*    font-style: normal; */
}

#navcontainer ul li
{
   display: inline;
}

#navcontainer ul li a
{
    padding: 1px 10px;
    background-color: #000000;
    color: #FFFFFF;
    text-decoration: none;
    float: left; 
    height: 25px;
    border-right: 1px solid #fff;
    margin: 0px;
    font-style: normal;
}

#navcontainer li form
{
    float:right;
}

#navcontainer ul li a:hover
{
    color: #FFFFFF;
    height: 25px;
}

#navcontainer ul li.PanatoneOrange a:hover
{
    background-color: #F7901E;
}

#navcontainer ul li.PanatoneYellow a:hover
{
    background-color: #F4EC0A;
}

#navcontainer ul li.PanatoneBlue a:hover
{
    background-color: #0095CF;
}

#navcontainer ul li.PanatoneGreen a:hover
{
    background-color: #75B96A;
}

#navcontainer ul li.PanatoneBrown a:hover
{
    background-color: #654011;
}

#navcontainer ul li.PanatoneRed a:hover
{
    background-color: #F26B33;
}

#submenu
   {
   position: relative;
   top: 0;
   right: 0;
   width: 150px;
   }

#submenu tr td
   {
   color: #FFFFFF;
   text-align: left;
   padding: 1px 1em;
   margin: 0px;
   width: 100%;
   }

#submenu a
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    font-style: normal;
}

#submenu a:link a:active a:visited
{
    color: #FFFFFF;
    background: #000000;
    text-decoration: none;
}

#submenu a:hover
{
}


/***********************************************
 Footer
 ***********************************************/

#footer
{
    font-size: 8pt;
    color: #000;
    margin: 0px;
    text-align: center;
    vertical-align: bottom;
    z-index: 5;
    position: relative;
}

#copyright
{
    position:relative; 
    left:-50px;
    top:40px;

}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px none ;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}



/************************************************
 NEWSLETTER & ARTICLES
 ************************************************/

#newsletter-header-text
   {
   position: absolute;
   left: 225px;
   top: 35px;
   }

.newsletter-page-title
            {font-size: 26pt;
             color: black;
             text-align: left;}

.newsletter-page-subtitle
            {font-size: 13pt;
             font-style: italic;
             font-weight: bold;
             color: black;
             text-align: left;}

.newsletter-page-version
            {font-weight: bold;
             color: black;
             text-align: right;}

.newsletter-content-body
            {background-color: #F5F5F5;
            padding: 10px;}

.newsletter-content-title
            {font-size: 26pt;
             color: black;
             text-align: center;}

.newsletter-content-heading
            {font-weight: bold;
             color: black;}

.newsletter-emphasis
            {font-weight: bold;
             font-size: 14pt;
             color: red;}

.newsletter-subtext
            {font-size: 9pt;}

.newsletter-pen
            {font-style: italic;}


table.data
    {
    background-color: #F0F5F9;
  	font-size: 10pt;
    }

/************************************************
 RFQ Form
 ************************************************/