/*CSS Document */

html,body {margin:0;padding:0}
body {font-size: 75%; font-family: Helvetica, Arial, sans-serif;  text-align:center; color: #4c4c4a; line-height: 1.4; background: #ffffff;}

#container {text-align:center; width:100%; margin:0 auto; padding: 0;}

/*generic styles*/
.photoleft { float:left; margin-bottom:5px; margin-right:5px; }
.photoRight { float:right; margin-bottom:5px; margin-left:5px; }

/* top right utility navigation items */
#utility {height:18px; background: #82AB41; width: 100%; text-align:right;}
#utility ul {width:750px; list-style-type:none; margin: 0 auto; padding: 0 0 0 0;}
#utility li {display: inline; margin:0; padding:0 1px 0 0px;}

#printlogo {display: none}

/* these two divs are each 50% and stretch the full width to create teh background effect */
#headerRight {float: right; width:49%; height:88px; margin:0; padding:0; background: url(../images/headerRightBkgnd.gif); border: 0; border-top: solid 4px #fff; border-bottom: solid 4px #fff;}
/* to fix seperation issue in IE */
* html #headerRight {margin:0 0 0 -1px;}
#headerLeft {float: left; width:50%; height:88px; margin:0; padding:0; background: #BCD7E0; border: 0; border-top: solid 4px #fff; border-bottom: solid 4px #fff;}
#headerRightImg {float:left; margin: 0 0 0 143px;}
#headerLeftImg {float:right; margin: 0 -137px 0 0; position: relative;}
#logo {float:right; margin: 0 99px 0 0;}

/* These set the correct tab to appear on top of the other main nav items */
body#aboutWfdsa #imageTabAboutWfdsa { position: relative; }
body#aboutSelling #imageTabAboutSelling { position: relative; }
body#CodeConduct #imageTabCodeConduct { position: relative; }
body#MemberDirectory #imageTabMemberDirectory { position: relative; }
body#Meetings #imageTabMeetings { position: relative; }
body#Initiatives #imageTabInitiatives { position: relative; }
body#Publications #imageTabPublications { position: relative; }
body#Resources #imageTabResources { position: relative; }
body#LegalIssues #imageTabLegalIssues { position: relative; }
body#acercaWfdsa #imageTabAcercaWfdsa { position: relative; }

/* Main horizontal navigation items */
#mainNav {height:30px; background: #82AB41; width: 100%; margin: 0; padding:0; border-bottom: solid 10px #EFCBA9; text-align:left;}
#mainNav ul {width: 750px; list-style-type: none; margin: 0 auto -3px auto; padding: 0 0 0 28px; border:0;}
#mainNav li {display: inline; margin: 0 -1px; padding:0; border: 0;}

/*Keeps content in fixed 750 width */
#wrapper {width: 750px; margin: 0 auto; background-image: url(../images/columnsBkgnd.gif); background-repeat:repeat-y; border: 0;}
#wrapperNonav {width: 750px; margin: 0 auto; border: 0;}

#content {float:right; width:571px; text-align:left; padding: 15px 0 0 0; }
#contentNonav {width:750px; text-align:left; padding: 15px 0 0 0; }

/* Left hand navigation items */
#navigation {background:#F7E4D5; float:left; width:159px; text-align: left; margin: 0 20px 0 0;}
#navigation ul {list-style-type:none; margin: 15px 0 0 0; padding: 0;}
#navigation li {margin: 0; padding: 0; border:0;}
#navigation li img { border:none; }

/*code of ethics*/
.recognition { border:1px solid #343434; float:left; }
.module.ethics { float:left; padding:0 10px;  width:45%; }
.module.ethics-right { border-left:1px solid #343434; float:left; padding:0 10px;  width:45%; }

#footer {background:#fff; float:right; width:571px; border-top: solid 1px #000; text-align: left; margin: 20px 0 0 0px; padding: 5px 0 0 0; }
#footerNonav {background:#fff; float:right; width:750px; border-top: solid 1px #000; text-align: left; margin: 20px 0 0 0px; padding: 5px 0 0 0; }
#footer p { font-size: .75em;}
#footer a {color: #4c4c4a;}

/* Site Map Display */
#siteMap{width: auto; height: auto;}

#siteMapBuckets{width: 30%; min-width: 20%; height: 200px; float:left;}

#siteMapBuckets ul li {margin-left: -20px;}

h1 { font-family: Times, Times New Roman, Serif; font-size: 1.6em; padding: 5px 0; margin:0; }
h2 { font-family: Times, Times New Roman, Serif; font-size: 1.3em; padding: 5px 0; margin:0;}
h3 { font-family: Times, Times New Roman, Serif; font-size: 1.2em; padding: 5px 0; margin:0;}
h4 { font-family: Times, Times New Roman, Serif; font-size: 1.1em; padding: 5px 0; margin:0;}
.headline1 { font-family: Times, Times New Roman, Serif; font-size: 1.6em; padding: 0; margin:0; text-transform: lowercase; font-weight:bold; }
.headline2 { font-family: Times, Times New Roman, Serif; font-size: 1.3em; padding: 0; margin:0; font-weight:bold; }
.headline3 { font-family: Times, Times New Roman, Serif; font-size: 1.1em; padding: 0; margin:0; font-weight:bold; }

.pullQuote {background: #BCD6DE; font-family: Times, Times New Roman, Serif; font-size: 1.3em; width: 200px; float: left; font-weight: bold; padding: 10px 20px; margin: 10px 10px 10px 0; line-height: 1.1;	}
.pullQuoteMarkBegin {font-size: 2em; margin-left: -17px; margin-top: -5px; padding-top: 0px; position: absolute;}
.pullQuoteMarkEnd {font-size: 2em; margin-left: 2px; margin-top: -5px; padding-top: 0px; position: absolute;}

.alert, .required, .required_field, .requiredfield, .attention, .error {color:#CC0033; font-weight: bold;}
.fieldlabel, .label, .field_label {font-weight: bold; color: #033771; }
.help, .helptext, .help_text {font-size: 0.9em; color: #369; }

/* Table Stripe Row */
tr.odd td { background-color: #dedede; }	

table.committee { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 18px; }
table.committee td { border-top: 1px solid #ddd; padding: 5px 10px 5px 5px; vertical-align: top; width: 50%; }