/********* COMMON *********/
body {
    font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center; * this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
ul{margin-left:15px; padding-left:0;}
/* The WLG site has 4 templates: WLGHome, WLGpage, MemberHome and Memberpage */
#container {       
	width: 960px;  /* fixed width for the WLG site */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
/* Home page banner and login panel background and login form */
.WLGHome #headercontainer {     
    float:left;
	background: #FFFFFF;     
	width:960px;
	padding: 0px;
}     
.WLGHome #banner {
	width:727px;   
	height:203px;  
	background-image: url(../files/image/graphics/mainpanel.gif);
}
.WLGpage #banner {
	width:727px;
	height:81px;
	background-image: url(../files/image/graphics/logo_bkgd_slice.gif);
}
.WLGpage #logo {
    float:left;
	width:101px;
	height:81px;
}
.WLGHome #homephoto {
	width:233px;
	height:203px;
	background-image: url(../files/image/graphics/homephoto.gif);
	background-repeat:repeat-x;
	vertical-align:top;
}  
.WLGHome #homelogin {
    padding: 15px 0px 15px 20px;
	height: 16px;  
}             
.WLGpage #loginarea {
    padding: 15px 0px 15px 20px;
	height: 173px;
}             
#sidebar {
	width: 232px;
	vertical-align:top;
	background-image: url(../files/image/graphics/slice.gif);
}
.WLGpage #sidebar {
	width: 233px;
}
#sitesearch {
    float:left;
	padding: 0 3px 0 20px;
}
#sitesearch form{margin:22px 0 22px 0;}
#sitesearcharrow {
   float:right;  
   padding: 27px 23px 0px 0px;
}
#stickynote {padding:0 20px 0 20px;}
#stickynote ul{margin:0; padding:0; list-style:none; border-bottom:1px solid white;}
#stickynote li{margin:0; padding:5px 0 5px 15px; border-top:1px solid white; background:url(../files/image/graphics/bullet.gif) left center no-repeat;}
#stickynote a.current{color:#004276;}
#stickynote H1{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-size: 12px; line-height: 15px; color: #004276; margin:0 0 5px 0;}
/* Content:
	1. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContentContainer div should be 430px or smaller (this includes images).
	2. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/    
#mainContentContainer {
    float:left;
	width:959px;
}       
.WLGHome #homeHeadline {
	float:left;  
	padding: 20px 0px 0px 20px;
	width: 458px;  
}
.WLGHome #homeFindMember {
	float:left; 
	width:217px;   
	padding: 20px 18px 0px 10px;
	margin-bottom:49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	color: #000000;
}
.WLGHome #container #mainContentContainer table td #homespacer {
	padding-left:20px;
	margin-bottom:22px;
}
.WLGHome #homenewsArea {
   float:left;
   width:313px;
   padding: 20px;   
}  
.WLGHome #homeupdateArea {
   float:right;
   width:314px;
   padding: 20px;  
}  
.WLGpage #contentarea {
   float:left;
   width:687px;   
   padding:0 20px 20px 20px;
}
.emailandprint {
	font-size: 9px;
	float:right;
	margin:14px 11px 0 0;
}
.findMemberSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	width:197px;
	color: #000000;
}
#footer{float:left;} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0px 0px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.WLGwhiteSmallheading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
}
.WLGblackSmallheading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}
.WLGnormalwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	color: #FFFFFF;
}

.WLGnormal {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
}

.smallgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 11px;
	color: #999999;
}
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 17px;
	line-height: 19px;
	color: #004276;
	margin-top:0px;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 15px;
	color: #CC9900;
}

H3{color:#004276; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}

H2.bulleted{color:#004276; background:url(../files/image/graphics/bullet.gif) left center no-repeat; padding-left:16px;}
H3.goldline{font-size:12px; border-top:1px solid #CE9D0A; border-bottom:1px solid #CE9D0A; line-height:25px;}
H3.goldline div{font-weight:normal; width:80px; float:left;}

a:link {
	color: #1995B1;
	text-decoration: none;
}
a:active {
	color: #1995B1;
}
a:visited {
	color: #1995B1;
	text-decoration: none;
}
a:hover {
	color: #004276;
	text-decoration: none; 

}
a.smallgrey{
	color: #999999;
	text-decoration: none;
}
a.smallgrey:active {
	color: #999999;
}
a.smallgrey:visited {
	color: #999999;
	text-decoration: none;
}
a.smallgrey:hover {
	color: #004276;
	text-decoration: none; 

}
a.smallwhite{
	color: #FFFFFF;
	text-decoration: none;
}
a.smallwhite:active {
	color: #FFFFFF;
}
a.smallwhite:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.smallwhite:hover {
	color: #004276;
	text-decoration: none; 

}
td {vertical-align:top;}  
/* Miscellaneous classes for reuse */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.WLGList{clear:both;}
.WLGList tr th{height:6px; font-size:1px; background-color:#FFFFFF; background:url(../files/image/graphics/listseparator.gif) repeat-x;}
.WLGList tr td{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; padding:0px 0px 5px 0; vertical-align:top;}
.sidebarlist{clear:both;}
.sidebarlist tr th{height:11px; font-size:1px; background-color:#FFFFFF; background:url(../files/image/graphics/whitelistseparator.gif) repeat-x;}
.sidebarlist tr td{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:11px; padding:0px 0px 10px 0; vertical-align:middle;}
.sidebarlist a.current{color:#004276;}
/* TOP MENU */
#menu{background:#FFFFFF; padding:20px 10px 10px 20px;} 
UL#p7PMnav{list-style-type:none; padding:0; margin:0 auto; z-index:11;}
UL#p7PMnav LI{padding:0; margin:0; vertical-align:middle; text-align:left; list-style-type:none; display:inline; float:left; position:relative;}
UL#p7PMnav LI UL{padding:0; margin:0; list-style-type:none; display:none; position:absolute; left:0; top:30px; border-bottom:1px solid #CE9D0A;}
UL#p7PMnav LI UL LI{display:inline; float:none; text-align:left;}
UL#p7PMnav LI:hover UL{display:block;}
UL#p7PMnav LI.iehover UL{display:block;}
UL#p7PMnav A{display:block; text-decoration:none; padding:5px 5px 10px 0;}
UL#p7PMnav A:hover{}
UL#p7PMnav A SPAN{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#004276; border:1px solid #004276; padding:2px 5px 2px 5px;}
UL#p7PMnav UL A SPAN{border-style:none; margin:0; padding:0;}
UL#p7PMnav UL A{background-color:#FFFFFF; border-top:1px solid #CE9D0A; padding:3px 5px 3px 5px; border-left:1px solid #CE9D0A; border-right:1px solid #CE9D0A; white-space:nowrap;}
UL#p7PMnav UL A:hover{background-color:#F1EADB;}
UL#p7PMnav A.current SPAN,
UL#p7PMnav A:hover SPAN{border-color:#CE9D0A;}
UL#p7PMnav UL UL A{border-left-style:none;}

UL#p7PMnav LI UL LI UL{display:none; visibility:hidden; position:absolute; left:100%; top:0;}
UL#p7PMnav LI UL LI {margin-left:100%;}
UL#p7PMnav LI UL LI{float:left; clear:both; width:100%; margin-left:0;}
UL#p7PMnav LI UL LI:hover UL{display:block; visibility:visible;}
UL#p7PMnav LI UL LI.iehover UL{display: block; visibility:visible;}
/*** OTHERS ***/
#timezone{color:#1995B1; font-weight:bold;}
.button{font:12px Arial, sans-serif; border:1px solid #CE9D0A; cursor:pointer; font-weight:bold; padding:10px 31px 10px 10px; background:url(../images/btn_bg.gif) no-repeat right center; margin-bottom:7px;}
.btn{font:12px Arial, sans-serif; border:1px solid #CE9D0A; cursor:pointer; font-weight:bold; padding:10px 31px 10px 10px; background:url(../images/btn_bg_white.gif) no-repeat right center; margin-bottom:7px;}
.memberfirms th{color:#004276; font-size:13px;}
/* SMART LIST */
.smartlist{list-style-type:none; margin:0; padding:0;}
/* SEARCH OPTIONS */
#searchOptionsDiv{left:0; top:0; position:relative; width:193px; border:1px solid #CE9D0A;}
#searchOptionsDiv table{background-color:#FFFFFF;}
#searchOptionsDiv table td{vertical-align:middle; padding-bottom:3px;}
#searchOptionsDiv a{line-height:13px; color:black;}
.srchhlite{background-color:#1995B1;}
/* mobile version */
.WLGmobile #container{}
.WLGmobile #logo{background-color:#517DA7;}
.WLGmobile #menu{padding:20px 0 10px 0;}
.WLGmobile #menu span{margin:0 5px 0 5px;}
.WLGmobile #contentarea{}
.WLGmobile #footer p{font-size:10px;}
.WLGmobile h1{font-size:10px;}
/* NEWSLETTER */
h1.Newsletter_Title{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	line-height: 19px;
	color: #CE9D0A;
	margin-top:0px;
}

h1.Newsletter_H1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	line-height: 19px;
	color: #004276;
	margin-top:0px;
}

b.Newsletter_City{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
b.Newsletter_Topic{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #004276;
}

/* REPORTS */
.report p{margin:0;}
.report th{text-align:left;}
/* AGENDA */
.agenda *{font-size:11px;}
/* MICROSITES */
.landingpage{margin-left:-20px;}
.leftbar {width: 232px; vertical-align:top; border-right:2px solid rgb(247, 179, 34);}
.lpbody{padding-left:15px;}
.discussion h2{margin-bottom:0;}
.discussion p{margin-top:0;}
.btnTransfer{width:30px; height:30px; border:1px solid #000000; background-color:#CCCCCC; margin:2px 2px 2px 2px;}
#multiSelectForm{border:0px solid #CCCCCC;width:280px;padding:0px 0px 0px 0px; float:left;}
#multiSelectForm tr, #multiSelectForm td{vertical-align:middle;background-color:#FFFFFF;}
#multiSelectForm select{height:220px; width:200px;}
.requiredElement{font-weight: bold;}
.datefield{width:100px; text-align:center;}
h2.msdisc{font-style:normal; color:#004276; margin:0;}
.msshort{margin:0;}
.mspostedby{font-size:10px; margin-top:5px; margin-bottom:10px;}
.msfootlinks{text-align:right; text-transform:uppercase; font-size:10px;}
.msgi span{font-size:10px;}
.moto{color:#FFFFFF; font-size:24px; margin-right:20px; text-align:right; line-height:81px; vertical-align:middle;}
.j2o{clear:both;}
.j2o .findMemberSearch{width:171px; margin-right:4px;}
H1.sbsmall{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-size: 12px; line-height: 15px; color: #004276; margin:0 0 5px 0;}
/* CALENDAR */
.generalCalendar{font-family:arial;font-size:11px;border:1px solid #999999;font-family:arial; font-size:11px; width:220px;}
.generalCalendar td, .generalCalendar tr{background-color:#E4E4E4;}
.calendarContent {border-bottom:2px solid #FFFFFF; width:218px}
.calendarContent tr, .calendarContent td{padding:2px;font-family:arial;font-size:11px;text-align:center;}
.bgCalendar {background-color:#B2B2B2;padding-left:5px;}
.monthNavigation{color:#000033;}
.calendarDaysName B{ border:1px, font-family:verdana;font-size:11px;}
.calendarDaysName td{width:30px; text-align:right; color:#0000FF;}
.weekend {color:#CC0000;}
.currentDay {color:#000066; font-weight:bold;}
.btnTransfer{width:30px; height:30px; border:1px solid #000000; background-color:#CCCCCC; margin:2px 2px 2px 2px;}
/********* PRINT *********/
@media print{
	.printonly{display:inherit;}
	.noprint{display:none; visibility:hidden;}
	.x-tabs-strip{display:none;}
	body {
		font-size:14px;
		line-height:17px;
	}
	.WLGnormal {
		font-size: 14px;
		line-height: 16px;
	}
	.WLGpage #contentarea {
	   width:auto;
	}
}
@media screen{
	.printonly{display:none;}
	body {
		font-size:12px;
		line-height:15px;
	}
	.WLGnormal {
		font-size: 11px;
		line-height: 13px;
	}
}

