/* content dividers */

/* These should have the same width values as the items below */
#leftsidetop {
	float:left; width: 200px; margin-right: 16px;
}

#middlesidetop {
	float:left; width: 684px; margin-right: 16px;
}

#rightsidetop {
	float:left;width:0px; 
}


#leftside {
	float:left; width: 200px; margin-right: 16px; 
}

#middleside {
	float:left; width: 684px; margin-right: 16px;
}

#rightside {
	float:left;width:200px; 
}

#rightside ul {
  	padding-left: 20px;
}

/* end content dividers */

/*
Breadcrumbs
*/

#breadcrumbbar {
  width: 948px;
}

#breadcrumbs {
  width: 458px;
  float: left;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  font-size: 0.9em;
}

#breadcrumbs a {

}

#searchcontainer {
  width: 470px;
  float: left;
}

/*
End Breadcrumbs
*/

/*
Factoids
*/
.t_sm { background: url("../images/fct_dot.gif") 0 0 repeat-x; width: 200px; }
.b_sm { background: url("../images/fct_dot.gif") 0 100% repeat-x}
.l_sm { background: url("../images/fct_dot.gif") 0 0 repeat-y}
.r_sm { background: url("../images/fct_dot.gif") 100% 0 repeat-y}
.bl_sm { background: url("../images/fct_bl.gif") 0 100% no-repeat}
.br_sm { background: url("../images/fct_br.gif") 100% 100% no-repeat}
.tl_sm { background: url("../images/fct_tl.gif") 0 0 no-repeat}
.tr_sm { background: url("../images/fct_tr.gif") 100% 0 no-repeat; padding: 10px 10px 10px 10px; }

.ml_sm { background: url("../images/fct_ml.gif") 0 100% no-repeat}
.mr_sm { background: url("../images/fct_mr.gif") 100% 100% no-repeat}
.m_t { background: url("../images/fct_dot.gif") 0 0 repeat-x; width: 200px; z-order: 100; }
.tl2_sm { background: url("../images/fct_dot.gif") 0 0 no-repeat}
.tr2_sm { background: url("../images/fct_dot.gif") 100% 0 no-repeat; padding: 10px 10px 10px 10px; }
.t2_sm { width: 200px; }

#factoid p, .factoid p {
   margin-bottom: 0px;
   font-size: .9em;
}

#factoidcontainer {
   position: relative;
   top: -8px;
}

#factoidbottom p, .factoidbottom p{
   margin-bottom: 0px;
}
/*
End of Factoids
*/