/* file is temporary */

@import url("reset.css");

/********** Global **********/
html, body { margin: 0; }
.clear { clear: both; }

html, body, #wrapper { height: 100%; }

/*body > #wrapper {
	height: auto; 
	min-height: 100%;}*/

html { width: 100%; height: 100%; font: 12px Tahoma, arial, sans-serif; color: #000; }
body { width: 100%; height: 100%; text-align: center; font-size: 12px; line-height: 12px; }

body#home #bgWrap { background: url(/images/home.jpg) repeat-x; }

body#home { min-height: 900px; }


/********** Layout **********/
#bgWrap { background: url(/images/bgStrip.jpg) repeat-x top; position: relative; }

#wrapper { width: 1200px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; position: relative; }

#head { width: 820px; height: 139px; position: relative; margin: 0 auto; Z-INDEX: 3; }

#logo { width: 825px; height: 89px; background: url(/images/logo.png) no-repeat; text-indent: -9999px; }

#logo a { display: block; width: 358px; height: 89px; margin: 0 auto; }

#login { width: 100%; height: 36px; background: #0e2f0e; border-bottom: 1px solid #222; }

#loginWrap { width: 940px; height: 36px; position: relative; margin: 0 auto; }

.lInput { background: #154415; width: 154px; height: 18px; border: 1px solid #59ae56; color: white; padding-left: 5px; margin-top: -4px; }

#loginWrap label { color: #b4beb4; text-transform: uppercase; margin-top: 5px; font-size: 11px; }

#loginU { position: absolute; top: 9px; LEFT: 362px; }

#loginP { position: absolute; top: 9px; LEFT: 620px; }

input#loginSub { border: 0; background: url(/images/btnSb.png) no-repeat; width: 82px; height: 26px; margin: 0px; padding: 0px; text-indent: -9999px; position: absolute; top: 7px; RIGHT: 0px; cursor: pointer; font-size: 0; line-height: 0; }

input#loginSub:hover { background-position: 0px -26px; }

a#btnLogin { background: url(/images/btnLogin.png) no-repeat; position: absolute; top: 0; RIGHT: -61px; display: block; width: 87px; height: 28px; overflow: hidden; text-indent: -9999px; }

a:hover#btnLogin { background-position: 0 -29px; }

p { }

#content { position: relative; width: 1200px; PADDING-BOTTOM: 27px; min-height: 560px; height: auto !important; height: 333px; Z-INDEX: 2; }

#search-wrap { position: absolute; RIGHT: -3px; BOTTOM: -31px; Z-INDEX: 5; }

#search-form { background: transparent url(/images/bgSearch.png) no-repeat scroll 0 0; height: 31px; position: relative; width: 228px; }

#search-form input { color: #edeae4; position: absolute; }

#search-form input#searchBox { margin: 0px; border: none; padding: 8px 0px 8px 14px; LEFT: 0px; top: 0px; height: 15px; background: transparent; }

#search-form input#send { background: url(/images/btnSearch.png) no-repeat; width: 23px; height: 23px; margin: 0px; padding: 0px; RIGHT: 8px; top: 3px; border: none; text-indent: -9999px; font-size: 0; line-height: 0; }

#search-form input#send:hover { background-position: 0 -23px; }

#footer { background: url(/images/bgFooter.png) repeat-x;  /*margin-top: -267px;*/ height: 225px; CLEAR: both; Z-INDEX: 2; }

.push { height: 267px; }

#testimonials { height: 500px; border-bottom: 1px dotted #304826; list-style-type: none; }

#ftContent { width: 980px; height: 225px; margin: 0 auto; }

#ftNav { width: 820px; font-size: .9em; line-height: 1.0em; text-align: center; padding: 20px 0 20px 160px; display: block; FLOAT: left; overflow: visible; }

#ftNav li { display: block; FLOAT: left; padding: 3px 15px 3px 7px; background: url(/images/dots.gif) right center no-repeat; }

#ftNav .noDots { background: none; }

#ftNav li a { display: block; padding: 6px 4px 7px 4px; color: #e8e8e8; text-decoration: none; }

#ftNav li a span { padding: 6px 0 5px 4px; }

#ftNav li a:hover { background: url(/images/ftLinkRt.png) top right no-repeat; color: #FFF; }

#ftNav li a:hover span { background: url(/images/ftLinkLt.png) top left no-repeat; }

#ftNav #ftLt { padding-left: 20px; }

#ftLogo { width: 232px; height: 37px; display: block; CLEAR: both; margin: 0 auto; PADDING-BOTTOM: 20px; }

#ftCopy { font-size: .7em; color: #98ad98; display: block; text-align: center; }

#ftVc { text-decoration: underline; }


/********** Home Page **********/
#home #content { background: url(/images/bgHomeTop.jpg) no-repeat top; PADDING-top: 31px; height: 970px; }

#homeLtCol { FLOAT: left; position: relative; width: 796px; height: 615px; text-align: left; background: url(/images/bgHomeLt.jpg) no-repeat; }

#homeLtCol *, #homeRtCol a { position: absolute; }

#homeRtCol { FLOAT: left; position: relative; width: 404px; height: 615px; background: url(/images/bgHomeRt.jpg) no-repeat; }

a.btnMore { background: url(/images/btnRm.png) no-repeat; display: block; width: 75px; height: 26px; overflow: hidden; text-indent: -9999px; }

a:hover.btnMore { background-position: 0 -26px; }

#picKipKarl { LEFT: 156px; top: 0; }

#h2Whw { width: 340px; height: 42px; background: url(/images/h2Whw.jpg); top: 15px; RIGHT: 22px; text-indent: -9999px; }

#pWhw { width: 306px; top: 64px; LEFT: 445px; line-height: 17px; }

#btnWhw { LEFT: 442px; top: 225px; }

#picOurOpp { top: 271px; LEFT: 156px; }

#h2OurOpp { width: 193px; height: 17px; background: url(/images/h2Oo.gif); top: 432px; LEFT: 162px; text-indent: -9999px; }

#pOurOpp { width: 255px; top: 460px; LEFT: 162px; font-size: .9em; line-height: 1.2em; }

#btnOurOpp { top: 532px; LEFT: 160px; }

#picOurMem { top: 271px; LEFT: 478px; }

#h2OurMem { width: 152px; height: 17px; background: url(/images/h2Om.gif); top: 432px; LEFT: 482px; text-indent: -9999px; }

#pOurMem { width: 255px; top: 460px; LEFT: 483px; font-size: .9em; line-height: 1.2em; }

#btnOurMem { top: 532px; LEFT: 482px; }

a#btnConsp { background: url(/images/btnConsp.jpg) no-repeat; display: block; width: 235px; height: 107px; overflow: hidden; top: 29px; RIGHT: 149px; text-indent: -9999px; }

a:hover#btnConsp { background-position: 0 -107px; }

#signUp { position: absolute; width: 226px; height: 203px; top: 148px; RIGHT: 153px; }

#signUp h2 { text-indent: -9999px; }

#newsletter { position: absolute; width: 203px; height: 57px; top: 65px; LEFT: 11px; }

.input-text { display: block; width: 189px; height: 16px; border: 1px solid #fff; padding: 5px 3px 1px 10px; font-family: Arial, sans-serif; font-size: 11px; color: #fff; font-weight: bold; line-height: 1.18em; background: #afafaf; position: absolute; }

#name { LEFT: 0; top: 0; }

#email { LEFT: 0; BOTTOM: 0; }

input#btnSignUp { border: 0; background: url(/images/btnSignUp.png) no-repeat; width: 82px; height: 26px; margin: 0px; padding: 0px; text-indent: -9999px; position: absolute; top: 113px; RIGHT: 57px; cursor: pointer; font-size: 0; line-height: 0; }

input#btnSignUp:hover { background-position: 0px -26px; }

a#btnRss { background: url(/images/btnRss.jpg) no-repeat; display: block; width: 224px; height: 81px; overflow: hidden; top: 372px; RIGHT: 154px; text-indent: -9999px; }

a:hover#btnRss { background-position: 0 -81px; }

#socialFlash { position: absolute; width: 235px; height: 138px; top: 458px; RIGHT: 149px; }

/********** Left Column Nav Highlighter **********/

body#story a#storynav, body#mission a#missionnav, body#management a#managementnav, body#committee a#committeenav, body#gives a#givesnav { color: #fbcf58; background: #2f4b1d; }



/********** Interior Page **********/
.interior #content { background: url(/images/bgIntStrip.png) repeat-y; }

#intLeftCol { width: 173px; padding: 14px 9px 0; background: url(/images/bgIntTopLt.jpg) no-repeat; min-height: 240px; height: auto !important; height: 240px; position: absolute; LEFT: 0; top: 0; Z-INDEX: 5; }

#subNav a { display: block; text-decoration: none; text-transform: uppercase; color: black; font-size: 12px; font-weight: bold; padding: 8px 11px 6px; border-bottom: 1px dotted #304826; height: 16px; }

#subNav a:hover { background: #2f4b1d; color: #fbcf58; }

#intPageHeader { text-align: left; line-height: 18px; margin: 0 auto; width: 763px; position: relative; left: 3px; padding: 200px 30px 40px; }
#intPageHeaderx { text-align: left; line-height: 18px; margin: 0 auto; width: 763px; position: relative; left: 3px; padding: 20px 30px 40px; }
#intPageHeadery { text-align: left; line-height: 18px; margin: 0 auto; width: 763px; position: relative; left: 3px; padding: 200px 30px 40px; margin-left: -33px; }

#intPageHeader ul, #intPageHeader ol, #intPageHeaderx ul, #intPageHeaderx ol {
	margin-top: 5px;
}
#intPageHeader ul li, #intPageHeader ol li, #intPageHeaderx ul li, #intPageHeaderx ol li {
	/*margin-left: 20px;*/
}

#intPageHeader h1,
#intCenterHead { color: #fff; font-size: 36px; position: absolute; top: 140px; LEFT: 10px; text-transform: uppercase; line-height: 40px; }

#intRightCol { width: 169px; padding: 14px 9px 0; background: url(/images/bgIntTopRt.jpg) no-repeat; min-height: 240px; height: auto !important; height: 240px; position: absolute; RIGHT: 0 !important; RIGHT: -1px; top: 0; Z-INDEX: 5; }

.intTest, .intOpp { border-bottom: 1px dotted #304826; MARGIN-BOTTOM: 22px; }

.intTest { PADDING-BOTTOM: 30px; }

.quote { margin: 17px 0 7px; font-size: 15px; FONT-STYLE: italic; line-height: 19px; }

.author { text-align: right; MARGIN-RIGHT: 6px; font-weight: bold; }

.intOpp { PADDING-BOTTOM: 40px; position: relative; }

.intOpp p { margin-top: 17px; font-size: 15px; line-height: 19px; }

a#btnJoin { background: url(/images/btnJoin.png) no-repeat; display: block; width: 75px; height: 26px; overflow: hidden; text-indent: -9999px; position: absolute; BOTTOM: 8px; RIGHT: 10px; }

a:hover#btnJoin { background-position: 0 -26px; }

#intRightCol p, #intLeftCol p { padding: 0 11px; }

.intBox { background: url(/images/intBoxBg.png) repeat; text-align: left; height: 100% !important; height: auto; }

.intBox h2 { color: #fff; width: 162px; height: 24px; background: url(/images/bgIntH2.jpg) no-repeat; padding: 7px 0 0 11px; font-family: Georgia, Times, "Times New Roman" , serif; font-size: 1.1em; font-weight: normal; FONT-STYLE: italic; }

#intRightCol .intBox h2 { width: 159px; }

<!--#intBottom { width: 930px; height: 161px; position: absolute; BOTTOM: 0; LEFT: 142px; Z-INDEX: 4; }-->




/********** Navigation **********/
#nav, ul#nav { background: url("images/nav.gif") left top repeat-x; width: 825px; height: 50px; position: absolute; BOTTOM: 0; LEFT: 0; }

#nav01 { width: 112px; }
#nav02 { width: 122px; }
#nav03 { width: 142px; }
#nav04 { width: 137px; }
#nav05 { width: 102px; }
#nav06 { width: 100px; }
#nav07 { width: 110px; }
#nav07 a span { border-right: 0; }

#nav span { font-family: arial, sans serif; font-size: 14px; font-weight: 700; line-height: 48px; text-transform: uppercase; border-right: 1px solid #3f702d; display: block; position: relative; top: 1px; }

#nav a { border: none; text-decoration: none; color: #FFFFFF; }

#nav li, #nav a { height: 50px; display: block; color: #FFFFFF !important;}

#nav li { FLOAT: left; LIST-STYLE: none; display: inline; position: relative; }

#nav li a:hover { background: url(/images/nav.gif) left bottom repeat-x; color: #fbcf58 !important; }

#nav li ul { position: absolute; LEFT: 0; top: 50px; BORDER-top: 1px solid #dbbc62; display: none; Z-INDEX: 6; }

#nav li ul li { FLOAT: none; LIST-STYLE: none; CLEAR: left; display: block; height: 35px; line-height: 35px; border: 1px solid #dbbc62; BORDER-top: 0; background: url(/images/dropdown.png) 0 0 repeat; position: relative; }

#nav li ul li a { width: auto; display: block; height: 35px; line-height: 35px; text-decoration: none; color: #fff; }

#nav li ul li a:hover { background: none #c4a95c !important; TEXT-SHADOW: 0 1px 0 #ab9350; }

#nav ul, #nav ol, #nav li, #nav ul ul, #nav ul ul ul, #nav ul li ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/********** Utility ************/
.clearfix:after { content: "."; display: block; height: 0; CLEAR: both; visibility: hidden; }

.clearfix { display: inline-block; }

.clear { CLEAR: both; }

.left { FLOAT: left; margin: 0 10px 10px 0; }

.right { FLOAT: right; margin: 0 0 10px 10px; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */

ul.ul {
	list-style-type: circle;
	padding: 5px;
}

ul.ul li {
	margin-left: 10px;
}

/* */
ul.executive-committee {
	width: 192px;
	padding: 0px;
	float: left;
	list-style-type: none;
	margin: 0px;
	margin-left: -10px;
}
ul.executive-committee li {
	float: left;
	padding: 2px 0px 0px 2px;
	margin: 0px;
	/*
	margin-left; -60px;
	margin-right: -30px;
	min-width: 64px;
	*/
	background-color: #eee;
	height: 64px;
}
ul.executive-committee li:hover {
	background-color: #cfc;
}

.executive-committee-div blockquote {
	color: #393;
	margin-left: 10px;
	margin-top: 5px;
	line-height: 12px;
	font-size: 12px;
}

/* lol */
.mpower-product-page {
	background: url(/images/wmiBannerMpower.jpg) no-repeat;
	padding-top: 200px;
}
.company-story
, .how-it-works {
	background: url(/images/wmiBannerCompanyStory.jpg) no-repeat;
	padding-top: 200px;
}
.mission-vision {
	background: url(/images/wmiBannerMission.jpg) no-repeat;
	padding-top: 200px;
}
.m1-product-page {
	background: url(/images/m1top2.png) no-repeat;
	padding-top: 200px;
}
.m2-product-page {
	background: url(/images/wmim2.jpg) no-repeat;
	padding-top: 200px;
}
.m3-product-page {
	background: url(/images/wmim3.jpg) no-repeat;
	padding-top: 200px;
}
.endorsements-page {
	background: url(/images/wmiBannerEndorsements.jpg) no-repeat;
	padding-top: 200px;
}
.tv-and-radio-page {
	background: url(/images/wmiBannerTv.jpg) no-repeat;
	padding-top: 200px;
}