@charset "utf-8";
/* CSS Document */

body {
  background-image: url('http://www.theurbanrefuge.com/images/background-image.jpg');
  background-repeat: repeat-y;
  background-attachment: relative;
  background-position: -335px;
  background-color: #978874;      
  margin-left:auto;
  margin-right:auto;
  font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
  color: #333333;
  font-size: 13px;
  line-height: 20px;
  margin-top: 0px;
  margin-bottom: 15px;
}

/* Top (index) page - Main Body container */
#BodyContainer {
	position: absolute;
	width:1025px;
	height:1155px;
	margin-left:53px;
	z-index:1;
	top: 0px;
	background-image: url('http://www.theurbanrefuge.com/images/main_bg5.jpg');
}

/* Top of page - contains service times, etc. */
#apInfoBox {
  position:absolute;
  width:1024px;
  height:23px;
  z-index:1;
  left: 0px;
  top: 7px;
}

/* Top of page - contains church logo */
#apLogoBox {
	position:absolute;
	width:125px;
	height:63px;
	z-index:2;
	left: 70px;
	top: 37px;
	visibility: visible;
}

/* Main drop-down menu positioning on subpages */
#apMainMenu {
	position:absolute;
	width:850px;
	height:20px;
	z-index:999;
	left: 230px;
	top: 93px;
}

/* Search box to allow visitors to search entire site */
#apSearchBox {
  position:absolute;
  width: 400px;
  height:  50px;
  z-index: 3;
  left: 810px;
  top:  1px;
  border: 1px;
}

#apCancellations {
  position:absolute;
  width:175px;
  height:57px;
  z-index:5;
  left:700px;
  top:50px;
  border:0px;
}

/* Rollover buttons for new visitor, KAH and podcast */
#apRolloverButtons {
	position:absolute;
	width:283px;
	height:65px;
	z-index:3;
	left: 110px;
	top: 422px;
	border:none;
}

/* Box to house Flash slides  517w x 196h  */
#apFlashBox {
	position:absolute;
	width:517px;
	height:196px;
	z-index:4;
	left: 415px;
	top: 420px;
}

#apDiv1 {
	position:absolute;
	width:341px;
	height:45px;
	z-index:1;
	left: 138px;
	top: 469px;
}

/* Holds blank image for Ministry link */
#apDiv2 {
	position:absolute;
	width:200px;
	height:44px;
	z-index:1;
	left: 605px;
	top: 460px;
}

#apEmailList {
	position:absolute;
	width:200px;
	height:290px;
	max-height:290px;
	overflow:auto;
	z-index:2;
	left: 115px;
	top: 620px;
}

#apEmailList p {
	font-size: 12px;
	}

#apNews1 {
	position:absolute;
	width:270px;
	height:290px;
	max-height:290px;
	overflow:hidden;
	z-index:2;
	left: 350px;
	top: 620px;
}

#apNews1 p {
	font-size: 12px;
	}

#apCalendar {
	position:absolute;
	width:280px;
	height:270px;
	max-height:270px;
	overflow:hidden;
	z-index:2;
	left: 640px;
	top: 620px;
}

#apFooter {
	position:absolute;
	left: 53px;
	background-image: url('http://www.theurbanrefuge.com/images/subpage-footer.jpg');
  	background-repeat: no-repeat;
	background-color: #362c23;
	margin-top: -25px;
	padding-top: 50px;
	padding-right: 30px;
	padding-left: 70px;
	width:924px;
	height:425px;
	max-height:425px;
	z-index:2;
	}

#apFooter1 {
       float: left;
       height: 390px;
       width: 135px;
       color: #FFF;
       font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
       margin-bottom: 0;
}
#apFooter1 a:link {
       color: #FFF;
       text-decoration: none;
       font-size: 10px;
       margin-bottom: 0;
}
#apFooter1 a:visited {
       color: #FFF;
       text-decoration: none;
       font-size: 10px;
       margin-bottom: 0;
}
#apFooter1 a:hover {
       color: #d08d2e;
       text-decoration: none;
       font-size: 10px;
       margin-bottom: 0;
}
#apFooter1 a:active {
       color: #d08d2e;
       text-decoration: none;
       font-size: 10px;
       margin-bottom: 0;
}
#apFooter1 p {
        color: #FFF;
	font-size: 10px;
	line-height: 10px;
       margin-bottom: 0;
}

#apFooter1 h2 {
               font-family: Georgia, Times, “Times New Roman”, serif;
               color: #958363;
               font-size: 16px;
               text-transform: lowercase;
               font-weight: bold;
               margin-top: 0;
               margin-bottom: 0;
}

#apFooter2 {
       float: right;
       height: 350px;
       width: 380px;
       color: #FFF;
       font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
       margin-bottom: 0;
}
#apFooter2 a:link {
       color: #fff;
       text-decoration: none;
       font-size: 10px;
       margin-bottom: 0;
       border-bottom: #fff 1px dotted;
}
#apFooter2 a:visited {
       color: #fff;
       text-decoration: none;
       font-size: 10px;
       margin-bottom: 0;
       border-bottom: #fff 1px dotted;
}
#apFooter2 a:hover {
       color: #d08d2e;
       text-decoration: none;
       font-size: 10px;
       margin-bottom: 0;
      border-bottom: #d08d2e 1px dotted;
}
#apFooter2 a:active {
       color: #d08d2e;
       text-decoration: none;
       font-size: 10px;
       margin-bottom: 0;
             border-bottom: #d08d2e 1px dotted;
}
#apFooter2 p {
        color: #FFF;
	font-size: 10px;
	line-height: 15px;
       margin-bottom: 0;
}

#apFooter2 h2 {
               font-family: Georgia, Times, “Times New Roman”, serif;
               color: #958363;
               font-size: 16px;
               text-transform: lowercase;
               font-weight: bold;
               margin-top: 0;
               margin-bottom: 0;
}

#apFooter2 img {
      margin-bottom: 40px;
}

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

/* Subpage1 - Main Body container */
#BodyContainer_Sub1 {
	position: relative;
	width:1024px;
        min-height: 1155px;
        margin-left:53px;
	margin-right:auto;
	z-index:1;
	top: 0px;
	background-image: url('http://www.theurbanrefuge.com/images/subpage-bg7.jpg');
        background-repeat: no-repeat;
        overflow: hidden;
        background-color: #f7f7f7;
}
/* Subpage1 - single column main content */
#apSubpage1_content {
	clear: both;
        float: left;
        height: 100%;
	margin-left: 150px;
        margin-right: 150px;
	margin-top: 150px;
        margin-bottom: 50px;
        padding-bottom: 10px;
}

img {
                border: none;
}

ul {
              	font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	line-height: 20px;
}

ol {
        font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	line-height: 20px;
}

a:link {
	text-decoration: none;
	color: #925805;
}

a:visited {
	text-decoration: none;
	color: #925805;
}

a:hover {
	text-decoration: none;
	color: #d08d2e;
}

a:active {
	text-decoration: none;
	color: #d08d2e;
}

#apPodcasterBox {
	position:absolute;
	width:100px;
	height:250px;
	z-index:5;
	left: 20px;
	top: 280px;
        font-family: Tahoma, Geneva, sans-serif;
}

#apSendToFriend {
	position:absolute;
	width:100px;
	height:25px;
	z-index:5;
	left: 20px;
	top: 200px;
                font-family: Tahoma, Geneva, sans-serif;
                font-size: x-small;
}
#apSendToFriend a:link {
  text-decoration: none;
}
#apSendToFriend a:visited {
  text-decoration: none;
}

#apMediaInstruct {
	position:absolute;
	width:150px;
	height:250px;
	margin-left: 5px;
	z-index:5;
	left: 750px;
	top: 780px;
        font-family: Tahoma, Geneva, sans-serif;
}

/* Forms Subpage - single column main content */
#apSubpage_eforms {
  clear: both;
  float: left;
  height: 100%;
  width: 600px;
  margin-left: 150px;
  margin-right: 150px;
  margin-top: 250px;
  margin-bottom: 50px;
  padding-bottom: 10px;
}