/*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:left; width:100%; margin:0 auto; padding: 0;}

/* top right utility navigation items */
#utility {height:19px; background: #82AB41; width: 100%; text-align:right; margin:0 0 0 -244px; border: 0; border-left: 8px solid #fff; position: relative; }
* html #utility {margin:-2px 0 0 -244px; }
#utility ul {width: 619px; list-style-type:none; margin: 0 auto; padding: 0 20px 0 0;}
#utility li {display: inline; margin:0; padding:0 1px 0 0px;}

/* these two divs are each 50% and stretch the full width to create teh background effect */
#headerRight {float: right; width:49%; height:285px; margin:0 ; padding:0; background: url(../images/mainHeaderRightBkgnd.gif) #BCD7E0; border: 0; }
/* to fix seperation issue in IE */
* html #headerRight {margin:0 0 0 -1px;}
#headerRightContent {height:266px; margin:0 0 0 -244px; padding:0; border: 0; border-left: 8px solid #fff; position: relative; text-align: left;}
#headerLeft {float: left; width:50%; height:285px; margin:0 0px 0 0; padding:0 0 0 0px; background: #F0CCAA; border: 0; text-align:right; }
#mainHeaderRightImg { float: left; }
#mainEmpowerment {margin: 21px 0 0 -136px;}
#mainLogo { margin:16px 254px 0 0;}
#mainStatement { margin:20px 254px 0 0;}

#upcomingEvents {background: url(../images/upcomingEventsBkgnd.gif); width: 179px; height: 170px; position: absolute; left:420px; }
#upcomingEventsHeader {margin: 14px 0 0 0;}
#upcomingEventsContent {height: 105px; overflow:auto; padding: 0 10px;}
* html #upcomingEventsContent {padding-top: 8px; }
#upcomingEventsContent p {font-size: .75em; color: #283337; line-height: 1.1;}
* html #upcomingEventsContent p {margin-top: -8px;}
#upcomingEventsMore { margin: 4px 0 0 115px;}
#upcomingEventsContent a {text-decoration:none; color: #283337;}

/* Main horizontal navigation items */
#mainNav {height:32px; background: #82AB41; width: 100%; border: 0; margin:-17px 0 0 0 ; padding:0;}
#mainNav ul {width: 750px; list-style-type: none; margin: 0 auto -3px auto; padding: 0 0 0 28px;}
#mainNav li {display: inline; margin: 0 -1px; padding:0; border: 0;}

/*Keeps content in fixed 750 width */
#wrapper {width: 750px; margin: 0 auto; border: 0;}

#featureMeeting {float: right; width: 141px; margin: 25px 0 0 0; padding: 0 35px 0 20px; border: 0; border-left:1px solid #000;}
#bannerAd { float:right; margin:25px 0 0 0; width:185px; }
#associationPerformanceSemin {margin: 0 -21px 0 0;}
#whatsNew {/*float: left; width: 508px;*/ margin: 25px 20px 0 23px; padding-bottom: 40px; border:0 ; border-bottom: 1px solid #000; position:relative;}
*html #whatsNew {margin: 25px 20px 0 13px;}
#whatsNewHead {margin: 0 0 10px 0;}
#whatsNew p {font-size: .9em; line-height: 1.0; margin: 4px 0 0 0;}
/*#whatsNewMore {position:absolute; bottom: 20px; right: 0px;}*/
#whatsNew a {text-decoration:none; font-weight: bold; color: #4c4c4a;}

#wrapper p.more { text-align:right; margin:0.75em 0 0; }

#featuredItem {float: left; width: 508px; margin: 15px 20px 0 23px; padding-bottom: 0px; border:0 ; position:relative;}
*html #featuredItem {margin: 25px 20px 0 13px;}
#featuredItemHead {margin: 0 0 0px 0;}
#featuredItemPhoto {float:left; margin: 10px 10px 0 0;}
* html #featuredItemPhoto {margin: 20px 10px 0 0;}
#featuredItem p {font-size: .9em; line-height: 1.0; padding:0; border:0;}
/*#featuredItemMore {position:absolute; bottom: 0px; right: 0px;}*/
#featuredItem a {text-decoration:none; font-weight: bold; color: #4c4c4a;}

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

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

h1 { font-family: Times, Times New Roman, Serif; font-size: 1.7em; padding: 0; margin:0;}
h2 { font-family: Times, Times New Roman, Serif; font-size: 1.4em; padding: 0; margin:0;}
h3 { font-family: Times, Times New Roman, Serif; font-size: 1.2em; padding: 0; margin:0;}

.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;}