/******************************************************************************
Filename:  screen.css
Project:   NMEDA
Purpose:   Site CSS:  Contains global styles 
Date			Developer	Description
02/16/2009		ln			Version 1.0
******************************************************************************/

/**** GLOBAL STYLES ****/
body{background: #70B85D url('../images/global/bodybg.gif') top left repeat-x; padding:0; margin:0; font-size:100%; font-family:Verdana, Helvetica, Arial, sans-serif;}
a{color:#0846A0;}
a:hover{color:#F47137;}
.clear{clear: both; height: 0px;}
#screenreaderNav{display:none;}
.screenreaderNavAnchor{display:none;}
img{border:none;}
.floatLeft{float: left;}
.floatRight{float:right;}
span.hidden{display:none}
.hidden{display:none;}
p{margin:0 0 12px 0;}

#utilityWrapper{background-color:#0D325B; height:20px; width:100%;}
#utilityContainer{width:975px; margin:0 auto 0 auto; font-size:62%; font-weight:bold; padding:3px 0px 0px 0px;}
#utilityContainer a{display:block; float:right; color:#A6CAEC; text-decoration:none; padding:0px 10px 0px 10px;}
#utilityContainer a:hover{display:block; float:right; color:#ffffff; text-decoration:none; padding:0px 10px 0px 10px;}
#searchWrapper{float:right; width:200px; background:transparent url('../images/global/searchbg.gif') 0px -4px no-repeat;}
#searchContainer{float:left;}
#searchContainer .searchSubmit{float:left; margin:0px 0px 0px 5px; width:65px; height:16px;}
#searchContainer input.cleardefault{float:left; width:123px; height:16px; background:none; border:0; padding:0px 0px 0px 2px; color:#333333; font-size:98%;}

#headerWrapper{height:120px; width:100%;}
#headerContainer{height:120px; width:975px; margin: 0 auto 0 auto;}
#headerContainer #logo{float:left; width:108px; height:120px;}
#headerContainer #nmeda{width:479px; height:92px; float:left; overflow:visible;}
/*#headerContainer h1.nmeda{font-weight:bold; font-size:100%; width:800px; color:#ffffff; margin:0; padding:5px 0px 0px 0px;}*/
#topnavContainer{width:650px; height:21px; float:left; font-weight:bold; font-size:75%;}
.social {float: right; width: 130px; }
.social img { padding: 3px;}
.social p {color: #ffffff;float:left;font-size:14px;margin:0;padding:5px 5px 0 0;}


#pageWrapper{width:100%; background: #f0faff url('../images/global/bodybg.gif') 0px -140px repeat-x; height:auto;}
#pageContainer{width:971px; margin:0 auto 0 auto;}

#contentWrapper{width:100%; background: #fafdff url('../images/global/contentbg.gif') 0px 0px no-repeat; height:auto;}
#contentContainer{width:971px; margin:0 auto 0 auto; height:400px;}
html > body #contentContainer{height:auto; min-height:400px;}

#tier2Wrapper{width:675px; padding:20px 0px 0px 0px;}
#tier2Container{padding: 10px 5px 10px 85px;}
*:first-child+html #tier2Container{padding: 10px 0px 10px 80px;}
#consumer #tier2Container{background-color:#0846A0;}
#members #tier2Container{background-color:#186D26;}
#quality #tier2Container{background-color:#CC6619;}
#join #tier2Container{background-color:#AD072F;}
#consumer #tier2Container .divide{background: transparent url('../images/global/tier2bulletConsumer.gif') 0px 2px no-repeat; width:10px; height:10px; float:left; display:block;}
#members #tier2Container .divide{background: transparent url('../images/global/tier2bulletMembers.gif') 0px 2px no-repeat; width:10px; height:10px; float:left; display:block;}
#quality #tier2Container .divide{background: transparent url('../images/global/tier2bulletQuality.gif') 0px 2px no-repeat; width:10px; height:10px; float:left; display:block;}
#join #tier2Container .divide{background: transparent url('../images/global/tier2bulletJoin.gif') 0px 2px no-repeat; width:10px; height:10px; float:left; display:block;}
#tier2Container a{color:#ffffff; background-color:transparent; text-decoration:none; font-weight:bold; font-size:68%; float:left; display:block; padding:0px 9px 0px 9px; height:15px; white-space:pre;}
#consumer #tier2Container a:hover{color:#9EB7DB; background-color:#0846A0; text-decoration:none; font-weight:bold; font-size:68%; float:left; display:block;}
#members #tier2Container a:hover{color:#82BC83; background-color:#186D26; text-decoration:none; font-weight:bold; font-size:68%; float:left; display:block;}
#quality #tier2Container a:hover{color:#F4BC95; background-color:#CC6619; text-decoration:none; font-weight:bold; font-size:68%; float:left; display:block;}
#join #tier2Container a:hover{color:#E89AA7; background-color:#AD072F; text-decoration:none; font-weight:bold; font-size:68%; float:left; display:block;}
#tier2Wrapper #tier2Container div.tier2Link{float:left;}
#consumer #callout{background:transparent url('../images/global/tier2bubbleConsumer.gif') top left no-repeat; width:212px; height:23px;}
#members #callout{background:transparent url('../images/global/tier2bubbleMembers.gif') top left no-repeat; width:212px; height:23px;}
#quality #callout{background:transparent url('../images/global/tier2bubbleQuality.gif') top left no-repeat; width:212px; height:23px;}
#join #callout{background:transparent url('../images/global/tier2bubbleJoin.gif') top left no-repeat; width:212px; height:23px;}

#leftnavWrapper{width:170px; float:left;}
#leftnavContainer{float:right; text-align:right;}
#leftnavContainer h2{font-weight:bold; font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif; font-size:110%; margin:0; padding:5px 0px 25px 0px;}
#leftnavContainer h2 a{text-decoration:none;}
#leftnavContainer h2 a:hover{text-decoration:underline;}
#leftnavContainer a:hover{color:#718496; text-decoration:none;}
.leftNavT3On a{font-size:80%; color:#718496; text-decoration:none; padding:5px 0px 0 0px; display:block;}
.leftNavT3Off a{font-size:80%; color:#1B2830; text-decoration:none; padding:5px 0px 0 0px; display:block;}
.leftNavT4On a{font-size:67%; color:#718496; text-decoration:none; padding:2px 20px 0 0px; display:block; background:transparent url('../images/global/tier4bullet.gif') right 1px no-repeat;}
.leftNavT4Off a{font-size:67%; color:#1B2830; text-decoration:none; padding:2px 20px 0 0px; display:block;}

#wysiwygWrapper{width:530px; float:left;}
#wysiwygContainer{font-size:67%; padding:30px 0px 20px 50px;}
#wysiwygContainer h3#title{font-size:133%; font-weight:bold; font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif; margin:0 0 12px 0;}
#wysiwygContainer h1, #wysiwygContainer h2, #wysiwygContainer h3, #wysiwygContainer h4{font-size:110%; font-weight:bold; margin:0 0 12px 0;}
#wysiwygContainer h5{font-size:100%; font-weight:bold; margin:0 0 12px 0;}

/* acrobat reader disclaimer */
#pdfNotice{width:460px; margin:20px 0 20px 0; padding:10px 15px 10px 15px; text-align:left; background:#EEEEEE; border:1px solid #CCCCCC; clear:both;}
#pdfNotice img{float:left; margin-right:15px;}

/**** BEGIN:  TABLES ****/
#wysiwygContainer table{}
#wysiwygContainer table tr{vertical-align:top;}
#wysiwygContainer table th{vertical-align:bottom;}
#wysiwygContainer table td{}
#wysiwygContainer table .odd{}
#wysiwygContainer table .even{background:#FEFEFE;}
/**** END:  TABLES ****/

#rightWrapper{width:270px; margin-bottom:70px; float:left;}
#rightContainer{padding:45px 0px 20px 30px;}
#rightContainer #rightCallout{width:192px; height:auto; padding:0px 0px 0px 20px;}
#rightContainer #rightCallout #rightCalloutTop{background:transparent url('../images/global/rightCalloutTop.gif') bottom left no-repeat; width:192px; height:10px;}
#rightContainer #rightCallout #rightCalloutMiddle{background: transparent url('../images/global/rightCalloutbg.gif') top left repeat-y; padding:0px 10px 0px 10px;}
#rightContainer #rightCallout #rightCalloutMiddle p{font-size:67%; color:#ffffff; font-weight:bold; line-height:15px; padding:10px 0px 0px 0px; margin:0;}
#rightContainer #rightCallout #rightCalloutMiddle p a{color:#ffffff; text-decoration:none;}
#rightContainer #rightCallout #rightCalloutBottom{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/global/rightCalloutBottom.png', sizingMethod='crop'); width:192px; height:60px;}
html > body #rightContainer #rightCallout #rightCalloutBottom{background:transparent url('../images/global/rightCalloutBottom.png') bottom left no-repeat; width:192px; height:60px;}

#rightContainer .rightColImg{padding: 30px 0px 0px 0px;}

#textSize{width:270px; margin:-70px 0 0 700px; font-size:80%; text-align:center; padding:20px 0px 10px 0px; color:#cccccc;}
#textSizeHome{width:270px; margin:0 0 0 0; font-size:80%; text-align:center; padding:20px 0px 10px 0px; color:#cccccc;}
#textSize .orange, #textSizeHome .orange{color:#F47137;}
#textSize a, #textSizeHome a{font-size:90%; color:#666666;}
#textSize a:hover, #textSizeHome a:hover{font-size:90%; color:#F47137;}

#footerWrapper{width:100%; height:auto; background:#70B85D;}
#footerContainer{width:975px; margin:0 auto 0 auto;}
#footerContainer #footerTop{width:975px; height:20px; background: transparent url('../images/global/footertop.gif') top left no-repeat;}
#footerContainer #footerMiddle{width:975px; background: transparent url('../images/global/footerbg.gif') top left repeat-y; height:100px;}
html > body #footerContainer #footerMiddle{height:auto; min-height:100px;}
#footerContainer #footerMiddle .sectionWrapper{width:230px; float:left; display:block; padding:0px 5px 0px 5px;}
#footerContainer #footerMiddle .sectionWrapper .sectionContainer{padding:0px 10px 0px 20px; font-size:80%;}
#footerContainer #footerMiddle .sectionWrapper .sectionContainer .header{font-size:120%; font-weight:bold; font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif; margin:0; color:#1D3F10;}
#footerContainer #footerMiddle .sectionWrapper .sectionContainer a{display:block; clear:left; color:#1D3F10; text-decoration:none; padding:2px 0px 2px 0px;}
#footerContainer #footerMiddle .sectionWrapper .sectionContainer a:hover{display:block; clear:left; color:#466638; text-decoration:none; padding:2px 0px 2px 0px;}
#footerContainer #footerBottom{width:975px; height:20px; background: transparent url('../images/global/footerbottom.gif') top left no-repeat;}
#footerContainer #footerLinks{font-size:75%;}
#footerContainer #footerLinks #links{width:300px; text-align:right; color:#ffffff;}
#footerContainer #footerLinks #links a{color:#ffffff; text-decoration:none;}
#footerContainer #footerLinks #links a:hover{color:#1D3F10; text-decoration:none;}
#footerContainer #footerLinks #copyright{width:600px; color:#D6F2CE; font-size:85%;}
#footerContainer #footerLinks #credit{width:600px; text-align:right; padding:5px 0px 10px 0px;}
#footerContainer #footerLinks #credit a{color:#95CC81; text-decoration:none;}
#footerContainer #footerLinks #credit a:hover{color:#D6F2CE; text-decoration:none;}

/* Homepage */
#homeRightColumn{float:left; width:261px; height:auto; padding:5px 0px 0px 0px;}
#homeRightColumn #mission{height:114px; padding:15px 10px 25px 20px; overflow-y:auto;}
#homeRightColumn #mission p{margin:0; padding:0; line-height:150%; color:#1B2830; font-size:75%; letter-spacing:0.03em;}
#homeLeftColumn{float:left; width:696px; padding:5px 0px 5px 5px;}
#homeLeftColumn #impactimage{background: transparent url('../images/global/homepage/impactbg.gif') top left no-repeat; margin-left:-2px; padding:3px 0px 0px 4px; width:692px; height:303px;}
#homeLeftColumn #findDealer{float:left;}
#homeLeftColumn #findDealer table, #homeLeftColumn #findDealer form{margin:0; padding:0;}
#homeLeftColumn #findDealer a{font-size:75%; margin:0px 0px 0px 30px; color:#1B2830; text-decoration:none;}
#homeLeftColumn #findDealer a:hover{font-size:75%; margin:0px 0px 0px 30px; color:#1B2830; text-decoration:underline;}
#homeLeftColumn #findDealer #dealerSearch{padding:0px 0px 10px 30px; margin:0;}
#homeLeftColumn #findDealer #dealerSearch input{width:115px;}
#homeLeftColumn .divider{float:left; width:11px;}
#homeLeftColumn .featImage{float:left; width:190px; padding:10px 15px 0px 16px;}

/* Forms */
.outsideTemplateForm{font-size:75%; padding:20px 0px 0px 0px;}
form{margin:0; padding:0;}
#wysiwygContainer form table{border:none;}
.response{font-weight:bold; color:#F47137;}
.formButtons{text-align: center; margin: 20px 0px 20px 0px;}
.label{text-align:right; padding: 3px 5px 0px 0px; font-size:100%; font-weight:bold;}
.field{font-family:"courier new", monospace, courier; text-align: left; margin:0px 5px 0px 0px; font-size:100%; padding:1px 0px 1px 5px;}
.select{text-align: left; margin:0px 5px 0px 0px; font-size:90%;}
.example{font-size: 90%; color:#666666;}
.instructions{font-size: 100%; font-weight:bold; color:#000000;}
.required{color:#FF0000; font-weight:bold;}
.requiredNotice{color:#FF0000; font-weight:bold; text-align:center;}
.errorContainer{margin:12px 30px 12px 30px; padding:5px; background:#EEEEEE; border:1px solid #FF0000; text-align:center; color:#FF0000; font-weight:bold;}
.error{color:#FF0000; font-weight:bold;}
.LV_validation_message{margin:0 0 0 5px; font-size: 80%; display:block;}
.LV_valid {color:#00CC00;}
.LV_invalid {color:#ff0000;}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {border: 1px solid #ff0000 !important;}

/* site map module */
#sitemap{}
#sitemap a, #sitemap a:visited, #sitemap a:active{text-decoration:none;}
#sitemap a:hover{text-decoration:underline;}
.sitemapTitle{margin-bottom:6px; font-weight:bold;}
.sitemap1{margin-left:20px;}
.sitemap2{margin-left:20px;}

/* Color Override if needed without changing CSS file */
.consumer{color:#0846A0;}
.members{color:#186D26;}
.quality{color:#CC6619;}
.join{color:#AD072F;}

/************ PRINT ************/
#printHeader{display:none;}
#pageTitleContainer{display:none;}
#pageTitle{display:none;}

/************ BEGIN:  TREE MENU ************/
.treeview ul{margin:0; padding:0; width:480px;}
/*Style for LI elements in general (excludes an LI that contains sub lists)*/
.treeview li{list-style-type:none; padding-left:18px; margin-bottom:10px; margin-left:-40px;}
.treeview li img{vertical-align:top;}
/* Style for LI that contains sub lists (other ULs). */
.treeview li.submenu{background:url("../images/global/tree_menu/plus.gif") no-repeat 0 4px; cursor: hand !important; cursor: pointer !important;}
/*Style for ULs that are children of LIs (submenu) *//*Hide them by default. Don't delete. */
.treeview li.submenu ul.expanded{display:none; background:none;}
/*Style for LIs of ULs that are children of LIs (submenu) */
.treeview .submenu ul li{margin-left:-22px; margin-top:-5px; cursor:default; background:none;}
#faqs h2{font-size:110%;}
.treeview li.submenu div ul{padding-left:8px; padding-top:10px; background:none; background-color:#FFFFFF;}
.treeview li.submenu div li{padding-left:2px; margin-left:20px; list-style-type:disc; background:none; background-color:#FFFFFF;}
.treeview li.submenu div p{background:none; background-color:#FFFFFF; margin:0; padding:0;}
.treeview li.submenu div {width:480px; margin:0; padding:0;}
/************ END:  TREE MENU ************/

/************ BEGIN:  NEWS ************/
/* news :: what's new */
.newsListingArticle{margin-bottom:24px;}
.newsListingTitle{margin-bottom:6px;}
.newsListingTitle a{font-weight:bold; text-decoration:none;}
.newsListingSummary{margin-bottom:6px;}
.newsListingMore{}
#newsDate{margin:-6px 0 24px 0;}
/* events */
.event{margin-bottom:24px;}
.eventName{margin-bottom:6px;}
.eventName a{font-weight:bold; text-decoration:none;}
.eventDate{margin-bottom:6px;}
.eventlocation{margin-bottom:6px;}
.eventDate span.date{font-weight:bold;}
.eventDate span.time{}
.eventLink{}
.eventLink a{}
/************ END:  NEWS ************/

/************ BEGIN:  Board of Directors ************/
#board{}
#board .member{width:230px;}
#board .member.left{float:left;}
#board .member.right{float:right; text-align:left;}
#board .member .name{margin-bottom:3px; font-size:110%; font-weight:bold;}
#board .member .company{margin-bottom:3px; font-size:110%;}
#board .clear{height:24px;}
/************ END:  Board of Directors ************/

/************ BEGIN:  Locate a Dealer ************/
#dealerList{margin-top:24px; padding-top:12px; border-top:1px solid #186D26;}
#dealerList .dealer{margin:12px 0 24px 0; padding:0 0 12px 0; border-bottom:1px solid #73a9d0;}
#dealerList .dealer img.qap-logo{float:right;}
#dealerList .dealer .dealerName{margin-bottom:12px; font-size:110%; font-weight:bold; color:#186D26;}
#dealerList .dealer .dealerInfo{margin-bottom:12px;}
#dealerList .dealer .dealerDirections{margin-bottom:12px;}
#dealerList .dealer .dealerProducts{margin-bottom:12px;}
#dealerList .dealer .dealerProductsList{margin:6px 0 0 24px;}
/************ END:  Locate a Dealer ************/

/************ BEGIN:  CMS Internal Include Blocks ************/
hr.cmsInternalApp{color:#666666; margin:10px 0 10px 0;}
div.cmsInternalApp{text-align:center; font-weight:bold; color:#AD072F; background:#EEEEEE;}
/************ END:  CMS Internal Include Blocks ************/