* { margin: 0; padding: 0; }

html, body, * html #wrapper { height: 100%; }

#rightCol ul, ol, dl { position: relative;  } /* to fix IE disappearing bg bug */

body {
 background: #484D53 url(../images/bgPrintTop.jpg) top left no-repeat;
 font: 85%/1.3em Gill Sans, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
 text-align: center;
}

#container {	
 background: url(../images/bgPrintBottom.jpg) bottom right no-repeat;
}

#wrapper {
 position: relative;
 min-height: 100%;
 width: 830px;
 margin: 0 auto;
 text-align: left;
}

#footer {
 position: relative;
 margin-top: -30px;
 height: 22px;
 background: #000;
 text-align: center;
 padding: 8px 0 0 0;
}

#footer p {
 width: 760px;
 text-align: right;
 color: #979472;
 font-size: 10px;
 line-height: 14px;
 margin: 0 auto;
 padding-right: 22px;
}

#mast {
 height: 218px; padding: 0;
 position: relative;
}

#mast h1 {
 position: absolute;
 top: 13px;
 left: 31px;
}

#mast h1, #mast h1 a {
 width: 291px;
 height: 62px;
 background: transparent url(../images/TrinityLogo.gif) 0 0 no-repeat;
 text-indent: -9000px;
 margin-top: 75px;
 margin-left: 12px;
 display: block;
}

#content {
 padding-bottom: 45px;
 margin-top: -4px;
 background: url(../images/bgContent.gif) top left repeat-y;
}

#leftCol {
 width: 197px;
 float: left;
 position: relative;
 padding-left: 11px;
 z-index: 2;
}

#rightCol {
 width: 587px;
 padding-right: 28px;
 float: right;
 position: relative;
}

.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
 margin-bottom: -1px;
}

#highLight {
 background-color: #2F4148;
 float: right;
 margin-right: 0px;
 width: 587px;
 margin-bottom: 20px;
 padding-bottom: 0px;
}

.subLeft {
 float: left;
 width: 342px;
 padding: 18px 12px;
}

#rightCol ul, ol, dl {
	position: relative;
	overflow: auto;
} /* to fix IE disappearing bg bug */

#redFoot {
 height: 10px;
 clear: both;
}

#leftFoot {
 height: 30px;
}

#sideMenu {
 background-color: #E9D8B8;
 margin-bottom: 25px;
 margin-left: 8px;
}

#sideMenu p {
 color: #000;
 padding-left: 15px;
 line-height: 14px;
}

#sideMenu h4 {
 color: #000;
 padding-left: 15px;
 line-height: 14px;
}

#dodad { 
 height: 182px;
 background: url(../images/bgPrintSide.jpg) 70px 0 no-repeat;
}

#highLight .subLeft p {
 padding-left: 8px;
 color: #fff;
 line-height: 18px;
}

#highLight .subRight p { 
 margin: 18px 0 0 0;
}

#highLight .subRight a {
 color: #fff;
 text-decoration: none;
}

.subRight ul li {
	margin-left: 0;
	padding-left: 0;
}

#highLight .subRight a:hover { color: #E7DC7E; text-decoration: underline; }

.homeTitle {
 font-size: 17px;
 color: #fff;
 text-transform: uppercase;
 padding-bottom: 3px;
}

#spacing {
	height: 20px;
}

#mainContent {
	margin: 15px;
}

#mainContent .subRight p {
 padding-left: 5px;
}

#mainContent p {
 margin-top: 0.6em;
 color: #333333;
 font: 100%/1.3em Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

#mainContent ul li {
	padding: 3px 0 3px 5px;
	margin: 5px 0 5px 15px;
	border-left: 1px solid #E9D8B8;
	background: url(../images/fade.gif) 0 0 repeat-y;
}
#copy { padding: 22px 34px 22px 22px; }

#copy p { margin: 10px 0; }

#copy p, #copy li { line-height: 17px; }

#rightCol ul { list-style: none; }

#rightCol li {
 padding-left: 22px;
 margin-top: 2px;
}

hr {
 margin: 15px 0 5px 0;
 color: #CEC495;
 background-color: #CEC495;
 height: 1px;
 border: 0;
}

.hide { display: none; }

/* =links
------------------------------------------------------------------------ */

a { color: #A68F63; outline: none; border: 0; text-decoration: underline; }

a:hover { text-decoration: none; color: #49636D; border: 0; }

/* =headers
------------------------------------------------------------------------ */

h1, h2, h3, h4, h5, .dateList dt { font-family: Gill Sans, Georgia, "Times New Roman", Times, serif; }

#copy h1 {
 font-size: 24px;
 color: #AD2F0C;
 font-weight: normal;
}

#highLight h1 {
 margin-left: 15px;
 font: 24px Gill Sans, Georgia, "Times New Roman", Times, serif;
 text-transform: uppercase;
 letter-spacing: 2px;
 color: #fff;
}

#mainContent h2 { 
 font: 18px Gill Sans, Georgia, "Times New Roman", Times, serif;
 text-transform: uppercase;
 letter-spacing: 2px;
 color: #2A3D43;
 margin-top: 20px;
}

h3 {
 font: 16px Gill Sans, Georgia, "Times New Roman", Times, serif;
 color: #AD2F0C;
 margin-top: 20px;
}

h4 {
 font-size: 16px;
 font-weight: normal;
 margin-top: 20px;
}

#sideMenu h4 { color: #806C46; padding: 0 0 4px 15px; width: 90%; }

#highLight h4 { color: #E7DC7E; padding: 0 20px 0 0; }

#mainContent h4 { font: 16px Gill Sans, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #3D8298; font-size: 14px; margin: 4px 0; }

h5 {
 font-size: 12px;
 color: #E7DC7E;
 font-weight: normal;
 padding: 10px 0 4px 8px;
}

/* =nav 
------------------------------------------------------------------------ */

#nav { 
 width: 183px;
 list-style: none;
 padding-left: 6px;
 margin-bottom: 30px;
 background-color: #E9D8B8;
}

#nav li {
 padding-bottom: 1px;
}

#nav li a {
 display: block;
 height: 1%; /* fixes IE */
 text-decoration: none;
 padding: 6px 0px 6px 10px;
 color: #2F4148;
 text-transform: uppercase;
}

html>#nav li a {
 height: 31px;
}

#nav li a:hover,  #nav li.over, #nav li:hover a, #nav li.over a { background-color: #fff; color: #153E55; }

#nav li ul {
 display: none;
 top: 1px;
 left: 0;
 border-top: 3px solid #fff;
 border-left: 3px solid #fff;
 list-style: none;
}

#nav li>ul { top: auto; left: auto; }

#nav li li { background: #E5DEB4 none; border: 0; padding: 0; }

#nav li li a, #nav li:hover li a, #nav li.over li a { 
 padding: 6px;
 background-color: #D7C39D;
 font-size: 11px;
 border-top: 0; 
 border-right: 3px solid #fff; 
 border-bottom: 3px solid #fff; 
 width: 140px;
 text-transform: uppercase; 
 color: #2F4148; 
}

#nav li li a:hover { background: none #E9D8B8; color: #B73D13; }

#nav li:hover ul, #nav li.over ul { 
 display: block; 
 left: 80px;
 z-index: 999;
 position: absolute;
}

/* massive workaround due to IE relative positioning and z-index bugs */

li#navAbout:hover ul, li#navAbout.over ul { top: 60px; } 
html>body li#navAbout:hover ul, html>body li#navAbout.over ul { top: auto; } 

li#navCommunity:hover ul, li#navCommunity.over ul { top: 120px; }
html>body li#navCommunity:hover ul, html>body li#navCommunity.over ul { top: auto; }

li#navMinistries:hover ul, li#navMinistries.over ul { top: 210px; }
html>body li#navMinistries:hover ul, html>body li#navMinistries.over ul { top: auto; }

li#navInfo:hover ul, li#navInfo.over ul { top: 240px; }
html>body li#navInfo:hover ul, html>body li#navInfo.over ul { top: auto; }