a { outline: none; }
#partners { width: 366px; float: left; padding: 36px 20px 20px 36px;  }
#partners h1 { padding: 16px 0 6px 0; font-size: 32px; }
#partners h4 { margin: 50px 0 0 0; color: #484c89; font-size: 15px; padding: 0; }
#partners h6 { margin: 290px 0 0 0; font-size: 11px; color: #999; }
#partners p { font-size: 15px; line-height: 19px; margin: 4px 0 18px 0; padding: 0; color: #333; }
.sidebars { float: left; width: 255px; margin: 20px 0; }
.sidebars p { text-align: center; padding: 6px 30px 8px 30px; margin: 0; }
.sidebars p a { font-weight: bold; font-size: 12px; text-decoration: none; }
.sidebars img { display: block; margin: 20px auto 0 auto; }
.sidebars .outline { border: 1px #CCC solid; padding: 5px; }

#video { width: 720px; float: left; padding: 36px 20px 20px 36px; }

.left { float: left; margin: 0 10px 5px 0; }
.request { padding: 5px 10px; background: #FFEF64; }
.volunteer { display: block; text-align: center; }
.info-column h4 { padding: 0 10px; text-transform: uppercase; color: #999; font-size: 11px; }
.column li { list-style: none; margin: 0; padding: 0 0 10px 0; line-height: 14px; color: #444; font-size: 14px; }
.column li em { display: block; font-size: 11px; font-style: normal; line-height: 13px; padding: 3px 0 0 0; color: #666; }
.column li em a { color: #666; }
.column li strong { font-size: 10px; color: #600; text-transform: uppercase; display: block; margin: 0 0 2px 0; }
.column li i { font-size: 11px; color: #999; padding: 0 0 0 4px; font-style: normal; }
.column ul { margin: 0; padding: 0; }

#cycle { height: 450px; }

#recurring { float:right; width: 220px; margin: 0 0 10px 0; background: #a1c5cc; padding: 10px 15px 15px 15px; }
#recurring h4 { text-transform: uppercase; color: #FFF; margin: 30px 0 0 0; }
#recurring h5 { font-size: 13px; margin: 0; padding: 0; }
#recurring h3 { font-size: 14px; line-height 15px; width: 100%; margin: 15px 0 5px 0; }
#recurring p { margin: 0; padding: 0; font-size: 12px; line-height: 18px; }
#volunteer #recurring p { margin: 12px 0 0 0; }
#recurring img { background: #FFF; padding: 5px; margin: 10px 0 5px 10px; border: 1px #666 solid; float: right; }
#recurring .next-image img { padding: 5px 0 5px 0; margin: 0; background: none; border: 0; float: right;  }
#other { float: right; width: 220px; margin: 10px 0 10px 10px; padding: 10px 15px 15px 5px; clear: right; }
#other h3 { width: 100%; font-size: 12px; line-height: 15px; margin: 0 0 10px 0; padding: 0; }
#other h4 { color: #999; font-size: 11px; margin: 0 0 15px 0; text-transform: uppercase; }

.admin, .admin a { color: #900 !important; text-transform: none; font-size: 12px; text-decoration: none; }
span.admin { padding: 0 0 0 10px; }
html{background-color: #fffedf;}
body { font: 12px Helvetica, Arial, sans-serif; margin: 0; background: #fff url(/images/template/bg-header.gif) repeat-x 0 1px; min-width: 990px; }
form, fieldset { padding: 0; margin: 0; border: 0; width: auto; }
a { text-decoration: underline; color:#484c89; }
a:hover {text-decoration: none;}
img {border-style: none;}
form p span { display: block; float: left; width: 80px; padding: 5px 20px 0 0; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #555; }
form p em { display: block; width: 385px; padding: 0 10px 0 0; font-size: 13px; line-height: 17px; color: #555; font-style: normal; margin-left: 100px; }
form .input, form textarea { width: 365px; padding: 2px 3px; font-size: 16px; font-family: Helvetica, Arial, sans-serif; border: 1px #999 solid; }
form textarea { height: 120px; }
form i { display: block; font-size: 12px; margin-left: 100px; color: #666; }
form strong { font-style: normal; color: #900; }
form.info_request { margin: 25px 0 0 0; }
.submit { display: block; border: 1px #666 solid; background: #CCC; font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #333; }
.address { clear: both; overflow: hidden; width: 550px; padding-bottom: 8px; }
.address div { float: left; }
.city, .state, .zip { padding: 2px 3px; font-size: 16px; font-family: Helvetica, Arial, sans-serif; border: 1px #999 solid; }
.city { width: 132px; }
.state { width: 30px; }
.zip { width: 55px; }
.address span { display: block; float: left; width: 90px; padding: 5px 10px 0 0; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #555;  }

.other_pattern { width: 130px; float: left; margin: 0 12px 15px 0; text-align: left; }
.other_pattern h4 { font-weight: normal; padding: 0; margin: 5px 0 0 0; }
.pattern { width: 152px; height: 180px;  float: left; margin: 0; }
.pattern img { float: left; margin: 0 0 5px 0; }
.pattern h4 { font-weight: normal; margin: 10px 10px 0 0; padding: 0; font-size: 12px; }
.pattern-block .pattern p { margin: 3px 0 15px 0; padding: 0; font-size: 11px; color: #777; }
.pattern p a { color: #777; text-decoration: none; }

.other-block h3 { text-transform: uppercase; color: #555; }

/*content-block*/
.content-block { width: 506px; float: left; padding: 16px 20px 20px 36px; border-right: 1px #CCC solid; }
h1 { font-weight: normal; font-size: 26px; line-height: 27px; margin: 0 0 25px 0; }
.big { font-size: 40px; }
#about h1 { padding: 25px 0 0 0; margin: 0 0 25px 0; font-size: 32px; }
#about h3 { border-top: 1px #999 dotted; padding-top: 10px; margin-top: 35px; }
.content-block h2, .event-content .past, .big-block h2, .big-block h3, .pattern-block h3 {font-weight: normal; text-transform: uppercase; font-weight: bold; font-size: 15px; border-bottom: 1px #999 dotted; padding: 12px 0 6px 0; color: #666; clear: left; }
h2 span { font-size: 12px; text-transform: none; font-weight: normal; padding: 0 0 0 10px; }
.big-block li, .big-block ul { list-style: none; padding: 0 0 2px 0; margin: 0; }
.big-block li { padding: 0 0 10px 0; }
.big-block li p { font-style: italic; font-size: 12px; padding: 3px 0 0 0; margin: 0; color: #666; }

.content-block h3 {font-weight: bold; font-size: 14px; margin: 24px 0 12px 0; }
.content-block h4, .big-block h4  {font-weight: normal; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #999; margin: 0; padding: 10px 0 10px 0; }
.pattern-block h5 {font-weight: normal; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #999; margin: 0; padding: 5px; }
.pattern-block h5 a.admin { margin: 0 0 0 10px; font-weight: normal; }

.big-block h4 a, .content-block h4 a { color: #999; text-decoration: none; }
.content-block p, .pattern-block p { font-size: 14px; line-height: 18px; }
.content-block blockquote { font-size: 14px; padding-left: 15px; color: #666; border-left: 2px #666 solid; }
.content-block ul { margin: 0 0 0 20px; padding: 0; }
.content-block ol {}
.content-block li, .big-block li { font-size: 14px; }
.image { float: right; margin: 5px 0 5px 12px; }
.big-block, .pattern-block, .other-block, .event-content { width: 760px; float: left; padding: 16px 0 20px 36px; clear: right; margin: -1px 0 0 0; z-index: 100; }
.other-block { float: right; width: 767px; }
.big-block h1 { margin: 20px 0; }

.pattern-block h1 { margin: 20px 0 20px 0; }
.pattern-block li { list-style:none; padding: 2px 0; }
.pattern-block { padding: 18px 0 0 36px; width: 766px;}
.event-content { padding-top: 0; }

.event-content ol { padding: 10px 260px 0 70px; font-size: 15px; }
.event-content ol li { font-size: 15px; margin: 0 0 10px 0; }
#volunteer.event-content h1 { padding-left: 70px !important; font-size: 32px !important; }
.event-content ul { margin: 0; padding: 5px 0 !important; overflow: hidden; list-style: none; }
.event-content h1 { padding: 40px 0 10px 110px; margin: 0; text-transform: uppercase; font-size: 24px !important; color: #666; border-bottom: 2px #bbb solid; }
.news-items h3, .event-content h3 { float: left; margin: 2px 0 0 0; padding: 0 !important; width: 110px; font-weight: bold; font-size: 14px; line-height: 17px; color: #777; }
.event-content h3 span { font-weight: normal; width: 100px; float: left; display: block; font-size: 11px; padding: 1px 0 0 0; color: #999; }
.event-content h2 { margin: 20px 0 20px 110px; color: #666; font-size: 15px; }
.news-items h6, .event-content h6 { font-family: Helvetica, Arial, sans-serfi; font-size: 12px; font-weight: normal; color: #333; margin: 7px 0 15px 110px; }
.event-content ul h2 { margin: 15px 50px 0 110px; line-height: 20px; font-size: 18px; line-height: 19px;  }
.event-content p { font-size: 12px; line-height: 16px; margin: 6px 90px 4px 110px; }
.big-block .event-content li { font-size: 14px; padding: 0 0 10px 0; margin: 0; color: #555; list-style: none; }
.event-content li strong { font-size: 11px; text-transform: uppercase; padding: 0 0 0 10px; }
.event-content a { text-decoration: none !important; }
.event-content a:hover { text-decoration: underline !important; }
.event-content img { float: left; margin: 2px 10px 2px 0; }
.event-content blockquote span { padding: 0; }
.event-content #past li a { color: #666; font-size: 16px; }
.event-content #past li span { font-size: 12px; }
.event-content #past li strong { display: block; margin: 3px 0 0 48px; color: #999; }

.event-content #news { width: 506px; }
.event-content #news h1 { padding: 0 0 8px 0; margin: 30px 12px 15px 0; text-transform: none; font-size: 32px !important; line-height: 34px; border-bottom: 1px #BBB solid; }
.event-content #news h4 { padding: 35px 0 5px 0; margin: 0 0 3px 0; text-transform: uppercase; font-size: 11px; color: #999; }
.event-content #news h4 a { color: #999; }
.event-content #news p { font-size: 14px; line-height: 20px; margin: 0 0 10px 0; }
.news-image { width: 250px; float: right; margin: 2px 0 10px 30px; padding: 0 12px 0 0;  }
.full-image { margin: 0 10px 15px 0; float: left; }
.news-image img, .full-image img { display: block; margin: 0 0 7px 0; padding: 0; float: left; }
.event-content #news .news-image p, .event-content #news .full-image p { font-size: 12px; line-height: 16px; color: #666; }

.catlist p { width: 506px; }
.catlist li { border-bottom: 1px #999 dotted; overflow: hidden; padding: 0 0 5px 0; margin-right: 60px; }
.catlist h3 { margin: 15px 0 0 0; }
.event-content .news-items{ border-bottom: 1px #999 dotted; overflow: hidden; padding: 15px 0 5px 0; margin-right: 60px; width: 496px; }
.event-content .news-items img { margin: 0 0 15px 0; }
.event-content .news-items p { padding: 0 0 10px 110px; margin: 0; line-height: 16px; }
.event-content .news-items h2 { margin: 2px 0 7px 0; }

label { display: block; }
label span { display: block; width: 90px; float: left; font-size: 14px; padding: 3px 0 0 0; color: #666; }
label input, label textarea { font-size: 16px; border: 1px #999 solid; padding: 2px; font-family: Helvetica, Arial, sans-serif; width: 300px; }
.submit { font-size: 12px; width: auto; padding: 2px 5px; }

.big-block textarea { height: 80px; font-size: 14px; }

/*MAIN*/
#main { margin: 0 auto; width: 990px; }
/*HEADER*/
#header { height: 158px; position: relative; z-index: 999; }
/*logo*/
.logo{ width:185px; height:315px; background: url(/images/template/logo.png) no-repeat; text-indent: -9999px; overflow: hidden; position:absolute; top:0px; left:1px; z-index: 100; }
.logo a{ display:block; height:100%; }
/*navigation*/
.navigation{ position: absolute; top:122px; left:153px; margin:0; padding:0; list-style:none; z-indez: 900; }
.navigation li{float:left;}
.navigation li a{ _width: 0px; height: 28px; display: block; padding: 8px 16px 0 16px; font: bold 16px/20px Helvetica, Arial, sans-serif; text-decoration: none; color: #FFF; border-right: 1px #DEA132 solid; border-left: 1px #F7C46A solid; text-shadow: #E18B28 1px 1px 1px; }
.navigation .about { padding-left: 48px; }
.navigation li a:hover, .navigation li.active a {background: #F8D57F; color: #ED8727;  text-shadow: #FFFFFF 1px 1px 1px;}
.navigation li:hover,
.navigation li.hover{position: relative;}
.navigation li:hover ul,
.navigation li.hover ul{display: block; _width: 0px; }
.navigation .about ul li a { padding-left: 48px; }
.navigation li ul{ display: none; position: absolute; top:36px; left:0; background: #f9d380; margin:0; padding:0; list-style:none; z-index: 150; font-weight: normal; border-top: 1px #FFF solid; }
.navigation li ul li{ float:none; width:100%; vertical-align: top; text-align: left; z-index: 150; }
.navigation li ul li a{ height:auto; text-indent: 0; color:#e97e1c; padding: 4px 16px; width:100%; text-decoration: none; z-index: 150; border: 0; width: 160px; font-weight: normal; font-size: 14px; border-bottom: 1px #F7C46A solid; text-shadow: none; }
.navigation li ul li a:hover{ background:#e97e1c; color:#fff; text-decoration: none; text-shadow: none; }
.navigation form { display: inline; margin: 0; padding: 0; }
/*CONTAINER*/
#container { padding: 0 19px 0 24px; overflow: hidden; }
/*side-column*/
.side-column{ width:144px; float:left; padding: 165px 0 20px; }
.text-volunteer{ width:144px; height:232px; overflow:hidden; text-indent: -9999px; margin:0 0 24px; background: url(/images/template/qfkmission.gif) }
.btn-donate{ width:122px; height:58px; text-align: center; display: block; background: url(/images/template/donate.jpg) no-repeat; line-height: 28px; color:#fff; margin: 0 auto; font:bold 12px/28px Helvetica, Arial, sans-serif; text-decoration: none; text-indent: -999px; }

/*slide-block*/
.slide-block{ width:530px; float: left; padding: 16px 0 20px 33px; z-index: 1; }
.box{ width:100%; overflow:hidden; background: #404040; margin: 0 0 7px; }
.box img{display: block;}
.box .row{ padding: 8px 10px; }
.box .row p{ margin: 0; color:#fff; font-size: 12px; }
.up-down{ margin:0 auto; padding:0; list-style:none; width:152px; }
.up-down li{ float:left; margin: 0 5px; display: inline; }
.up-down li a{ width:66px; height: 20px; display: block; overflow:hidden; color:#fff; background: url(/images/template/button.gif) no-repeat; text-align: center; padding: 5px 0 0; text-decoration:none; }
.up-down li .prev{ padding: 0 0 0 10px; background: url(/images/template/arrow2.gif) no-repeat 0 55%; }
.up-down li .next{ padding: 0 10px 0 0; background: url(/images/template/arrow.gif) no-repeat 100% 55%; }

.paginate { margin:0 auto; padding:0; list-style:none; width:152px; }
.paginate li{ float:left; margin: 0 5px; display: inline; }
.paginate li a{ width:66px; height: 20px; display: block; overflow:hidden; color:#fff; background: url(/images/template/button.gif) no-repeat; text-align: center; padding: 5px 0 0; text-decoration:none; margin: 0 0 20px 0; }
.paginate li .prev{ padding: 0 0 0 10px; background: url(/images/template/arrow2.gif) no-repeat 0 55%; }
.paginate li .next{ padding: 0 10px 0 0; background: url(/images/template/arrow.gif) no-repeat 100% 55%; }

/*info-column*/
.info-column h6 { font-size: 18px; margin:0 0 30px 0; padding: 0; }
.info-column h6 span { background: #CCC; color: #333; padding: 5px 10px; }

.info-column{ width:240px; float:right; padding: 16px 0 20px 0; }
.heading{ height: 1%; padding: 0 10px; overflow:hidden; background: #fce6b5; margin: 0 0 12px; }
.heading select{ float:right; width:78px; margin: 5px 0 0; }
.info-column h2{ margin: 0; background: #fce6b5; font-size: 16px; line-height: 32px; }
.info-column .column{ height:1%; overflow:hidden; padding: 0 0 18px 10px; }
.info-column img{ float:right; margin: 5px 0 3px 5px; }
.info-column h3, .bottom-block h3{ margin: 0 0 3px; font-size: 14px; font-weight: normal; }
.bottom-block h3 { font-size: 12px; margin-left: 120px; line-height: 14px; }
.info-column h3 a{color:#42477f;}
.info-column p{margin: 0 0 12px; line-height: 16px; color: #333; }
.events-list{ margin:0; padding:0 0 0 10px; list-style:none; }
.events-list li{ width:100%; overflow:hidden; vertical-align: top; margin: 0 0 10px; }
.events-list em{ float:left; width:60px; color:#525254; font-style: normal; font-size: 11px; text-transform: uppercase; font-weight: bold; padding: 2px 0 0 0; }
.events-list h3{margin: 0;}
.holder{ height:1%; overflow:hidden; }
/*bottom-block-holder*/
.bottom-block-holder{ width:100%; overflow:hidden; background: #fffedf; clear: left; }
/*bottom-block*/
.bottom-block{ width:970px; line-height: 17px; margin: 0 auto; padding: 16px 0 30px 20px; overflow:hidden; }
.bottom-block .holder{padding: 0 0 7px;}
.bottom-block h4{ margin: 0 5px 0 0; text-transform: uppercase; float:left; font-size: 12px; overflow:hidden; }
.contact-block{ width:120px; float:left; margin: 0 20px 0 0; }
.contact-block address{font-style: normal;}
.feature-block{ width:465px; float:left; margin: 0 6px 0 0; }
.feature-block .featured-item { width: 210px; float: left; margin-right:20px;}
.feature-block img{ float:left; border: 1px solid #333436; margin: 0 10px 0 0; }
.feature-block p{ color:#8f8c79; margin: 0 0 0 120px; font-size: 11px; }
.feature-block h3 { font-weight: bold; }
.gallery-block{ float:left; width:200px;}
.gallery-block .gallery{ margin:0; padding:0; list-style:none; overflow:hidden; }
.gallery-block .gallery li{ float:left; margin:0 12px 0 0; }
.gallery-block .gallery li img{ display:block; border: 1px solid #333436; }
.press-block{ width:113px; float:left; }
.press-block ul{ margin:0; padding:0; list-style:none; font-size: 15px; }
.press-block li{ width:100%; vertical-align: top; margin: 0 0 3px; }
.press-block a{color:#42477f;}