/* @override http://www.holy-trinity.com/_css/styles.css */

* {
   margin: 0;
   padding: 0;
}

body{
    background: #630008;   
    color: #333;
	font: 11px/143% Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

hr{
   display: none;
}

p, pre, blockquote, address{ 
	margin: .7em 0;
	padding: 0; 
	line-height:163%;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

a{
   overflow: hidden;
	color: #cc3333;
}

a:hover {
	color: #936113;	
}

a.greenlink {
	color: #339933;	
}

h1, h2, h3 {
	text-transform: uppercase;
}

a img, :link img, :visited img {border: 0;}


/* =Header
---------------------------------------------------------------------
*/

#container{
   width: 730px;
   margin: 0 auto;
   padding: 0;
   background: #fff;
   border-left: 8px solid #7b0002;
   border-right: 8px solid #7b0002;
}

#container-inner {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#header-container {
	width: 100%;
    padding: 10px 0 0 0;
    margin: 0;
	background: url(/_img/head-bg.gif) repeat;
}

#header {
	width: 746px;
	margin: 0 auto;
	padding: 0;
}

#header h1 {
	margin: 4px 20px;
	padding: 0;
}

#header h1 a {
	display: block;
   width: 218px;
   height:43px;
   margin:5px 0px;
   padding: 0 20px;
   background: url(/_img/logo.gif) no-repeat;
   text-indent: -9999px;
}

#masthead {
	width: 730px;
	height: 39px;
	border-top: 8px solid #c6b426;
	border-left: 8px solid #c6b426;
	border-right: 8px solid #c6b426;
	background: url(/_img/masthead.gif) no-repeat;
}

#masthead2 {
	float: left;
	margin: 0;padding: 0;
}

#searchbox {
float: right;
	position: absolute;
	margin: -30px 0 0 570px;
	padding: 0;
}

/* =Navigation
---------------------------------------------------------------------
*/

ul#nav{
	width:728px;
	margin:0;
	padding:0;
	float:left;
	background:#d3b167;
	font-family: "arial narrow", Geneva, "MS Sans Serif", sans-serif;	text-transform: uppercase;
	font-size: 1em;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: relative;
	z-index: 2;
}

ul#nav li {
	display: inline;
	float:left;
	background: url(/_img/nav-bullet.gif);
	list-style-type: none;
	position:relative;
	margin:0 auto;padding:0;
}

ul#nav a { 
	display: block;
	padding: 4px 7px;			
	text-decoration: none;
	float: left;
	margin: 0 auto;
	color: #cc3333;
	border-right: 1px solid #fff;
	background: url(/_img/nav-bullet.gif);
}

ul#nav a:link, #nav a:visited {
	text-decoration: none;
}

ul#nav li.current a {
	color: #fff;
	text-decoration: none;
	background: url(/_img/nav-bullet-hover.gif);

}

ul#nav a:hover {
	color: #fff;
	text-decoration: none;
	background: url(/_img/nav-bullet-hover.gif);
}

ul#nav li ul { /* second-level lists */
	position: absolute;
	font-family: Geneva, "MS Sans Serif", sans-serif;
	font-size: .9em;
	background: #cc3333;
	top:0px;
	width: 155px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	list-style:none;
	z-index:1000;
	padding:0;margin:0;
}

ul#nav li ul li{
float:none;
background:transparent;
margin: 0;padding: 0;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
left: 0;top:24px;
margin:0; padding:0;
display:block;
}

ul#nav li ul li a{
	background:#cc3333; 
	width:155px; 
	height:1em;
	padding:7px 0; 
	color:#d3b167; 
	font-weight:normal;
	text-indent:5px;
	z-index:1000;
}

ul#nav li ul li a:hover{
	color: #fff;
	background: #cc3333;
}



/* =Container-Inner
---------------------------------------------------------------------
*/

#image-rotation {
	width: 350px;
	float: left;
	margin: 0;padding: 0;
	position: relative;
	z-index: 1;
}

#image-rotation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#welcome {
	width: 357px;
	max-height: 190px;
	padding: 10px 10px 5px 10px;
	background: url(/_img/welcome_bg.gif) repeat;
	float: left;
	border-left: 1px solid #fff;
}


/* =Content
---------------------------------------------------------------------
*/

#content{
 	clear: both;
	background: url(/_img/content-bg.gif) repeat-x;
	padding: 30px 0 20px 0  ;
	line-height: 1.5;
	color: #333;
}

#content:after {
	content: "."; display: block;height: 0; clear: both; visibility: hidden;
}


#content h3{
   color: #936113;
}

#content h4{
   font-size: 1.2em;
   color: #000;
}

#content h5{
   font-size: 1.2em;
}

#content h6{
   font-size: 1.8em;
}

#left-column {
	float: left;
	width: 318px;
	margin: 25px 0;
	padding: 0 17px;
}

#links {
	width: 100%;float: left;
	margin: 0 0 10px 0;
	padding: 0 0 20px 0 ;
	border-bottom: 1px solid #ccc;
}

#links ul.quicklinks {
	float: left;
	width: 155px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.quicklinks li {
	background: url(/_img/bullet.gif) no-repeat center left ;
	padding: 0 0 0 20px;
	margin: 0;
}

#quicklinks-images {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

#left-column #quicklinks-images ul {
	list-style: none;
	float: left;
	margin: 0;padding: 0;
}

#quicklinks-images img {
	padding: 4px;
	margin: 0;
	background: #ccc;	
	border: none;
}

#quicklinks-images ul li {
	width: 85px;
	display: inline;	
	margin: 0 16px 0 0;
		padding: 0;
	text-align: center;
}

#quicklinks-images ul li a {
	float: left;
}

#quicklinks-images ul li a:link, #quicklinks-images ul li a:hover, #quicklinks-images ul li a:visited {
	margin: 15px 10px 0 0 ;
	padding: 0;
	text-align: center;
	text-decoration: none;
}


#home-feature {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 20px 0 ;
	border-bottom: 1px solid #ccc;
}

#home-feature p {
	padding: 0;
	margin: 0;
}

#home-feature img {
	padding: 0;
	margin: 0;
	border: 0;
	float: none;
	max-width: 300px;
}

#right-column {
	float: left;
	width: 341px;
	margin: 25px 0;padding: 0 17px;
	border-left: 1px solid #ccc;

}

#right-column ul {
	list-style: none;
	margin: 5px 0 ;padding: 0;
}

#right-column ul li {
	margin: 0px 0 10px 0 ;
	padding: 0;
}

#right-column p {
	margin: 0;
	padding: 0;
}

#right-column h2 {
	color: #936113;
	font-size: 1.6em;
}

#headlines {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

.redtext {
	font-weight: bold;
	color:#cc3333 ;
}

#events {
	float: left;
	width: 100%;
	margin: 10px 0 ;
	padding: 0;
}

#right-column ul li a.datetitle {
	text-decoration: none;
	font-weight: bold;
}

a.eventtitle {
	font-weight: bold;
	text-decoration: none;
}

a.eventtime {
	text-decoration: underline;
}

span.linktitle {
	color:#cc3333 ;
}


/* =Page Specific Formatting
---------------------------------------------------------------------
*/

#secondary-content {
	float: left;
}

#gray-spacer {
	clear: both;
	height: 23px;
	background: #ccc;
}

#section-heading {
	padding: 5px 10px;
	background: #ffdcaa;
	color: #925d50;
}

ul#parent-heading li  {
	list-style: none;
	color: #936113;
}

ul#parent-heading li a {	
	color: #936113;
}

#page-left {
	width: 195px;
	float: left;
}

ul#second-nav {
	float: left;
	list-style: none;
	margin: 0 0 20px 0;
}


ul#second-nav li a:link, ul#second-nav li a:visited {
	background: url(/_img/arrow.gif) no-repeat center left #ffedd3;
	margin: 0;
	float: left;
	width: 170px;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	display: inherit;
}

ul#second-nav li ul li a:link, ul#second-nav li ul li a:visited  {
	width: 150px;
	margin: 0;
	padding: 5px 5px 5px 40px;
	list-style: none;
	background: #ffedd3 ;
	border-bottom: 1px solid #fff;
}

ul#second-nav li.current a {
	text-decoration: none;
	background: #f7f7f7;

}

#left-events {
	padding: 10px;
}

#left-events ul {
	list-style: none;
}

#left-events ul li {
	padding: 5px 0 5px 0;
	margin: 0;
}

#left-events h6 {
	font-size: 1em;
	margin: 0;padding: 0;
}

#left-events p {
	margin: 0;padding: 0;
}


#sub-header {
	float: left;
	width: 532px;
	height: 50px;
	background: url(/_img/sub-header.gif) no-repeat;
		border-left: 1px solid #d6cea6;
}

#page-content {
	float: left;	
	width: 460px;
	padding: 30px;
	margin: 0;
	border-left: 1px solid #d6cea6;
}

#page-content img {
	padding: 4px 0 4px 4px;
	margin: 10px 0 10px 10px;
}

ul#article-archive {
	list-style: none;
	margin: 0;padding: 0;
}

ul#article-archive li {
	margin: 10px 0 ;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #ccc;
}

ul#article-archive h5 {
	font-size: 1.2em;
} 

/* =Sermons
---------------------------------------------------------------------
*/

.sermonblock {
width: 100%;
float: left;
background: #ffedd3;
padding: 10px;
margin: 10px 0 ;
}

.sermoninfo {
	float: left;	
	width: 300px;
}

.sermonmeta {
	width: 300px;
	float: left;	
}

ul.mediabox {
	float: right;
	list-style: none;
}

ul.mediabox li a:link{
	background: url(/_img/bg_mediabox_li.png) no-repeat;
   display: block;
   width: 115px;
   text-align: center;
   padding: 6px 0px;
   height: 17px;
   margin: 0;
}

#sermon-filtering {
	padding: 10px;
}

#sermon-filtering h4 {
	font-size: 1.2em;

}

#sermon-filtering ul {
	list-style: disc;
	margin: 0 20px;
}

#sermon-filtering ul li {
	margin: 0;padding: 0;
}

#byline {
	margin: 10px 20px;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   margin: 20px;
   padding: 20px;
   border-top: 1px solid #ccc;
   color: #666;
}

#footer p{
   text-align: center;
   line-height: 200%;
}

#footer a {
	color: #666;
}

/* CALEDAR FORMATTING .................... */

#calendar {
	margin: 15px 0px;padding: 0px;
}

#calendar table {
	padding: 0px 0px ;
	margin: 0;
}

#calendar span.calendar-next {
font-size: 1.5em;
}

#calendar caption.calendar-month {
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 0px 0 10px 0px ;
	margin:  0 0 10px 2px;
}

#calendar td.linked-day {
	padding: 7px;
	margin: 10px;
	line-height: 100%;
	background: #e0e0e0;
}

#calendar th, .calendar td {
	background: #e0e0e0;
	padding: 10px;
	margin: 0;
	width: 55px;
	
}

#calendar td.linked-day a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

#calendar td.linked-day.current {
	background: #666;
}

#calendar td.linked-day a:hover {
	text-decoration: underline;
}

#calendar td.linked-day ul {
	list-style: none;
	display: block;
	font-size: .8em;
	padding: 5px 0 ;margin: 0;
}

#calendar td.linked-day ul li  {
	margin: 7px 0;
	padding: 0;
}

#calendar td.linked-day ul li a {
	padding: 5px 0;
	margin: 0px;
	font-weight: normal;
}

/* Fix the .gallery-list to be like .gallery-thumbnail */

#galleries .gallery-list {
   float: left;
   width: 444px;
   margin-bottom: 15px;
}

#galleries .gallery-list h4{
   margin-bottom: 5px;
}

#galleries .gallery-thumbnail {
display:inline;
float:left;
margin:0 10px 10px 0;
overflow:hidden;
text-align:center;
width:136px;
}

#galleries .gallery-thumbnail a{
display:block;
padding:0;
width:130px;
}

#galleries .gallery-thumbnail a:hover {
border-color:#a8a8a8;
}

#galleries .gallery-thumbnail a img{
border:medium none;
margin:0;
padding:0;
}