/********************************************************************
	5 Rivers CSS File
	Design: Jeremy Loyd
	XHTML/CSS: Ben Callahan
	Programming: Chad Mullins
--------------------------------------------------------------------
	CHANGE LOG:
		BDC:	11-07-08		File Creation
		BDC:	11-12-08		Removing teardrop motion in favor of simplicity
		RDB:  12-31-08		Added Sub Page Items for additional pages
		BDC:  01-15-09    Fixed minor CSS issues
		CMM: 	01-21-09    Added Home Page Ad Area
		BDC:  01-21-09    Fixed minor CSS issues and Flash alt CSS problem
		CMM: 04-06-09	 Fixed the image padding on the bottom of the home page to accomidate a new wider logo
		CMM: 01-29-10		Added a style for the new streaming feature
		CMM: 04-16-10         Added a style to fix the Line Height of the H5 title

********************************************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 62.5% 'Lucida Grande', 'Arial', sans-serif;
	background: #2e2e2e;
	letter-spacing: .05em;
	line-height: 1.5em;
}

img {
	border: none;
}

#content embed{
	margin-left: 50px;
	margin-top: 25px;
}


/********************************************************************
  Sub Page Images
********************************************************************/

.subPage #colD #youth.item {
	background: url(i/studentsPic1.png) top right no-repeat;
}

.subPage #colD #kids.item {
	background: url(i/kidsPic1.png) top right no-repeat;
}

.subPage #colD #small.item {
	background: url(i/smallgroupsPic1.png) top right no-repeat;
}

.subPage #colD #outreach.item {
	background: url(i/outreachPic.png) top right no-repeat;
}

.subPage #colD #counsel.item {
	background: url(i/counselingPic1.png) top right no-repeat;
}

.subPage #colD #worship.item {
	background: url(i/worshipPic1.png) top right no-repeat;
}

.subPage #colD #ministry.item {
	background: url(i/ministryPic1.png) top right no-repeat;
}

.subPage #colD #pizza.item {
	background: url(i/pizzaPic1.png) top right no-repeat;
}

.subPage #colD #alpha.item {
	background: url(i/alphaPic1.png) top right no-repeat;
}

.subPage #colD #discipleship.item {
	background: url(i/contentPic2.png) top right no-repeat;
}

.subPage #colD #baptism.item {
	background: url(i/baptismPic1.png) top right no-repeat;
}

.subPage #colD #servant.item {
	background: url(i/servantPic.png) top right no-repeat;
}

.subPage #colD #gifts.item {
	background: url(i/contentPic2.png) top right no-repeat;
}

.subPage #colD #prayerTraining.item {
	background: url(i/contentPic2.png) top right no-repeat;
}

.subPage #colD #streams.item {
	background: url(i/contentPic2.png) top right no-repeat;
}

.subPage #colD #healingRooms.item {
	background: url(i/contentPic2.png) top right no-repeat;
}

.subPage #colD #sozo.item {
	background: url(i/contentPic2.png) top right no-repeat;
}

.subPage #colD #windows.item {
	background: url(i/contentPic2-rounded.png) top right no-repeat;
}

/********************************************************************
  Basic Layout
********************************************************************/

#flashArea {
	padding-left: 16px;
	position: relative;
}

#maincol #featureNav {
	list-style: none;
	position: absolute;
	right: 30px;
	top: 295px;
}

#maincol #featureNav li {
	display: block;
	float: left;
	margin: 2px;
	padding: 0;
}

#maincol #featureNav i, #maincol #featureNav a {
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#utv_o_699917{
	/* border: 1px solid red; */
	margin: -31px;
}

#maincol {
	float: right;
	width: 730px;
	padding-top: 20px;
	background: #4d4d4d url(i/bgDrops.gif) top left no-repeat;
}

#maincol.subPage {
	padding-top: 55px;
}

#sidecol {
	float: left;
	width: 230px;
	background-color: #2e2e2e;
}

#footer {
	float: left;
	width: 730px;
	text-align: right;
	background: #666666;
}

.subPage #getInvolved {
	position: absolute;
	top: 100px;
	right: 45px;
}

#colA {
	display: inline;
	width: 442px;
	float: left;
	margin: 16px 0 0 16px;
	/* padding-bottom: 20px; */
}

.homePage #colA #content {
	float: left;
}

#colA #content {
	background: url(i/home-colA-footer.png) bottom left no-repeat;
	padding-bottom: 1.6em;
}

.subPage #colA {
	float: right;
	background: url(i/colA-footer.png) bottom left no-repeat;
	margin: 16px 16px 16px 0;
	padding-bottom: 33px;
}

.subPage #colA #content {
	background: #eee;
}

/********************************************************************
  Online Giving Form Styles...           rdb
********************************************************************/

     .subPage #colA #content #myForm fieldset {
          border: none;
          padding: 0 16px;
     }
     
          .subPage #colA #content #myForm fieldset h3 {
               font-size: 1.3em;
               margin:40px 0 0 0;
               font-weight: bold;
               padding: 5px 0;
               border-bottom: 1px solid #ccc;
               border-top: 1px solid #ccc;
               float: left;
               width: 100%;
               text-transform: uppercase;
          }
          
               .subPage #colA #content #myForm fieldset .section {
                    padding: 0 16px;
               }
          
          .subPage #colA #content #myForm fieldset label {
               float: left;
               font-size:1em;
               margin:0;
               line-height: 1.7em;
               width: 45%;
               text-align: right;
          }
          
               .subPage #colA #content #myForm fieldset label span {
                    float: right;
                    color: #888;
                    font-style: italic;
               }
          
          .subPage #colA #content #myForm fieldset input {
               float: right;
               width: 50%;
          }
               .subPage #colA #content #myForm fieldset input {
                    padding: 2px;
                    color: #555;
               }
               
          .subPage #colA #content #myForm fieldset select {
               float: right;
               width: 52%;
          }
               
               .subPage #colA #content #myForm fieldset select option {
                    padding: 2px 5px;
                    margin: 2px 0;
               }
          
          .subPage #colA #content #myForm fieldset div {
               float: left;
               /* width: 100%; */
               margin-top: 20px;
          }
          
               .subPage #colA #content #myForm fieldset #ccInfo, .subPage #colA #content #myForm fieldset #monthlyDiv {
                    margin-top: 0;
               }
               
               .subPage #colA #content #myForm fieldset #monthlyDiv {
                    float: right;
               }
          
          .subPage #colA #content #myForm fieldset p {
               float: right;
               width: 100%;
               margin: 0;
               text-align: right;
          }
          
               .subPage #colA #content #myForm fieldset p em {
                    color:#888888;
               }
               
               .subPage #colA #content #myForm fieldset .month-year-container {
                    float: right;
                    width: 197px;
                    margin-top: 0px;
                    padding-right: 17px;
               }
               
                    .subPage #colA #content #myForm fieldset p.month, .subPage #colA #content #myForm fieldset p.year {
                         width: 93px;
                         float: left;
                         margin: 0;
                    }
               
               .subPage #colA #content #myForm fieldset p.month {
                    margin-right: 10px;
               }
               
               .subPage #colA #content #myForm fieldset p#giftText {
                    color: #6ABF39;
               }
               
               .subPage #colA #content #myForm fieldset p.submit {
                    margin-top: 30px;
               }
               
                    .subPage #colA #content #myForm fieldset p.submit input {
                         width: 100px;
                         height: 30px;
                         cursor: pointer;
                    }
     
/********************************************************************
  ...end Online Giving Form Styles           rdb
********************************************************************/

#colB {
	width: 240px;
	float: left;
	display: inline;
	margin: 16px 0 16px 16px;
	padding-bottom: 40px;
	background: url(i/colB-footer.png) bottom left no-repeat;
}

.homePage #colB {
	margin: 16px 16px 16px 0;
	float: right;
	padding-bottom: 36px;
}

#colB img {
	padding: 0;
	margin: 0;
}

.subPage #colC {
	width: 240px;
	float: left;
	display: inline;
	margin: 16px 0 16px 16px;
}

.subPage #colD {
	width: 442px;
	float: right;
	display: inline;
	margin: 16px 16px 16px 0px;
}

.subPage #colD .item {
	float: left;
	width: 442px;
}

.subPage #colD .item.last {
	border-bottom: 1px solid #fff;
}

.subPage #colD .content {
	width: 318px;
	float: left;
}

/*
.subPage #colD img {
	float: right;
}
*/

.subPage #colD .details {
	margin-left: 16px;
}

.subPage #colC .caption {
	background: url(i/colC-footer.png) bottom left no-repeat;
}

.subPage #colC .caption a{
	color: white;
	text-decoration: underline;
}

.subPage #colC .caption a:hover{
	color: white;
	text-decoration: none;
}

#colA img {
	float: right;
	border: none;
	margin: 16px 16px 0 16px;
/* 	padding-bottom: 20px; */
}

.subPage #colC img {
	border: none;
	margin: 0;
	padding: 0;
}

/*
#colD img {
	float: right;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
*/

.subPage #colA h2 {
	padding: 0;
	margin: 0;
	background: url(i/colA-h2-bg.png) top left no-repeat;
}

#maincol #colB h3 {
/* 	padding: 0; */
	margin: 0;
	background: url(i/colB-h3alt-bg.png) top left repeat-y;
}

#maincol #colB h3.first {
	background: url(i/colB-h3-bg.png) top left no-repeat;
}

#colB .item {
	padding-bottom: .5em;
	background: url(i/colB-bg.png) top left repeat-y;
}

.subPage #colD .item .content p {
	background: #fff url(i/colD-item-bg.png) top left repeat-x;
}

#colB .details, #colB .time, #colB .location {
	display: block;
	margin-left: 16px;
	margin-right: 16px;
	width: auto;
}

#colB .details {
	padding-bottom: 1em;
}

#colB .item.news .details {
	border-bottom: 1px solid #939393;
}

#colB .item.news h4{
	padding-bottom:6px;
}

#colB .item.news. .details {
	border-bottom: none;
}

#colB .item.news.last .details {
	border-bottom: none;
}



/********************************************************************
  Typography / Navigation States
********************************************************************/

/* THE GREEN */
#sidecol ul ul a, .subPage #getInvolved, #colB h3, #colB h4, #colB a, .subPage #colA a,  #colA .more, .subPage #colD a {
	color: #6abf39;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote {
/* 	margin-top: 1.2em; */
	padding-top: 1.2em;
	font-weight: normal;
}

p, ul, blockquote {
	font-size: 1.2em;
}

h1 { font-size: 2.6em; }
h2 { font-size: 2.8em; }
h3 { font-size: 2.6em; }
h4 { font-size: 2.4em; }
h5 { font-size: 2.2em; line-height: 27px;}
h6 { font-size: 2em; }

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#sidecol ul {
	list-style: none;
	margin-right: 0;
}

#sidecol ul li a {
	margin-right: 45px;
}

#sidecol ul li ul li a {
	margin-right: 45px;
	margin-top: 0;
}

#sidecol li {
	text-align: right;
	padding-top: .3em;
	padding-bottom: .3em;
}

#sidecol li li {
	padding-top: 0;
	padding-bottom: 0;
}

#sidecol a {
	color: #fff;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .12em;
	line-height: 2em;
}

#sidecol ul ul a {
	font-size: .7em;
	text-transform: lowercase;
}

#sidecol ul ul {
	margin-top: 0;
	padding-top: 0;
/* 	border: 1px solid red; */
}

#sidecol ul li.current {
	background: url(i/mainNavCurrent.gif) 53px .26em no-repeat;
}

#sidecol ul li ul li.current {
	background: url(i/subNavCurrent.gif) 188px .4em no-repeat;
}

#footer p {
	margin: .4em 15px;
	padding-top: 0;
	color: #ddd;
	font-size: .8em;
	text-transform: uppercase;
}

#maincol.homePage h1, #maincol h2, #maincol h3, #maincol h4, #maincol h5, #maincol h6, #maincol p, #maincol ul, #maincol li, #maincol ol {
	margin-left: 16px;
	margin-right: 16px;
}

.subPage #colA #content p {
	margin-top: 0;
	padding-top: 1.2em;
}

#maincol blockquote {
	margin-left: 40px;
	margin-right: 80px;
}

#maincol.subPage h1 {
	margin: 0;
	background: url(i/h1bg.png) top right no-repeat;
	height: 88px;
/* 	line-height: 88px; */
	padding-left: 45px;
	color: white;
	text-transform: lowercase;
	font-weight: normal;
}

.subPage #getInvolved, #colB .details, .subPage #colD .details {
	text-transform: uppercase;
	letter-spacing: .15em;
	font-size: .9em;
}

#colB h3, .subPage #colA h2, #colA h2 {
	text-transform: lowercase;
	font-size: 1.5em;
	font-weight: normal;
	padding: 16px;
}

.subPage #colA h2 {
	color: #fff;
	padding: 16px;
}

#colA h2 {
	margin: 0;
	background: url(i/home-colA-h2-bg.png) top left no-repeat;
	text-transform: none;
}

.subPage #colA {
	color: #333;
}

#colA p {
	margin-top: 0;
	padding-top: 1.2em;
}

#colB h4 {
	font-size: 1.2em;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 16px;
	margin: 0;
}

#colB .item p {
	color: #eee;
	margin: 0;
	padding: 0 16px 6px 16px;
	font-size: 1em;
}

#colB .time, #colB .location {
	color: #eee;
}

#colB ul, #colB ol {
	margin-top: 0;
	padding-top: 1.2em;
}

#colB h5, #colB h6 {
	padding-bottom: .5em;
}

.subPage #colC .caption {
	margin: 0;
	margin-top: -6px;
	padding: 0;
	padding: 12px 16px;
	color: white;
	color: #999;
	font-size: 1em;
	font-size: .9em;
	text-align: right;
}

.subPage #colD h2 {
	font-size: 1.7em;
	text-transform: lowercase;
	margin: 0;
	padding: 16px;
	background: url(i/colD-h2-sqr-bg.png) top left repeat-y;
	border-top: 1px solid #4d4d4d;
}

.subPage #colD .first h2 {
	background: url(i/colD-h2-bg.png) top left no-repeat;
	border-top: none;
}

.subPage #colD .item p {
	margin: 0;
	padding: 16px;
	font-size: 1em;
}

/* Chad Added everything below this line */

#colA2 {
	width: 442px;
	float: left;
	display: inline;
	margin: 16px 0 16px 16px;
	padding-bottom: 20px;
}

#colA2 #content {
	background-color: #fff;
	padding-bottom: 1.2em;
}

#colA2 h2 {
	margin: 0;
	background: url(i/home-colA-h2-bg.png) top left no-repeat;
	text-transform: none;
}

#colA2 p {
	margin-top: 0;
	padding-top: 1.2em;
}

#colA3{
	background: url(i/home_adBG.png)  top left no-repeat;
	float: left;
	display: inline;
	width: 442px;
	height: 117px;
	margin: 20px 0 16px 16px;
	padding-bottom: 20px;
}

#colA3 img{
	 padding: 27px 25px 27px 31px;
}