body {
	background-color : #5F5A06;
	font-family : Verdana, Arial, sans-serif;
	margin : 0 auto;
	padding : 0;
}

/*
Use the following palette for rotating the background color during the change of seasons:
#5F5A06; green (summer) June 1 to Aug 30
#811F16; red (fall) Sept 1 to Nov 30
#4B6076; blue (winter) Dec 1 to Mar 31
#3B043F; purple (spring) Apr 1 to May 31
*/


#wrapper {
	margin : 0 auto;
	width : 980px;
	background-color : #ede4c5;
	background-image : url(rd/bg-tile.png);
	background-position : top left;
	background-repeat : repeat-y;
	position : relative;
}

#header {
	height : 60px;
	width : 100%;
	z-index : 20;
	position : relative;
}

#logo {
	position : absolute;
	z-index : 20;
	margin-left : 22px;
	margin-top : 12px;
}

#logo img {
	border: none;
}

#navigation {
	width : 715px;
	height :  40px;
	color : #eeeeee;
	background-color : #444444;
	padding-top : 10px;
	margin-bottom : 2px;
	padding-bottom : 2px;
	padding-left: 265px;
	font-size : 12px;
	text-align : center;
	position : relative;
	z-index : 5;
}


#navigation a {
	height : 40px;
	float : left;
	display : block;
	width : 98px;
}

#navigation a:hover {
	height : 40px;
	float : left;
	display : block;
	width : 98px;
	background-color:#666;
}

#navigation a.first {
	margin-left : 8px;
}

#navigation a.single-line {
	padding-top : 8px;
	height : 27px;
}

#navigation a.single-line {
	padding-top : 8px;
	height : 27px;
}

#navigation a#u-r-here {
	color : #F1D75C;
}

#navigation li#last-nav-link {
	padding-right : 0;
}

#navigation a:link, #navigation a:visited {
	color : #eeeeee;
	text-decoration : none;
}

#navigation a:hover, #navigation a:active {
	color : #999999;
	text-decoration : none;
}

#dropdown-menu ul.submenu-items a {
	padding-top : 8px;
}

#dropdown-menu a.single-line {
	padding-top : 8px;
	height : 27px;
}

#dropdown-menu {padding:0; margin:0; list-style:none; height:40px; position:relative;}
#dropdown-menu li {float:left;}
#dropdown-menu li a {display:block; float:left; background:#444; text-decoration:none;}
#dropdown-menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Style the list OR link hover. Depends on which browser is used */

#dropdown-menu li a:hover {position:relative; color:#eee; background-color:#000 ;}
#dropdown-menu li:hover {position:relative;}
#dropdown-menu li:hover > a {color:#aaa; background-color:#444;}
#dropdown-menu li:hover > a.submenu {color:#aaa; background-color:#444;}
#dropdown-menu li a.submenu {background-color: #444;}
#dropdown-menu :hover ul {left:0; top:40px; background-color:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#dropdown-menu ul, 
#dropdown-menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#dropdown-menu :hover ul :hover ul
{left:120px; top:-1px; background-color:#444; white-space:nowrap; width:100px; height:auto;}

#dropdown-menu :hover ul li {margin:0; border-top:1px solid #666;}
#dropdown-menu :hover ul li a {background:#444; color:#aaa;}
#dropdown-menu :hover ul :hover {background-color:#666; color:#eee;}

#links {
	position : absolute;
	top : 150px;
	left : 735px;
	height: 509px;
}

#links ul {
	margin-left : 16px;
	padding-left : 0;
	margin-top : 20px;
}

#links li {
	list-style-type: none;
	padding-bottom : 6px;
}

#links li img {
	border-right : #261a25 solid 1px;
	border-bottom : #261a25 solid 1px;
	border-top : #aaaaaa solid 1px;
	border-left : #aaaaaa solid 1px;
}

#content {
	color : #242424;
	padding-right : 25px;
	padding-left : 25px;
	padding-top : 10px;
	margin-top : 0;
	margin-right : 240px;
	min-height : 620px;
}

#tagline {
	margin-left : 245px;
	margin-bottom : 40px;
}

#content h2 {
	font-size : 20px;
	line-height : 26px;
	font-family : Georgia, "Times New Roman", Times, serif;
}

#content h3 {
	font-size : 16px;
	line-height : 20px;
	font-family : Georgia, "Times New Roman", Times, serif;
	letter-spacing : 1px;
}

#content p, #content ol {
	font-size : 12px;
	line-height : 16px;
}

#content a:link {
	color : #000066;
}

#content a:visited {
	color : #660066;
}

#content a:hover, #content a:active {
	color : #660000;
}

.under-construction {
	color: #811F16;
	font-style : italic;
	padding-left : 15px;
}

#pastor {
	float : left;
	padding-left : 10px;
	padding-right : 15px;
}

#last-paragraph {
	padding-bottom : 70px;
}

#content p.caption {
	font-size : 11px;
}

#footer {
	width : 690px;
	height :  60px;
	color : #333;
	background-color : #c8b389;
	padding-top : 10px;
	font-size : 10px;
	text-align : center;
	padding-bottom : 0;
	margin-bottom : 0;
	margin-left : 25px;
	border-bottom : 8px solid #ede4c5;
}

#footer p {
	padding-top : 0;
	padding-bottom : 6px;
	margin-top : 0;
	margin-bottom : 0;
}

#footer span {
	padding-right : 10px;
	padding-left : 10px;
}

div.staff, div.areas, div.actividades {
	clear: both;
	padding-top : 10px;
	background-color:#f2f2f2;
}

#content div.staff p {
	font-size : 14px;
	padding : 15px;
	clear : left;
	text-align : left;
	}
	
div.staff img, div.staff-detail img {
	border : none;
	padding: 2px;
	background-color : #454545;
	margin : 0 15px 0 15px;
	}
	
#content div.areas p {
	font-size : 14px;
	padding : 15px;
	text-align : left;
	clear : left;
	}
	
div.areas img {
	float : left;
	border : none;
	padding: 2px;
	background-color : #454545;
	margin : 12px;
	}
	
div.areas img.vertical {
	margin-left: 40px;
	margin-top: 65px;
}
	
#content div.actividades p {
	font-size : 14px;
	padding : 15px;
	text-align : center;
	clear : left;
	}
	
div.actividades img {
	float : left;
	border : none;
	padding: 2px;
	background-color : #454545;
	margin : 15px 8px 15px 8px;
	}

	
.extension-image {
	margin: 10px;
	}
	
.extension-gallery {
	width: 475px;
	height: 225px;
}

.extension-caption {
	padding-top: 65px;
	padding-left:8px;
	text-align: center;
}
	
#medios, #escuchanos, #desde-el-templo, #radioteca {
	border: solid 1px #b8aD6B;
	font-size : 11px;
	border-collapse : collapse;
	margin-left: 15px;
	margin-top : 15px;
	margin-bottom : 20px;
	}
	
#escuchanos td, #desde-el-templo td, #radioteca td {
	padding : 10px;
	border: solid 1px #b8aD6B;
	width : 325px;
	}
	
#medios td {
	padding : 10px;
	border: solid 1px #b8aD6B;
	width : 450px;
	}
	
#medios td.medios-link a h3{
 color: #242424;
 text-decoration : none;
	}
	
#medios td.medios-link a:hover h3{
 color: #484848;
 text-decoration:underline;
	}
	
#escuchanos td.speaker-date, #escuchanos td.title a{
	color : #eeeeee;
	text-decoration : none;
	}
	
#escuchanos td.title a:hover{
	color : #ffffff;
	text-decoration : underline;
	}
	
#desde-el-templo td.speaker-date, #desde-el-templo td.title a {
	color : #242424;
	text-decoration : none;
	}
	
#desde-el-templo td.title a:hover {
	color : #363636;
	text-decoration : underline;
	}
	
#radioteca td.speaker-date, #radioteca td.title a {
	color : #242424;
	text-decoration : none;
	}
#radioteca td.title a:hover {
	color : #363636;
	text-decoration : underline;
	}
	
#escuchanos tr.even {
	background-color: #811f16;
	}
#desde-el-templo tr.even {
	background-color: #c9ba52;
	}
#radioteca tr.even {
	background-color: #f2f2e2;
	}	
#escuchanos tr.odd {
	background-color: #993732;
	}
#desde-el-templo tr.odd {
	background-color: #f2f2d2;
	}
#radioteca tr.odd {
	background-color: #aab84f;
	}	
	
img.calendario {
	padding: 2px;
	background-color : #454545;
	}
	
.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear-float {
	clear:both;
	}
	
.img-block {
	display:block;
}

/* Joshua Tree widget */
/* updated 6-17-2009, rww */

tr.upgotd-even {
	background: #432E41;
	margin: 0;
	padding: 0;
}

tr.upgotd-odd {
	background: #432E41;
	margin: 0;
	padding: 0;
}

.upgotd {
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.upgotd-box {
	background: #432E41;
	/* border: #cccccc 1px dashed; */
	text-align: center;
	width: 190px;
	font-size: 70%;
	line-height: 130%;
}

.upgotd-box a {
	color: #ffffff;
	text-decoration: none;
}

.upgotd-box a:hover {
	color:#69C;
	text-decoration: none;
}

.upgotd-footer {
	font-size: 90%;
	margin-top: 5px;
}

.upgotd-footer a {
	font-weight: bold;
	font-size: 90%;
	margin-top: 5px;
}

.upgotd-headings {
	padding: 0px 3px 0px 0px;
}

.upgotd-link {
}

.upgotd-people {
	font-weight: normal;
	padding-bottom: 4px;
}

.upgotd-people a {
	font-weight: bold;
}

.upgotd-pray {
	font-style: italic;
	font-weight: normal;
	padding: 5px 0px 3px 0px;
}

.upgotd-stats {
	color:#ffffff;
}

.upgotd-table {
	background: #432E41;
	color:#ffffff;
	border: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin: 0 0 0 16px;
	padding: 0px 0px 0px 3px;
	text-align: left;
}

.upgotd-title, .upgotd-footer {
	background: #432E41;
	padding: 4px;
}

.upgotd-title, .upgotd-title a {
	font-weight: bold;
	margin-bottom: 5px;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 22px;
}

.upgotd-more, .upgotd-more a, .upgotd-more a:link {
	display : none;
}

.upgotd-image img {
	border-left:#222 solid 3px;
	border-top:#222 solid 3px;
	border-right:#999 solid 3px;
	border-bottom:#999 solid 3px;
}