/* Orangefield Church CSS */

/* body attributes */
html {padding: 0; margin: 0; height: 100%;}
body {margin: 0; padding: 0; font: 80% verdana, arial, helvetica, sans-serif; color: #666; background: #949494; height: 100%; text-align: center;}
img {border: none; border: 0; margin: 0; padding: 0;}
p {margin: 0; padding: 0;}
.left {float: left;}
.right {float: right;}

a, a:visited {color: #78a22f; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

/* Page */
#pageholder {width: 897px; padding: 0; margin: 0 auto; background: #949494 url(/App_Themes/Orangefield/images/bgMain.gif) repeat-y;}

/* Top */
#topLinks {height: 30px; margin: 0 23px; padding: 0; background: #333; text-align: right; color: #fff; font-size: 85%;}
#topLinks p {margin: 0; padding: 6px 0 0 0;}
#topLinks a {color: #f93; text-decoration: none; margin: 0; padding: 0 7px;}
#topLinks a:hover {text-decoration: underline;}

#topLinks .textOnly {background:url() no-repeat;color: #f93; text-decoration: none; margin: 0; padding: 0px 7px; font-size: 100%;}
#topLinks .textOnly:hover {text-decoration: underline;}

#topLinks .txtInput {border: 0; color: #333;}
#topLinks .btnSubmit {border: 0; height: 13px; width: 33px; background: url(/App_Themes/Orangefield/images/btnSubmit.gif) no-repeat; cursor: pointer; margin: 0; padding: 0;}

/* Top Banner */
#topBanner {background: url(/App_Themes/Orangefield/images/bgLogo.gif) no-repeat top right; height: 240px; text-align: left; margin: 0 23px;}
#topBanner h1 {display: none;}

/* Inner Banner */
#innerBanner {background: url(/App_Themes/Orangefield/images/bgInner.gif) no-repeat top right; height: 120px; text-align: left; margin: 0 23px;}
#innerBanner h1 {display: none;}

/* Left Nav */
#leftnav {width: 184px; height: auto; float: left; margin: 20px 0 0 23px; padding: 0; text-align: left; display: inline; font-size: 85%;}

#leftnav ul {list-style: none; margin: 0; padding: 0;}
#leftnav li {width: 174px; font-weight: normal; padding: 5px 0 8px 6px; margin: 0 0 1px 0; background: url(/App_Themes/Orangefield/images/bgLeft.gif) no-repeat 0 1px; border-top: 4px solid #0073ae;}
#leftnav li a {margin: 0 0 -8px 0; padding: 0; display: block; color: #0073ae; font-size: 140%; text-decoration: none; font-weight: bold;}

#leftnav ul li ul {margin: 15px 0 0 0; padding: 0; font-size: 85%;}
#leftnav ul li ul li {background: url(/App_Themes/Orangefield/images/leftBullet.gif) no-repeat 0 5px; margin: 0; padding: 0 0 4px 4px; border: 0;}
#leftnav ul li ul li a {background: none; margin: 0; padding: 0 0 0 15px; display: block; color: #666; font-weight: normal;}
#leftnav ul li ul li a:hover {text-decoration: underline;}

/* Content */
#home {text-align: left; margin: 0 23px; _margin: -2px 23px 0 23px; padding: 0;}
#home h1 {font-size: 160%; font-weight: normal; margin: 0; padding: 10px 0 0 0;}
#home .nav {height: 100px; background: url(/App_Themes/Orangefield/images/homeNav.gif) no-repeat; color: #fff;}
#home .nav p {width: 240px; float: left; margin: 15px 21px 0 22px; line-height: 110%; display: inline;}
#home .nav a {color: #fff; text-decoration: none; font-size: 140%; line-height: 150%; font-weight: normal;}

#home .intro {margin: 2px 0 0 0; padding: 0 15px; display: inline; overflow: hidden;}
#home .intro h1 {color: #78a22f;}
#home .intro img {float: right; margin: 0 0 0 30px; padding: 2px; border: 1px solid #709f40;}

#home div.welcome {width: 480px; float: left; margin: 10px 0; display: inline;}
#home div.welcome h1 + p {font-weight: bold;}
#home div.video {width: 332px; float: right; margin: 10px 0; padding: 0; display: inline;}

/* News & Events */
#home .news {background: #f7a11a url(/App_Themes/Orangefield/images/bgNews.gif) no-repeat bottom right; margin: 10px 0; padding: 0 15px 20px 15px; float: right; width: 310px; color: #fff; display: inline;}
#home .news h2 {color: #fff; font-weight: normal; margin: 0; padding: 10px 0 5px 0; font-size: 140%;}
#home .news h2 a {color: #fff;}
#home .news ul {list-style: none; font-size: 85%; margin: 0 5px 0 15px; padding: 0;}
#home .news li {background: url(/App_Themes/Orangefield/images/arrowNews.gif) no-repeat 0 7px; margin: 0; padding: 3px 5px 3px 20px;}
#home .news li a {color: #fff; text-decoration: none;}
#home .news li a:hover {text-decoration: underline;}
#home .news a.btnNews {display: block; background: url(/App_Themes/Orangefield/images/btnNews.gif) no-repeat; width: 160px; height: 26px; padding: 7px 10px 0 10px; color: #f7a11a; text-decoration: none;}

#home div.events {clear: both; margin: 10px 0 0 0; padding: 0; width: 490px; float: left; display: inline;}
#home div.events h2 {border-top: 4px solid #78a22f; background: #fff; color: #78a22f; margin: 0; padding: 10px 0 20px 0; width: 495px; font-weight: normal; font-size: 140%;}

#home #headline {margin: 0; padding: 0; width: 495px;}
#home #headline ul {list-style: none; width: 230px; margin: 0; padding: 0; float: right;}
#home #headline li {margin: 0; padding: 0; background: #eae6e6; color: #555;}
#home #headline img {margin: 0; float: left;}
#home #headline #newsStoryImage {margin:0; padding:0; float:left; width:260px; height: 163px; overflow:hidden;}
#home #headline li a {margin: 0 0 1px 0; padding: 10px 0 0 0; height: 30px; color: #555; text-decoration: none;  display: block; text-indent: 10px;}
#home #headline li a.active, #content #headline li a:hover{color: #fff; text-decoration: none;}
#home #headline li.active, #content #headline li:hover {background: #de7007;}
#home #headline li.active {background: #de7007; color: #fff; text-decoration: none;}
#home #headline h3 {color: #105cbf; font-size: 150%; font-weight: normal; margin: 10px 0 2px 0; padding: 0; background: none; border: none;}
#home #headline p.date {color: #333; margin: 0 0 15px 0;}

#home ul.tabs {background: #fff; height: 35px; margin: 0; padding: 0;}
#home ul.tabs p {height: 35px; margin: 0 -8px; padding: 7px 0 0 20px; color:#fff;}
#home ul.tabs li {display: inline; background: none; margin: 0; padding: 0;}
#home ul.tabs li a {display: inline-block; padding: 10px; background: #eae6e6;}
#home ul.tabs li a:hover, #home ul.tabs li a.active {background: #78a22f; text-decoration: none;}

/*
#home #video div {background: url(/App_Themes/Orangefield/images/video_title.png); position: absolute; left: 0; bottom: 0; width: 480px; padding: 10px 0;}
#home #video p {color: #fff; margin: 0; padding: 0 0 0 10px;}
#home #video p a, #video p a:visited {color: #fff; text-decoration: none; font-weight: bold;}*/

/* Old News & Events
#home .news {border-top: 4px solid #f93; background: url(/App_Themes/Orangefield/images/bgNews.gif) no-repeat 0 1px; margin: 10px 0; padding: 0 15px; float: left; width: 390px;}
#home .news h1 {color: #f93;}
#home .news ul {list-style: none; font-size: 85%; margin: 10px 0; padding: 0;}
#home .news li {background: url(/App_Themes/Orangefield/images/arrowNews.gif) no-repeat 0 8px; padding: 5px 20px;}
#home .news li a {color: #f93; text-decoration: none;}
#home .news li a:hover {text-decoration: underline;}*/

#home .promo {border-top: 4px solid #ba44cb; background: url(/App_Themes/Orangefield/images/bgPromo.gif) no-repeat; margin: 20px 0; padding: 0; height: 167px; clear: both;}
#home .promo p {width: 210px; float: left; margin: 10px 21px 10px 22px; padding: 0 30px 0 0; line-height: 110%; display: inline;}
#home .promo a {color: #ba44cb; text-decoration: none; font-size: 140%; line-height: 150%; font-weight: normal;}

#home .promo p.podcast {background: url(/App_Themes/Orangefield/images/podcast.jpg) no-repeat bottom right;}
#home .promo p.pips {background: url(/App_Themes/Orangefield/images/pips.jpg) no-repeat bottom right;}
#home .promo p.arc {background: url(/App_Themes/Orangefield/images/arc.jpg) no-repeat bottom right;}
#home .promo p.alpha {background: url(/App_Themes/Orangefield/images/alpha.jpg) no-repeat bottom right;}
#home .promo p.marriage {background: url(/App_Themes/Orangefield/images/marriage.jpg) no-repeat bottom right;}
#home .promo p.week {background: url(/App_Themes/Orangefield/images/week.jpg) no-repeat bottom right;}

/* Content */
#content {text-align: left; float: left; width: 430px; margin: 20px 12px 0 8px; padding: 0 10px; display: inline; background: url(/App_Themes/Orangefield/images/bgContent.gif) no-repeat; border-top: 4px solid #78a22f;}

#content p, #home p {font-weight: normal; text-decoration: none; margin: 10px 0; padding: 0; line-height: 140%;}
#content h1 {font-size: 160%; font-weight: normal; margin: 0; padding: 10px 0 0 0; color: #78a22f;}
#content h2 {font-size: 120%; font-weight: bold; margin: 0; padding: 10px 0 5px 0; color: #78a22f;}
#content h3 {font-size: 100%; font-weight: bold; margin: 0; padding: 10px 0 4px 0; border-bottom: 1px solid #e9e9e9;}
#content a {color: #78a22f; text-decoration: underline;}

#content ul {list-style: none; margin: 5px 0 5px 10px; padding: 0;}
#content li {background: url(/App_Themes/Orangefield/images/contentBullet.gif) no-repeat 15px 8px; padding: 5px 0 5px 35px; margin: 0;}

#content form {background: #f9f9f9; margin: 20px 0; padding: 10px 20px 15px 20px; border: 1px solid #e9e9e9;}

/* Right Nav */
#rightnav {width: 200px; height: auto; float: left; margin: 20px 0 0 0; padding: 0; text-align: left; display: inline; background: url(/App_Themes/Orangefield/images/bgRight.gif) repeat-y; border-bottom: 1px solid #e9e9e9; border-top: 4px solid #ba44cb; font-size: 85%;}
#rightnav p {width: 140px; margin: 5px 10px; padding: 10px 40px 10px 0; line-height: 110%; border-bottom: 1px solid #e9e9e9;}
#rightnav a {margin: 0 0 -8px 0; padding: 0; display: block; color: #ba44cb; font-size: 140%; text-decoration: none; font-weight: bold;}

#rightnav p.podcast {background: url(/App_Themes/Orangefield/images/podcast.jpg) no-repeat center right;}
#rightnav p.pips {background: url(/App_Themes/Orangefield/images/pips.jpg) no-repeat center right;}
#rightnav p.arc {background: url(/App_Themes/Orangefield/images/arc.jpg) no-repeat center right;}
#rightnav p.alpha {background: url(/App_Themes/Orangefield/images/alpha.jpg) no-repeat center right;}
#rightnav p.marriage {background: url(/App_Themes/Orangefield/images/marriage.jpg) no-repeat center right;}
#rightnav p.week {background: url(/App_Themes/Orangefield/images/week.jpg) no-repeat center right; border: 0;}


/* Footer */
#footer {height: 90px; clear: both; margin: 0; padding: 60px 20px 0 0; background: #949494 url(/App_Themes/Orangefield/images/bgFooter.gif) no-repeat; color: #fff; font-size: 85%;}
p.address {float: left; margin: 0 0 0 500px; padding: 0 25px 0 0; display: inline; text-align: left;}
p.phone {float: right; text-align: right;}
#footer a {color: #fff; text-decoration: underline;}

/* Bespoke Template Content Elements */
select, .txtInput {background: #fff; text-decoration: none; border: 1px solid #e9e9e9; margin: 0 0 0 2px; font: 100% verdana, arial, helvetica, sans-serif;}
#content .btnSubmit {margin: 5px 2px; padding: 5px 10px; border-top: 4px solid #78a22f; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: none; cursor: pointer; color: #666;}
form span.block {display: block; margin: 10px 0;}
form span.block label {width: 120px; display: block; float: left; clear: left; text-align: left; margin:0; padding: 3px 5px 0 0; font-weight: bold;}