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

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

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

h1
{
}

h2
{
font-family:Arial;
}

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

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

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

img
{
border:none;
}

.small
{
font-size:0.8em;
}

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

.clearall
{
clear:both;
}

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

#top
{
}

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

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

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

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

#blogteaserimage
{
float:left;
height:149px;
width:150px;
position:relative;
}

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

#topbanner
{
float:left;
}

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

.blogpuffteaserlist
{
width:290px;
}

/* 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;
}

.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:#BD2C16;
}

.red
{
color:#BD2C16;
}

#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;
margin-right:15px;
width:190px;
display:inline; /*This is a fix for IE6 which adds double margins on floated elements*/
}

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

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

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

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

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

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

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:480px; /*660*/
border-right: 1px solid #B2B7BC;
margin-bottom:10px;
}

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

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

.internalad
{
padding-bottom:15px;
}

/*--------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 --------*/

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

/*--------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;
font-family:Arial;
vertical-align:top;	
padding-bottom:40px;
}

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

#footer td a
{
color:#009EE0;
}

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

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

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


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

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

.shorttextbox
{
width:100px;
}

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

.button
{
font-family:verdana;
}
/*--------END Styles for Form Controls--------*/

/*--------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--------*/


































































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

}

h2 {

}

h3 {

}

.floatleft {
float:left;
}

.floatright {
float:right;
}