@charset "utf-8";

/* 	
	// Trinity Lutheran CHURCH StyleSheet
	// copperDesign
	// copper29design.com
	// One Shop Communications
	// oneshopcommunications.com
*/	


/* Reset Styles
****************************************/
*       {margin: 0; padding: 0;}
a img { border:none }
:focus { outline: none; }
a, a:link, a:hover, a:visited, a:active	{text-decoration: none;}


/* Common Styles
****************************************/
html {overflow-y: scroll;}
body    {font-family: helvetica, verdana, sans-serif; font-size: .75em; background: #E9E5E0 url(../assets/images/gutters.png) no-repeat 50% 0;}
.left {float: left !important;}
.right {float: right !important;}
.hidden {display: none;}
.clear {clear: both;}
.hover	{background-color: #ccc;}
#content img	{border:1px solid #993300; float:left; margin:10px 10px 10px 3px; padding:4px;}
#content img.right {margin: 3px 3px 10px 10px}
.photo {width: auto; float: left; display: inline;}
.photo img	{border:1px solid #993300; float:none !important; margin:3px 10px 10px 3px !important; padding:4px;}
.photoCaption {color: black; background: #DFDFDF; font-size:9px; line-height:normal; margin:0 0 1em 3px;padding:1px; width:208px;}

/* Stucture Styles
****************************************/
#page   {margin: auto; position: relative; width: 850px; overflow: auto; border: solid 0px; background-color: #993300;}
#content    {position: relative; margin: 3px 21px 21px; min-height: 380px; padding: 20px 19px 20px 20px; background: rgb(255,255,255); overflow: hidden;}
#columnLeft {width: 67%; float: left; clear: both;}
#contentDiv {width: 1%; height: 335px; float: left; margin: 0 10px 0 10px; background: transparent url(../assets/images/contentDiv.png) no-repeat;}
#columnRight    {width: 29%; float: left;}
.sidebar, .sidebar p	{text-align: center;}
#calendarEmbed {margin:20px -20px 0;}

/* Navigation Styles
****************************************/
*#nav    {width: 100%; height: 38px; background-color: #FFF; font-weight: bold;}
#home .home a, #about .about a, #calendar .calendar a, #ministry .ministry a, #staff .staff a, #contact .contact a, #espanol .espanol a {color: #993300 !important;}
#nav li {list-style: none; float: left;}
#nav li a {display: block; padding-top: 10px; margin-left: 27px; background: none; color: #3c3d3e; text-decoration: none;}
#nav li a:hover{border-bottom: 1px dotted;}
#nav li.dropArrow a:hover{border: none !important;}
#nav li ul {display: none; width: 1178px; /* Width to help Opera out */ overflow: hidden; background: url(../assets/images/menuPixel.png) repeat; z-index: 200;}
#nav li:hover ul, #nav li.hover ul {display: block; position: absolute; margin: 0; padding: 0; }
#nav li:hover li, #nav li.hover li {float: none; }
#dropDown li{margin-left: 0px; padding-left: 5px; list-style: none;  overflow: hidden;}
#nav li:hover li a, #nav li.hover li a {margin:0; padding:10px 0 3px 20px;}
#nav li li a:hover {background: url(../assets/images/dropBullet.png) no-repeat 5px 60%; border: none !important;}
li.dropArrow {width: 115px; background: url(../assets/images/dropArrow.png) no-repeat 100% 77%;} */


/* Typographic Styles
****************************************/
p       {line-height: 16px; color: #3c3d3e; text-align: justify; margin: 1em 0;}
li  	{text-align: justify;}
a	{color: #993300; text-decoration: underline;}
a:hover {color: rgb(255,255,255); background-color: #993300; text-decoration: none;}
a:visited   {}
a:active {border: none;}
h1      {font-size: 1.50em; margin: 10px 0 10px; color: #3c3d3e;}
h2      {font-size: 1.20em; margin: 15px 0 15px; color: #3c3d3e; font-weight: bold;}
h3      {font-size: 1em; margin: 10px 0 15px; color: #993300; font-weight: bold; text-align: right; text-decoration: underline;}
#columnRight h1 {color: #993300; white-space: nowrap;}
#columnRight h2 {margin-bottom: 0px;}
#columnRight p{margin: 0px}
.content li {margin-left: 5px; padding-left: 10px; list-style: none; background: url(../assets/images/bullet.png) no-repeat 0 7px; color: rgb(60,61,62);}
#address p {color: #D9B29F; text-align: right;}
blockquote {border-left:1px dotted #993300; border-right: 1px dotted #993300; margin:10px 20px 10px 10px; padding:0px 20px; color: #3c3d3e; display: block; text-align: justify; font-style: italic;}
blockquote h2 {color: #993300; font-style: normal;}
#ministry h2 {border-top:1px dotted #993300; color:#993300; margin:25px 0 2px; padding-top:10px; width:85%; clear: both;}


/* Header Styles
****************************************/
#header {width: 100%; height: 147px; background: transparent url(../assets/images/headerFade.png) no-repeat 0 -24px;}
#logo   {position: absolute; top: 49px; margin-left: 21px;}
#address {position:absolute; right:21px; top:96px;}
#founded    {position: absolute; left: 638px; top: 166px; margin-right: 21px; z-index: 100;}
#photoNav   {position: relative; margin: 5px 21px 0; min-height: 205px; height: 205px; background-color: #333; border: #fff solid 1px; margin-top: 1px;	overflow: hidden;}

/* jFlow Styles */
	 #photoNav {font-weight: bold;}
	
	 #slides p	{background:url("../assets/images/slideBullet.png") no-repeat -8px 49% #FFF;color:#993300;font-size:14px;height:60px;line-height:18px;margin:0;opacity:0.8;padding:6px 1.5em 0;position:relative;text-align:left;text-shadow:1px 1px 1px #CFC;top:-64px;filter:alpha(opacity=80);}
	 
	 .headline {text-shadow:none;text-transform: uppercase; color: #3c3d3e; font-weight: bold;font-size: 13px}
	 .nextSlide {background:#FFF; color:#993300; cursor:pointer; font-size:18px; position:absolute; right:0; text-align:center; top:0; width:80px;}	 
	 #slides a {text-decoration: underline;}
	 #slides a:hover {text-decoration: none;text-shadow:none;}
/* end jFlow Styles */


/* Footer Styles
****************************************/
#footerLinks	{height: 100%; background: #E9E5E0;}
#footerLinks ul	{list-style: none; padding: 10px 0px 20px 0px; margin: 0px;	width: 100%; text-align: center;}	
#footerLinks li	{display: inline; padding-left: 5px;}
#footerLinks a {text-decoration: underline;	color: rgb(60,61,62); background: none;}	
#footerLinks a:hover {color: rgb(255,255,255); text-decoration: none; font-weight: normal; background-color: rgb(60,61,62);}


#credits		{height:30px;width:91px;}
#credits a 		{display: block; background: url(http://www.copper29design.com/assets/images/logos/bycopperbugv1.png) no-repeat; height: 27px;}
#credits a:hover	{background: url(http://www.copper29design.com/assets/images/logos/bycopperbugv1.png) 0px -27px no-repeat; height: 30px}