*{ margin:0; padding:0; outline:none;}
.left{float:left;}
.right{float:right;}
.clear{ clear:both;}
img{ border:none;}

/* IE Fixes */
img, .png {
       position: relative;
       behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
       this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
       this.src = "http://www.karendiebel.com/common/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
       this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
       this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
/* end IE fixes */


body{ background:#FFF url(http://www.karendiebel.com/common/images/mainBG.jpg) repeat-x 0 0; font:normal 13px/22px "MyriadPro", Arial, Helvetica, sans-serif; color:#373838;}

/*layout starts*/
#layout{ margin:0 auto; width:900px;}
#main{float:left; width:900px;}

/*header starts*/
#header{ float:left; width:900px; height:523px;}
#header .header_home{float:left; width:900px; height:523px; background-image: url(http://www.karendiebel.com/common/images/header_01.jpg);}
#header .header_about{float:left; width:900px; height:523px; background-image: url(http://www.karendiebel.com/common/images/header_about.jpg);}
#header .header_issues{float:left; width:900px; height:523px; background-image: url(http://www.karendiebel.com/common/images/header_issues.jpg);}
#header .header_contact{float:left; width:900px; height:523px; background-image: url(http://www.karendiebel.com/common/images/header_contact.jpg);}
#header .header_media{float:left; width:900px; height:523px; background-image: url(http://www.karendiebel.com/common/images/header_media.jpg);}
#header .header_news{float:left; width:900px; height:523px; background-image: url(http://www.karendiebel.com/common/images/header_news.jpg);}
#header .header_terms{float:left; width:900px; height:523px; background-image: url(http://www.karendiebel.com/common/images/header_terms.jpg);}
#header .header_volunteer{float:left; width:900px; height:523px; background-image: url(http://www.karendiebel.com/common/images/header_volunteer.jpg);}

#header .nav_container{ width:900px; height:30px; background: url(http://www.karendiebel.com/common/images/navBG.png) repeat-x; position: absolute;top: 20px;  _background:none;
       _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.karendiebel.com/common/images/navBG.png',sizingMethod='crop'); }
#header .nav_container .nav{float:right;}
#header .nav_container .nav ul{float:right; border:none; padding:0px; margin:0; list-style:none;}
#header .nav_container .nav li{float:left;}
#header .nav_container .nav li a{ color:#FFF; padding:6px 12px; display:block; font-size:18px; text-decoration:none; line-height: 18px; }
#header .nav_container .nav li a:hover{ background:#FFF; color:#000; padding:6px 12px; display:block; font-size:18px; line-height: 18px; text-decoration:none;}
#header .nav_container .nav li a:visted{color:#FFF; padding:6px 12px; display:block; font-size:18px; line-height: 18px; text-decoration:none;}

#header .banner_cycle{float:left;	 width:900px; background:none; position: absolute; top: 86px;}

/*middle starts*/
#middle{width:900px; height:323px; margin-top:543px; }
#middle .action_center{float:left; width:282px; height:323px; background-image:url(http://www.karendiebel.com/common/images/actionCenterBG.jpg);}

#middle .action_center form{float:left; width:282px; border:none;}
#middle .action_center fieldset{float:left; width:282px; border:none; padding:0px;}
#middle .action_center .row{ float:left; width:270px; padding-left:10px; margin:5px 0 10px; }
#middle .action_center .row input.text1{float:left; width:240px; height:17px; border:1px solid #66abed; font-size:11px; line-height:14px; color:#737373; padding:4px 0 0 10px;}
#middle .action_center .row input.text2{float:left; width:131px; height:17px; border:1px solid #66abed; font-size:11px; line-height:14px; color:#737373; padding:4px 0 0 10px;}
#middle .action_center .row input.button{float:left; width:102px; height:23px; background:url(http://www.karendiebel.com/common/images/get_update.gif) no-repeat 0 0; border:none; cursor:pointer; margin-left:7px; display:inline;}
#middle .action_center .row input.button_over{float:left; width:102px; height:23px; background:url(http://www.karendiebel.com/common/images/button_hover.gif) no-repeat 0 0; border:none; cursor:pointer; margin-left:7px; display:inline;}

#middle .latest_news{float:right; width:604px; height:323px; display:inline; }
#middle .latest_news .latest_news_inside{ float:left; width:604px; height:302px; background-image:url(http://www.karendiebel.com/common/images/latestNewsBG.jpg); padding: 0px 15px; }
#middle .latest_news .latest_news_inside .rss{float:right; padding-top:8px;}
#middle .latest_news .latest_news_inside {float:right; width:574px; height:302px;}
#middle .latest_news .latest_news_inside h3{float:left; font:normal 20px/20px "MyriadPro", Helvetica, Arial, sans-serif; padding-top:9px; color:#aaaaaa; text-decoration:none}
#middle .latest_news .latest_news_inside h4{float:left; width:250px; font:normal 20px/20px "MyriadPro", Helvetica, Arial, sans-serif; }
#middle .latest_news .latest_news_inside h4 a{color:#295a8a; text-decoration:none}
#middle .latest_news .latest_news_inside h4 a:hover{ text-decoration:underline}
#middle .latest_news .latest_news_inside .inner_blog{ float:left; width:565px; padding:30px 0 0 0px; }
#middle .latest_news .latest_news_inside .inner_blog a.blog_photo{ float:right; width:266px; height:197px; text-decoration:none; border: 6px solid #b6c7d8; }
#middle .latest_news .latest_news_inside .inner_blog .blog_text{ float:left; width:251px; height:147px; color:#262626; font: normal 13px/16px "MyriadPro", Helvetica, Arial, sans-serif; text-align: justify; padding-top:15px;}
#middle .latest_news .latest_news_inside a.read_more{ float:left; width:100px; color:#2977b0; margin-top:19px; font: normal 15px/15px "MyriadPro", Helvetica, Arial, sans-serif; text-decoration: none; }
#middle .latest_news .latest_news_inside a.read_more:hover{ text-decoration:underline;}

/********* contact *******/
#contact{ width:900px; margin-top:543px;}
#contact .contact_inside{ width:838px; height:400px; background: #f0f0f0; border-right: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; padding: 0px 30px; }
#contact .contact_inside h3{font: normal 28px/28px "MyriadPro", Helvetica, Arial, sans-serif; text-decoration: none; color:#555454;}
#contact .contact_inside h4{font: normal 15px/15px "MyriadPro", Helvetica, Arial, sans-serif; text-decoration: none; color:#2977b0; padding-top:25px;}
#contact .contact_inside p{color:#262626; font: normal 13px/16px "MyriadPro", Helvetica, Arial, sans-serif; text-align: justify;}

/********* about *******/
#about_box{float:left; width:900px; padding-top:20px;}
#about_box .about{ float:left; width:840px; background:url(http://www.karendiebel.com/common/images/box_strip.png); padding: 20px 30px 0px; }
#about_box .about h3{ float:left; width:840px; padding-bottom:10px; color:#641919; font-size: 16px; }
#about_box .about p{ float:left; width:840px; padding-bottom:10px; text-align: justify; }
#about_box .about a{color:#1a4b7f; text-decoration:none;}
#about_box .about a:hover{color:#003; text-decoration:underline;}
#about_box .about a:visited{color:#1a4b7f; text-decoration:none;}

/********* issues *******/
#about_box{float:left; width:900px; padding-top:20px;}
#about_box .issues{ float:left; width:840px; background:url(http://www.karendiebel.com/common/images/box_strip.png); padding: 20px 30px 0px; }
#about_box .issues .issueHeading{ float:left; padding-bottom:5px; color:#641919; font-size: 16px; line-height:16px; }
#about_box .issues p{text-align: justify; }
#about_box .issues a{color:#1a4b7f; text-decoration:none;}
#about_box .issues a:hover{color:#003; text-decoration:underline;}
#about_box .issues a:visited{color:#1a4b7f; text-decoration:none;}
#about_box .issues .issues_entry{float:left; width:840px; padding-bottom:40px;}
#about_box .issues .issues_entry2{float:left; width:840px; padding-bottom:10px;}
#about_box .issues .issues_icon {float:left; margin: 0px 20px 20px 0px;}

/********* news *******/
#news{float:left; width:900px; padding-top:20px;}
#news .box {float:left; width:880px; margin-bottom:0px; background:url(http://www.karendiebel.com/common/images/box_strip.png); padding: 0 10px;}
#news .box a.rss{float:right; width:21px; height:22px; margin:8px 14px 0 0; display:inline;}
#news .box .news_box{float:left; width:880px; margin-bottom:0px;}
#news .box .news_box h4{ float:left; width:294px; height:194px; text-decoration:none; border: 4px solid #00436d; display:inline-block; margin:5px; }
#news .box .news_box h5{float:left; width:500px; font-size:18px; line-height:20px; color:#00346f; font-weight:normal; text-decoration:none; text-transform:uppercase;}
#news .box .news_box h5 a{float:left; width:500px; font-size:18px; line-height:20px; color:#00346f; font-weight:normal; text-transform:uppercase; text-decoration:none; margin:0px;}
#news .box .news_box h5 a:hover{text-decoration:underline;}
#news .box .news_box h6{float:left; width:500px; font-size:15px; line-height:18px; color:#73a3d9; font-weight:normal; padding-bottom:12px;}
#news .box .news_box h6 a{float:left; width:500px; font-size:15px; line-height:18px; color:#73a3d9; font-weight:normal; padding-bottom:12px; text-decoration:none; margin:0px;}
#news .box .news_box h6 a:hover{text-decoration:underline;}
#news .box .news_box p{float:left; width:600px; font-size:12px; line-height:21px;}
#news .box .news_box.none{ padding-top:0;}
#news .bottomCorners{ padding-bottom:30px;}
#news .box .news_box .inner_blog{ float:left; width:840px; padding:8px 0 0 22px; }
#news .box .news_box .inner_blog a.blog_photo{ float:left; width:266px; height:197px; text-decoration:none; border: 6px solid #b6c7d8; margin-bottom:10px;}
#news .box .news_box .inner_blog .blog_photo2{ float:left; width:266px; height:197px; text-decoration:none; border: 6px solid #b6c7d8; margin-bottom:10px; margin-right:10px;}
#news .box .news_box .inner_blog a.title{ color:#00346f; margin-top:0px; font: normal 18px/20px "MyriadPro", Helvetica, Arial, sans-serif; text-decoration: none; padding-left: 10px; padding-top:10px;}
#news .box .news_box .inner_blog a.title:hover{ text-decoration:underline;}
#news .box .news_box .inner_blog a.date{ color:#73a3d9; margin-top:10px; font: normal 15px/40px "MyriadPro", Helvetica, Arial, sans-serif; text-decoration: none; padding-left: 9px; margin-top:40px;}
#news .box .news_box .inner_blog a.date:hover{ text-decoration:underline;}
#news .box .news_box .inner_blog a.date2{ color:#73a3d9; font: normal 18px/20px "MyriadPro", Helvetica, Arial, sans-serif; text-decoration: none; margin-left:10px; padding-left: 9px;border-left: 1px solid #73a3d9; }
#news .box .news_box .inner_blog a.date2:hover{ text-decoration:underline;}
#news .box .news_box .inner_blog .blog_text{ float:left; width:520px; height:180px; color:#262626; font: normal 13px/16px "MyriadPro", Helvetica, Arial, sans-serif; text-align: justify; padding-left: 9px; padding-top:10px; }
#news .box .news_box .inner_blog .blog_text2{ float:left; width:830px; color:#262626; font: normal 13px/16px "MyriadPro", Helvetica, Arial, sans-serif; text-align: justify; padding-left: 9px; padding-bottom:20px; margin-top:20px;}
#news .box .news_box .inner_blog .blog_text a.read_more{ float:left; color:#2977b0; margin-top:10px; font: normal 14px/18px "MyriadPro", Helvetica, Arial, sans-serif; text-decoration: none; }
#news .box .news_box .inner_blog .blog_text a.read_more:hover{ text-decoration:underline;}
#news .box .news_box .inner_blog .blog_text2 a{ color:#2977b0; font: normal 14px/18px "MyriadPro", Helvetica, Arial, sans-serif; text-decoration: none; }
#news .box .news_box .inner_blog .blog_text2 a:hover{ text-decoration:underline;}


/********* media *******/
#about_box .media{width:840px; background:url(http://www.karendiebel.com/common/images/box_strip.png); padding: 20px 30px 0px; }
#about_box .media .photos {float:left; width:840px; margin:0 auto;}
#about_box .media .photos .photosingle{ width:178px;margin: 0 auto;}
#about_box .media .photos_img{ background-color: #b6c7d8; padding: 5px;}
#about_box .media .photos h4 a{font-size:18px; line-height:20px; color:#00346f; font-weight:normal; text-transform:uppercase; text-decoration:none;}
#about_box .media .photos h4 a:hover{text-decoration:underline;}

/********* petition *******/
#petition_box{float:left; width:900px; padding-top:20px;}
#petition_box .petition{ float:left; width:840px; background:url(http://www.karendiebel.com/common/images/box_strip.png); padding: 20px 30px 0px; }
#petition_box .petition h3{ float:left; width:340px; padding-bottom:10px; color:#641919; font-size: 16px; }
#petition_box .petition p{ float:left; width:450px; padding-bottom:10px; text-align: justify; }
#petition_box .petition a{color:#1a4b7f; text-decoration:none;}
#petition_box .petition a:hover{color:#003; text-decoration:underline;}
#petition_box .petition a:visited{color:#1a4b7f; text-decoration:none;}

/********* vounteer / contact *******/
#volunteer{float:left; width:900px; padding-top:20px; background:url(http://www.karendiebel.com/common/images/box_strip.png);}
#volunteer p{float:left; width:900px; padding-bottom:10px;}
#volunteer a{color:#1a4b7f; text-decoration:none;}
#volunteer a:hover{color:#003; text-decoration:underline;}
#volunteer a:visited{color:#1a4b7f; text-decoration:none;}
#volunteer form{float:left; width:900px; border:none;}
#volunteer fieldset{float:left; width:390px; margin-left:255px; display:inline; border:none;}
#volunteer fieldset .row{float:left; width:390px; margin-bottom:7px;}
#volunteer fieldset .row2{float:left; width:200px; margin-right:14px; display:inline;}
#volunteer fieldset .row3{float:left; width:58px; margin-right:12px; display:inline;}
#volunteer fieldset .row4{float:left; width:103px;}
#volunteer fieldset .row5{float:left; width:175px;}
#volunteer fieldset .row6{float:left; width:480px; margin-bottom:7px;}
#volunteer fieldset .row.btn{ text-align:center; padding:42px 0 5px;}
#volunteer fieldset input.text1{float:left; width:388px; height:21px; border:1px solid #d4d4d4; padding-top:3px;}
#volunteer fieldset input.text2{float:left; width:198px; height:21px; border:1px solid #d4d4d4; padding-top:3px;}
#volunteer fieldset input.text3{float:left; width:103px; height:21px; border:1px solid #d4d4d4; padding-top:3px;}
#volunteer fieldset input.text4{float:left; width:173px; height:21px; border:1px solid #d4d4d4; padding-top:3px;}
#volunteer fieldset label{float:left; width:300px; padding-top:4px; font-size:12px; line-height:16px; color:#353434; padding-bottom:3px;}
#volunteer fieldset label.city{float:left; width:165px; padding-top:4px; font-size:12px; line-height:16px; color:#353434; padding-bottom:3px;}
#volunteer fieldset label.zip{float:left; width:auto; padding-top:4px; font-size:12px; line-height:16px; color:#353434; padding-bottom:3px;}
#volunteer fieldset label.volunterr{float:left; width:380px; font-size:14px; line-height:16px; color:#641919; padding-top:22px; padding-bottom:0;}
#volunteer fieldset select{float:left; width:58px; height:24px;}
#volunteer fieldset label.post{float:left; width:158px; font-size:12px; line-height:16px; color:#353434; padding:0 0 0 9px;}
#volunteer fieldset label.post2{float:left; width:205px; font-size:12px; line-height:16px; color:#353434; padding:0 0 0 9px;}
#volunteer fieldset input.check{float:left; width:12px; height:12px; margin-top:3px;}
#volunteer fieldset input.submit{width:168px; height:38px; background:url(http://www.karendiebel.com/common/images/submitContribution.gif) no-repeat 0 0; border:none; cursor:pointer;}
#volunteer fieldset input.submit_over{width:168px; height:38px; background:url(http://www.karendiebel.com/common/images/submitContribution_over.gif) no-repeat 0 0; border:none; cursor:pointer;}




/********* footer *******/
#footer{ float:left; width:900px; margin-top:15px;}
#footer .footer_inside{ float:left; width:898px; background-image:url(http://www.karendiebel.com/common/images/footerBG.jpg); margin-top:0px; margin-bottom:0px; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none; }
#footer .footer_inside ul{float:left; width:150px; margin-left:70px; margin-right:30px; display:inline; padding-top:5px; padding-bottom:5px; list-style:none;}
#footer .footer_inside ul li{float:left; width:160px; font-size:12px; line-height:15px; color:#737373;}
#footer .footer_inside ul li a{float:left; font-size:12px; line-height:15px; color:#737373; text-decoration:none;}
#footer .footer_inside ul.small{width:100px; margin-right:0;}
#footer .footer_inside ul.small li{ width:120px;}
#footer .footer_inside ul li strong{ font-size:13px;}
#footer .footer_inside ul li a:hover{text-decoration:none; color:#4282c0;}
#footer .footer_inside p{ float:left; width:898px; text-align:center; border-top:1px solid #d7d7d7; padding:15px 0 0px; font-size:12px; line-height:14px; color:#737373; text-transform:uppercase; border-bottom-style: solid; border-bottom-width: 0px; }

#brushfire{float:left; width:900px; text-align:center; padding:0px;}
#brushfire .logo{float:left; padding-bottom:10px;}
#brushfire a{ float:right; font-size: 12px; line-height: 12px; text-transform: uppercase; color: #737373; text-decoration: none; padding: 14px 10px 0px; }
#brushfire a:hover{ color:#4282c0; text-decoration:underline;}
