body
{
margin:10px 0 0 0;
font-family: Verdana, Arial; 
font-size: 0.70em; /*0.8em*/
background-color:#cccccc;
}

/*Fix for Chome. If you don't add this it will render very large text size in tables*/
body * { font-size: 100%; }

body a
{
/*text-decoration:none;*/
color:#000000;
}

body a:hover
{
text-decoration:underline;
}

h1
{
}

h2
{
font-size:1.3em;
font-family:Arial;
}

h3
{
font-size:1.0em;
color:#58585A;
}

h4
{
font-family:Georgia, New Roman;
font-weight:normal;
letter-spacing:0px;
font-size:1.6em;	
margin-bottom:15px;
}

h1 a, h2 a, h3 a, .blogpuff a, .smallfat a, .bloglistpuff a
{
text-decoration: none;
}

.coloredlink a
{
	color:#009ee0;
}

.h3inline
{
font-size:1.0em;
color:#58585A;
font-weight:bold;
}

img
{
border:none;
}

.plainbackground
{
background-color:#ffffff;
}

.small
{
font-size:0.8em;
}

hr
{
border:0; /*remove borders on all hr-tags*/
}

.dottedline
{
border-bottom: 2px dotted #000000;
margin-bottom:15px;
}

.aligntoheader
{
margin-top:-10px;
}

.clearall
{
clear:both;
}

#container 
{
width: 1044px; /*1224*/
margin: 0 auto;
background-color: #FFFFFF;
border-left: #B2B7BC 1px solid;
border-right: #B2B7BC 1px solid;
}

#top
{
	background:url('/images/fb/TopBackground.png') repeat-x;
}

#toplogo
{
float:left;
width:160px;
}

/*the img will be an inline object and insert unwanted white space if this is not added*/
#toplogo img
{
	display:block;
}

#blogteasertext
{
/*background:url('/images/fb/QuoteBackground.png') no-repeat;*/
float:left;
width:170px;
height:149px;
position:relative;
padding-left:10px;
}

.insidetop
{
position:relative;
padding-top:15px;
}

.insidebottom
{
position:absolute; 
bottom:45px;
}

#blogteaserimage
{
float:left;
height:125px;
width:110px;
position:relative;
padding-top:13px;
}

#alignbottom
{
position:absolute;
top:1px; 
}

#topmagazineteaser
{
float:left;
width:150px;
height:149px;
position:relative;
padding-left:25px;
background: url(/images/fb/headerSectionDivider.png) no-repeat 5px 13px;
}

.magazineinsidebottom
{
position:absolute; 
bottom:8px;
}

.magazineinsideright
{
position:absolute;
left:100px;
bottom:8px;
}

#topspacer
{
height:2px;
}

#alignlogin
{
position:relative;
float:right;
margin-right:8px;
margin-top:-25px;
}

#alignquestionmark
{
position:relative;
float:right;
margin-top:-25px;
margin-right:10px;
}

#topbanner
{
float:right;
}

/*the img will be an inline object and insert unwanted white space if this is not added*/
#topbanner img
{
	display:block;
}

.blogpuff
{
font-family:Georgia, Times New Roman;
font-size:1.2em;
}

.blogpuffteaserlist
{
width:235px; /*290*/
}

/* START Styles for most read tool */

.mostreadtool
{
width:235px;
background-color:#e8e9ea;
padding-bottom: 10px;
}

.mostreaddivider
{
height:2px;
margin-left:10px;
margin-right:10px;
margin-bottom:8px;
background-color:#B1B2B3;
}

.mostreadheader
{
margin:10px;
font-size:0.85em;
font-weight:bold;
}

.mostreaditems
{
margin-left:10px;
font-size:0.85em;
line-height:16px;
}

.mostreaditems A
{
text-decoration:none;
}
/* END Styles for most read tool */


/* this is set on a div to get a black background. I used it when I had to adjust a class which I wanted to reuse.*/
.blackbg
{
background-color:#000000;
}

.toolheader
{
position:relative;
background:url('/images/fb/ToolHeaderBackground.png');
text-transform:uppercase;
line-height:27px; /*aligns the text in the div*/
height:27px;
}

.toolheader img
{
	padding:3px 5px 0px 3px;
}

.middlealign
{
	position: relative;
	float:left;
    display: table-cell;
    vertical-align: middle;
}

.bloglistpuff
{
border-top: 1px solid #B2B7BC;
padding-top:5px;
padding-bottom:5px;
}

.bloglistpufftext
{
font-size:0.85em;
font-weight:bold;
}

.smallfat, .smallfat a
{
font-weight:bold;
color:#FFFFFF;
/*color:#BD2C16; */
}

.red
{
color:#BD2C16;
}

.white
{
color:#FFFFFF;
}

#topdate
{
position:absolute; /*must be absolute to avoid allocating space for the element*/
z-index:1000; /*keep this element on top*/
margin-top:-85px; /*move it with margins. We can't use the properties top and left here. Those refer to the window border*/
margin-left:12px;
font-size:0.8em;
}

#rightad
{
float:right;
width:190px;
/*display:inline;*/ /*This is a fix for IE6 which adds double margins on floated elements*/
border-left: 1px solid #B2B7BC;
margin-left:-1px;
margin-bottom:10px;
padding-left:8px;
overflow:hidden;
}

#rightad img
{
margin-bottom:5px;
}

#mainarea
{
width: 1045px; /*824*/
}

#maincontent
{
min-height:570px;
height:auto !important;
height:570px;
padding:10px 8px 0px 20px; 
border-right:1px solid #B2B7BC;
}

.fillheight
{
min-height:550px;
height:auto !important;
height:550px;
}

.servicestoolcontainer
{
position:relative;
}


/*--------START General id to use on div's with rounded corners--------*/

div.cornered
{
padding: 10px;
margin:0 auto;
background:#E8E9EA;
}

div.cornered.servicetool
{
width:90px;
margin:3px;
background:#E8E9EA;
float:left;
}

div.cornered h2
{
/*this is to move headers inside the cornered divs closer to the upper edge.*/
padding-top:0px;
margin-top:0px;
}

/*--------END General id to use on div's with rounded corners --------*/

/*--------START Styles for FB Two Columns template--------*/

.twocolsleftcol
{
float:left;
width:565px; /*480px;*/
border-right: 1px solid #B2B7BC;
margin-bottom:10px;
}

.innermargins
{
margin-right:8px;
margin-bottom:10px;
}

.alignleft
{
position: relative;
margin-left:-20px; /*this will move the header out of the surrounding div, which has a 20px margin*/
margin-top:-1px;
}

.pageheaderbanner
{
position: relative;
margin-left:-20px; /*this will move the header out of the surrounding div, which has a 20px margin*/
padding-right:-1;
margin-top:-7px;
padding-bottom:8px; /*this will add a little space last in the div, but only if a banner exist in the div*/
}

.twocolsrightcol
{
border-left: 1px solid #B2B7BC;
border-right: 1px solid #B2B7BC;
width:235px; /*292px;*/
float:left;
margin-left:-1px;
margin-bottom:10px;
padding-left:8px;
padding-right:8px;
overflow:hidden;
}

.internalad
{
padding-bottom:15px;
}

/*--------END Styles for FB Two Columns template--------*/

/*--------START Styles for FB Three Columns template--------*/

.threecolsleftcol
{
float:left;
width:313px;
border-right: 1px solid #B2B7BC;
margin-bottom:10px;
overflow: hidden; /* if banners go outside the div: hide the overflow */
}

.threecolsmiddlecol
{
border-left: 1px solid #B2B7BC;
border-right: 1px solid #B2B7BC;
width:235px; /*292px;*/
float:left;
margin-left:-1px;
margin-right:-1px; /*This is all that separates this from twocolsrightcol. We need this column to strech one px out to the right.*/
margin-bottom:10px;
padding-left:8px;
padding-right:8px;
overflow:hidden;
}

/*--------END Styles for FB Three Columns template--------*/


/*--------START Styles for FB One Columns template--------*/

.onecolleftcol
{
float:left;
width:817px; /*660*/
border-right: 1px solid #B2B7BC;
margin-bottom:10px;
}

/*--------END Styles for FB One Columns template--------*/


/*--------START Styles for Right Column --------*/

#sidebar
{
padding-bottom:25px;
border-top:1px solid #B2B7BC;
}

.randomblogteaser
{
border-top:1px solid #B2B7BC;
}


/*--------END Styles for Right Column --------*/



/*--------START Styles for News list--------*/

.newsitem
{
border-bottom: 1px solid #B2B7BC;
padding-bottom:20px;
margin-top:20px;
}

.newsimage
{
float:right;
position: relative;
margin-left:10px;
}

.newstext
{
position:relative;
}

.pager
{
text-align:center;
}

/*--------END Styles for News list--------*/

/*--------START Styles for Blog--------*/

#blogheader
{
padding-top:15px;
padding-bottom:15px;
border-bottom:#B2B7BC 1px solid;
}

.post
{
border-bottom: #B2B7BC 1px solid;
padding-bottom: 10px;
padding-top: 10px;
}

.post h2 a
{
color:#BD2C16;
}

.navigation
{
padding-top:15px;
}

#blogrightcolheader
{
background-color:#000000;
color:#FFFFFF;
margin-right:2px; /*To align the header with the large blog byline*/
padding:3px;
padding-left:5px;
}

#blogrightcolheader .smallfat
{
color:#FFFFFF;
}

#rightbyline
{
padding-top:15px;
padding-bottom:15px;
line-height:1.0em;
}

#sidebar ul
{
margin:0px;
/*margin-top:10px;
margin-bottom:10px;*/
padding:0px;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
padding-left:5px;
margin-top:15px;
}

#sidebar ul li ul li{
list-style-type: none;
list-style-image: none;
padding-left:5px;
margin:0px;
}

#sidebar h3 {
margin-bottom:5px;
}

#sidebar ul ul
{
margin:0px;
padding-left:10px;
}

ul.archive .yearHeader{margin-bottom:3px;padding-left:16px;background:url('/images/culture_arrow.gif') no-repeat scroll left -9px;}
/*ul.archive .yearOpen .yearHeader{background-position:left 3px;}*/
ul.archive .monthHeader{margin-bottom:3px;background:url('/images/culture_arrow.gif') no-repeat scroll left -9px;padding-left:16px;text-transform:capitalize;}
li.topic {padding-bottom:5px;}

table.blogcomment td
{
vertical-align:top;
}

.spacer
{
height:8px;
}


.commentlist li 
{
border-bottom:#b2b7bc 1px solid;
margin-top:8px;
}

/*--------END Styles for Blog--------*/

/*--------START Styles for Old Issues --------*/

.oldissue
{
float:left;
position:relative;
padding:10px;
width:162px;
}

/*--------END Styles for Old Issues --------*/

.doubledivider 
{ 
background:url('/images/clear.gif'); 
height: 1px; 
line-height: 1px; 
font-size: 2px; 
border-top: solid 1px #000000; 
border-bottom: solid 2px #000000; 
padding: 0; 
margin-bottom: 15px; 
} 

#footer
{
font-size:0.8em;
background:url('/images/FB/FooterBackground.png') repeat-x; 
font-family:Verdana,Arial;
color:#ffffff;
vertical-align:top;
text-align: center;
padding-top:15px;	
padding-bottom:15px;
margin-right: auto;
}

#footer table  {
text-align:center;
margin-left:auto;
margin-right:auto;
}

#footer td
{
padding-right:10px;
vertical-align:top;
text-align: left;
}

#footer td a
{
color:#ffffff;
text-decoration: none;
}

/*--------START Styles for Contact Page --------*/

table.employees tbody tr td
{
padding-bottom:15px;
}

/*--------END Styles for Contact Page --------*/

/*--------START Styles for Mingel Room --------*/

.mingeltoolheader
{
	margin-bottom:-2px;
}

.mingelpreviewcontainer
{
float:left;
padding-right:10px;
padding-bottom: 25px;
}

.mingeltransparentpanel
{
position:relative;
width:100%;
margin:auto;
height:40px;
margin-top:-42px;
background-color:#000000;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7; 
}

.mingelpreviewtext
{
position:relative;
color:#FFFFFF;
margin-left:10px;
margin-top:-35px;
filter:alpha(opacity=100); 
-moz-opacity: 1;
opacity: 1;
}

.pink, .pink a
{
color:#EE87B2;
}

/*--------END Styles for Mingel Room --------*/


/*--------START Styles for Form Controls--------*/

.textbox
{
background: #ffffff;
border: 1px solid #999999;
}

.logintextbox
{
width:100px;
background-color:#BEBEBE;
/*background-color:#58585A;*/
border-color:#3D3C3E;
border-width:1px;
color:#000000;
/*color:#ffffff;*/
border-style:solid;
}

/*--------Same as logintextbox, but we need separate classes for the javascript to fnd the correct control--------*/
.passwordtextbox
{
width:100px;
background-color:#BEBEBE;
/*background-color:#58585A;*/
border-color:#3D3C3E;
border-width:1px;
color:#000000;
/*color:#ffffff;*/
border-style:solid;
}

.shorttextbox
{
width:100px;
}

.dropdown
{
border: 1px solid #999999;
font-family:verdana;
}

.button
{
height: 18px;
/*background:url("/images/FB/ButtonBackground.png") repeat-x;*/
border:0;
/*background-color:transparent;*/
background-color: #7D7D7D;
/*color:#333333;*/
color: #ffffff;
font-weight: bold;
height: 17px;
cursor:pointer;
}

.loginbutton
{
font-family:verdana;
background-color:#58585A;
border-color:#3D3C3E;
color:#ffffff;
border-style:solid;
}
/*--------END Styles for Form Controls--------*/

/*--------START Styles for profile navigation--------*/
.profilebarcontainer
{
width:100%;
text-align: center; 
}

#profilenavbar
{
width:80%;
display:inline-block;
margin-top:15px;
line-height: 29px;
height: 45px;
color:#ffffff;
}

UL.profilenav
{
padding: 0px;
list-style-type: none;
margin:0px;
}

UL.profilenav LI
{
float: left;
background:url('/images/fb/menus/MemberMenuBackground.png') repeat-x;
white-space: nowrap;
height:29px;
margin:0px;
}

UL.profilenav LI.selected
{
background:url('/images/fb/menus/MemberMenuBackgroundSelected.png') repeat-x;
}

UL.profilenav LI.profilenavleft
{
background:url('/images/fb/menus/MemberMenuLeft.png') repeat-x;
width:7px;
height:29px;
}


UL.profilenav LI.profilenavleftselected
{
background:url('/images/fb/menus/MemberMenuLeftSelected.png') repeat-x;
width:7px;
height:29px;
}

UL.profilenav LI.profilenavright
{
background:url('/images/fb/menus/MemberMenuRight.png') repeat-x;
width:7px;
height:29px;
}

UL.profilenav LI.profilenavrightselected
{
background:url('/images/fb/menus/MemberMenuRightSelected.png') repeat-x;
width:7px;
height:29px;
}

UL.profilenav LI A
{
text-decoration: none;
color: #ffffff;
}
/*--------END Styles for profile navigation--------*/

.searchmemberimage
{
margin-left:5px;
margin-right:10px;
/*width:65px;*/
height:65px;
float:left;
}

.searchmembertext
{
float:left;
}

.alphabetlinks
{
word-spacing:-1px;
}

/*--------START Styles for error and warning messages--------*/

.message-error
{
    background: url(/images/bfv2/error-warning.gif) no-repeat 7px 7px;
    color:#666666;
    background-color:#fff6dc;
    border: 1px solid #BD2C16;
    padding: 10px 10px 10px 35px;
    margin-bottom: 10px;
}

.message-none
{
    /*background: url(/images/bfv2/error-icon.gif) no-repeat 7px 7px;*/
    color:#666666;
    background-color:#fff6dc;
    border: 1px solid #BD2C16;
    padding: 10px 10px 10px 35px;
    margin-bottom: 10px;
}

.message-info
{
    background: url(/images/bfv2/error-info.gif) no-repeat 7px 7px;
    color:#666666;
    background-color:#fff6dc;
    border: 1px solid #BD2C16;
    padding: 10px 10px 10px 35px;
    margin-bottom: 10px;
}

.message-warn
{
    background: url(/images/bfv2/error-warning.gif) no-repeat 7px 7px;
    color:#666666;
    background-color:#fff6dc;
    border: 1px solid #BD2C16;
    padding: 10px 10px 10px 35px;
    margin-bottom: 10px;
}

/*--------END Styles for error and warning messages--------*/

.toolicontext a
{
    text-decoration:none;
}





































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}

h2 {

}

h3 {

}

.floatleft {
float:left;
}

.floatright {
float:right;
}

h4 {

}