/* CSS Document */

/*----------------------------------------- WORKLIFE -----------------------------------*/

.wlrightcol 
{
    margin-left:30px;
}
#wlrightside 
{
    width:218px;
    float:right;
    margin-right:10px;
    margin-top:5px;
	background:url(/images/wlbanners/calendartop.gif) top no-repeat #c0ceb4;
}
.wlintro {
	font-size:14px;
	font-weight:normal;
	width:670px;
	margin-bottom:10px;
	padding:20px 0px 0px 10px;
	text-align:justify;
}
.wlcol {
	width:218px;
	margin:0px 16px 0px 0px;
	float:left;
}
.wlcol3 {
	width:218px;
	margin:0px 0px 0px 0px;
	float:left;
}
.wlstory {
	width:218px;
	margin:0px 0px 0px 0px;
	float:left;
}
.wlstoryfeature {
	width:218px;
	margin:0px 0px 0px 0px;
	float:left;
}
.wlbody {
	clear:left;
	width:150px;
	float:left;
	text-align:left;
	padding:3px 0px 0px 0px;
	margin:0px;
}
.wlbody img {
    border-style:none;
    margin-left:5px;
}
.wlimage {
    float:left;
    width:75px;
    height:65px;
    overflow:hidden;
}
.wlbodysm {
	text-align:left;
	padding:0px;
	margin:0px;
}
.wlbodysm img {
    border-style:none;
    margin-left:5px;
}
.wlbodydate {
	text-align:left;
	color:#888888;
	font-size:10px;
	padding:0px;
	margin:0px;
}
.wlbodyfull {
	clear:left;
	text-align:justify;
	padding:3px 0px 0px 0px;
	margin:0px;
}
.wlbody img {
    margin:3px 3px 3px 3px;
}
.wlbodyfull img {
    margin:3px 3px 3px 10px;
}
.wlright {
	margin:0px 0px 0px 10px;
}
.wlleft {
	margin:0px 10px 0px 0px;
}
.wltitle {
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
.wlbox {
    padding:3px;
    border:1px solid #cccccc;
    height:135px;
    overflow: hidden;
}
.wlbox:hover {
    background-color:#c7e8f7;
    cursor:pointer;
}
.wlboxsm {
    padding:3px 3px 0px 3px;
    border:1px solid #cccccc;
}
.wlboxsm:hover {
    background-color:#c7e8f7;
    cursor:pointer;
}
.wlsection {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#999999;
}
.wlsection1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#000000;
}
.wlmore {
	margin-top:3px;
}
.wldatetime {
	color:#666666;
	margin:0px;
	padding:0px;
}
.wldatetimefull {
	float:right;
	text-align:right;
	width:100px;
	color:#666666;
	margin:0px;
	padding:0px 6px 0px 0px;
}
.wlfulltitlefull {
	float:left;
	font-weight:bold;
	font-size:24px;
	text-align:left;
	padding:0px;
	margin:0px;
	width:370px;
	margin-bottom:20px;
}
.wltitlefull {
	font-weight:bold;
	font-size:18px;
	text-align:left;
	padding:0px;
	margin:0px;
}
.wlsectionfull {
	margin:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#9baa8f;
}
.wlstoryfull {
	margin:0px 0px 0px 0px;
	float:left;
}
.wlmorefull {
}
.wlendfull {
	height:20px;
}
.wlsubhead {
	clear:left;
	font-weight:bold;
	margin:10px 0px 0px 0px;
}
.monthName {
	background:url(/images/wlbanners/monthbg.jpg);
	width:50px;
	height:17px;
	display:block;
	text-align:center;
	color:#000000;
	padding-top:3px;
}
.monthName:hover {
	background:url(/images/wlbanners/monthbgover.jpg);
	color:#000000;
}
.monthNameOn {
	background:url(/images/wlbanners/monthbgover.jpg);
	width:50px;
	height:17px;
	display:block;
	text-align:center;
	color:#000000;
	padding-top:3px;
}
.newssideheader {
    font-size: 11px;
}
.membtn {
    margin:0px 0px 0px 0px;
    padding:2px 16px 0px 16px;
    border: 1px solid #cccccc;
    height:16px;
    color: #000000;
    background:url(../images/selectionbg.gif) repeat-x;
    text-align: center;
}
.membtn:hover {
    background:url(../images/selectionbgon.gif) repeat-x;
}