/* 
Name: Highfield Baptist   
*/

body {
	margin:0;
	padding:0;
	text-align:center;
	background:#989A67 url("./themes/site_themes/highfield/bg1.gif") repeat top left;
	font-family:"Lucida Grande", Arial, Verdana, Helvetica, Sans-serif;
	font-size:12px;
	color:#4F4F4F;
	}

#logoinside {
	background-image: url(./themes/site_themes/highfield/ins_header_full.jpg);
	height: 127px;
	margin:0;
}

#frontred {
	background-image: url("./themes/site_themes/highfield/red_background.jpg");
	height: 129px;

}
/* sidebar
==============================================================================*/
#sideBar {
	position: relative;
	float: left;
	margin: 15px 315px 0 0;
	width: 241px;
	background: #e7f4f4 url("./themes/site_themes/highfield/bg-sidebar.gif") center top repeat-y;
	}
	#sideBar #sideBarTop {
		display: block;
		margin-bottom: -15px;
		height: 10px;
		background: url("./themes/site_themes/highfield/bg-sidebar_top.gif") center top no-repeat;
		}
	#sideBar #sideBarBottom {
		display: block;
		margin-top: -15px;
		height: 10px;
		background: url("./themes/site_themes/highfield/bg-sidebar_bottom.gif") center top no-repeat;
		}

#sideBar p, #sideBar li {
	margin: 10px;
	font-family: 'lucida grande',tahoma,sans-serif;
	text-align: left;

	}
#sideBar h2 {
	margin-bottom: -10px;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
	text-align: left;
	}
	
.sideBarh2 {
	margin-bottom: -10px;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
	text-align: left;
	margin-left: 15px;
	}
#sideBar p {
	font-size: 1.1em;
	line-height: 1.8em;
	color: #777;
	text-align: left;
	}
#sideBar p.fineprint {
		font-size: 1.0em;
		line-height: 1.2em;
		color: #ccc;
		}
#sideBar ul,
#sideBar ol {
	margin: 10px;
	text-align: left;
	}
#sideBar li {
	color: #777;
	font-size: 1.0em;
	line-height: 1.4em;
	text-align: left;
	}
#sideBar ul li {
	margin: 5px 0;
	padding: 0 5px;
	list-style: none;
	background: url("./themes/site_themes/highfield/arrow-miniorange.gif") 0 .45em no-repeat;
	text-align: left;
	}
#sideBar a {
	color: #2388ff;
	font-weight: bold;
	}
#sideBar a:hover {
	text-decoration: underline;
	color: #333;
	background: #ffc;
	}
#sideBar .noStyle img {
	margin: 10px 0;
	}
	#sideBar .right img {
		position: relative;
		right: 10px;
		}
	#sideBar .left img {
		position: relative;
		left: 10px;
		}





/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
.inlineImage {
	text-align: center;
	font: normal 1.0em 'lucida grande',tahoma,sans-serif;
	color: #999;
	}
	.inlineImage img {
		padding: 3px;
		border: 1px solid #ccc;
		}
	.noStyle img {
		padding: 0;
		border: 0 none;
		}
.right {
	float: right;
	margin: 1.3em 0 0 2em;
	}
.left {
	float: left;
	margin: 1.3em 2em 0 0;
	}
.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}

/* content
==============================================================================*/
#content,
#ministryContent {
	float: left;
	margin-top: 15px;
	width: 490px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	}
#contentyouth {
	float: left;
	margin-top: 15px;
	width: 490px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	}
	#container .full {
		width: 440px;
		}
	#content {
		padding-bottom: 20px;

		}
#content h2 {
	clear: none;
	margin: 0;
	padding-bottom: 3px;
	font: normal 1.7em/1em 'lucida grande',tahoma,sans-serif;
	color: #6B191C;
	text-transform: none;
	border: 0 none;
	}
#contentyouth h2 {
	clear: none;
	margin: 0;
	padding-bottom: 3px;
	font: normal 1.7em/1em 'lucida grande',tahoma,sans-serif;
	color: #493067;
	text-transform: none;
	border: 0 none;
	}
#content h3 {
	margin: 0;
	font: bolder 1.2em 'lucida grande',tahoma,sans-serif;
	text-transform: uppercase;
	color: #555;
	text-align: left;
	}
#content h4 {
	margin: 0 0 -1em 0;
	font: bold 1.2em 'lucida grande',tahoma,sans-serif;
	color: #555;
	}
#content p, #contentyouth p,
#content li {
	margin: 1.3em 0;
	font: normal .9em/1.6em 'lucida grande', tahoma, sans-serif;
	color: #333333;
	text-align: justify;
	}
	#content p.utilityLink {
		padding: .5em .4em .5em 25px;
		font-size: 1em;
		background: #d7ffcc url(/images/icon-cog.gif) 4px 50% no-repeat;
		border: 1px solid #c3d4be;
		}
	#content p.notice {
		padding: .5em 1em .5em 35px;
		font-size: 1.1em;
		background: #ffc url(/images/icon-alert.gif) 10px 6px no-repeat;
		border: 1px solid #ccc;
		}
#content li {
	margin: .7em 0;
	}
#content ol,
#content ul {
	padding: 0 2.5em;
	}
#content blockquote {
	margin: 1.3em 0;
	padding: 0 1.5em;
	font: italic 1.1em/1.3em georgia,serif;
	color: #999;
	}
#content dl {
	font: normal 1.2em/1.6em 'lucida grande',tahoma,sans-serif;
	color: #777;
	}
	#content dt {
		margin: 1.5em 0 0;
		font-weight: bold;
		color: #ff9300;
		}
	#content dd {
		margin: 0 15px 1em 15px;
		font-size: .91em;
		}
#content a, #contentyouth a {
	color: #2388ff;
	font-weight: bold;
	}
#content a:hover, #contentyouth a:hover {
	color: #333;
	text-decoration: underline;
	background: #ffc;
	}
#content .details {
	font: normal 1.1em/1.4em 'lucida grande',tahoma,sans-serif;
	}
#content .finePrint {
	font-size: .9em;
	line-height: 1.6em;
	color: #999;
	}
#content .info {
	clear: both;
	padding: 5px 5px 5px 30px;
	background: #eee url(/images/icon-info.gif) 8px 50% no-repeat;
	border: 1px solid #ccc;	
	}
#content .info span {
	padding-right: 10px;
	}
#content .event h4 {
	margin-top: 3em;
	padding: 0 0 .4em 20px;
	text-align: right;
	font: normal 1.0em/1.6em 'lucida grande',tahoma,sans-serif;
	color: #ff9300;
	background: url(/images/icon-calendar_date.gif) 0 40% no-repeat;
	border-bottom: 1px solid #ccc;
	}
#content .event h4 span {
	float: left;
	font-size: 1.6em;
	color: #555;
	}


#blog {
float: left;
margin-right: 5px;
padding: 0 7px 7px 7px;
width: 450px;
color: #333;
text-align: left;
}

.entry {
margin-top: 5px;
padding: 0 10px 10px 10px;
border: 1px solid #ccc;
background: #F9F8F2;
color: #333;
}
#keywords {
	font: normal .9em/1.6em 'lucida grande', tahoma, sans-serif;
	color:#4F4F4F;
	margin: 1px 0px 0px;
	vertical-align: top;
	top: 1px;
}
#topsearchbar {
	font: normal .9em/1.6em 'lucida grande', tahoma, sans-serif;
	color:#4F4F4F;
	height: 24px;
	background-image: url("./themes/site_themes/highfield/ins_searchbar.jpg");
	font-size:small;
	color:#4F4F4F;
}

#topsearchbarlinks a{
	font: normal .9em/1.6em 'lucida grande', tahoma, sans-serif;
	color:#4F4F4F;
}
#topsearchbarlinks a:hover{
	font: normal .9em/1.6em 'lucida grande', tahoma, sans-serif;
	color:#4F4F4F;
	text-decoration: underline;
	background-color: #FFFFCC;
}

#subsidenav {
	background-image: url("./themes/site_themes/highfield/nav_bottom_green.jpg");
	background-repeat: repeat-y;
	background-position: right bottom;
	margin: 0px;
	width: 193px;
}
	
#red {
	background-image: url("./themes/site_themes/highfield/red_background.jpg");
	height: 335px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #252525;
	border-left-color: #252525;
}
#searchbar {
	background-image: url("./themes/site_themes/highfield/int_searchbar.jpg");
	height: 30px;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
}
	
	
#bg1 {
	position:relative;
	width:100%;
	height:100%;
	background:url("./themes/site_themes/highfield/bg2.gif") repeat top center fixed;
	}	

#wrap {
	margin:0 auto;
	text-align:left;
	width:776px;
	}
	
a {
	color:#162C75;
	text-decoration: none;
	}	
	
a:hover {
	text-decoration:none;
	}	
	
.description {
	display:none;
	}
	
.clear {
	clear:both;
	}	
	
h2 {
	font-size:120%;
	color:#4B0B17;
	}
	
	h1 {
	font-size:130%;
	color:#4B0B17;
	}
h3 {
	color:#42345F;
	}			

.float-left {
	float:left;
	padding:0 15px 10px 0;
	}
	
.float-right {
	float:right;
	padding:0 0 15px 10px;
	}	
	
/* header */
#header {
	width:776px;
	background:url("./themes/site_themes/highfield/header_bg.jpg") no-repeat top left;
	margin:0;
	}	
	
#contentarea {
	background:url("./themes/site_themes/highfield/ins_bgmain.jpg") repeat-y left top;
	}	
	
#contentareayouth {
	margin:0 0px;
	padding:0;
	background:url("./themes/site_themes/highfield/ins_bgyouth.jpg") repeat-y left top;
	}	
/* right column */
#rightcol {
	float:right;
	width:541px;
	margin:0;
	padding:0;
	}	
	
/* navigation */
#nav {
	width:541px;
	height:74px;
	background:url("./themes/site_themes/highfield/nav_bg.jpg") no-repeat top left;
	}	
	
#nav ul {
	padding:0;
	list-style:none;
	margin:0 35px;
	}	
	
#nav ul li {
	float:left;
	padding:6px 23px 5px 5px;
	}	
	
#nav ul li a {
	color:#fff;
	font-size:110%;
	text-decoration:none;
	}	
	
#nav ul li a:hover {
	text-decoration:underline;
	}
	
#nav ul.nav2 {
	margin-left:86px;
	}	

/* sub-navigation */
#subnav {
	display:inline;
	margin:0;
	}
	
#sidenav ul {
	list-style-type: none;
	font: normal 10px/23px 'Lucida Grande', verdana, Sans-Serif;
	background: transparent url("./themes/site_themes/highfield/nav_bg1.jpg") no-repeat 0px -30px;
	color: #000000;
	margin: 0 0 0 0px;
	padding: 5px 0 0px;
}
	
#subnav ul li {
	float:left;
	}	
	
#subnav ul li a {
	float:left;
	font-size:90%;
	text-decoration:none;
	color:#fff;
	padding:0 20px;
	margin:12px 0 0 0;
	}	
	
#subnav ul li a:hover {
	text-decoration:underline;
	}	
	
#subnav ul li.active a {
	background:url("./themes/site_themes/highfield/subnav_active.gif") no-repeat center left;
	}
		
/* main content */		
#contentbg {
	width:531px;
	background:url("./themes/site_themes/highfield/content_bg.gif") repeat-y top left;
	padding:18px 5px;
	}	
		
	
/* footer */
#footer {
	width:754px;
	height:76px;
	background:url("./themes/site_themes/highfield/footer_bg.jpg") no-repeat left top;
	margin:0 0 40px 11px;
	}	
#subsidenav {
	background-image: url("./themes/site_themes/highfield/nav_bottom_green.jpg");
	width: 193px!important;
	background-repeat: repeat-y;
	background-position: right bottom;
}
#sidenav {
	background: transparent url("./themes/site_themes/highfield/nav_bg1.jpg") repeat-y right top;
	width: 193px!important;
	margin: 0px 0 0;
	padding: 0px 0 0;
	float: left;
}

#sidenav ul {
	list-style-type: none;
	font: normal 10px/23px 'Lucida Grande', verdana, Sans-Serif;
	background: transparent url("./themes/site_themes/highfield/nav_bg1.jpg") no-repeat 0px -30px;
	color: #000000;
	margin: 0 0 0 0px;
	padding: 5px 0 15px 0;
}

#sidenav ul li, #sidenav ul li a:link {
	list-style-image: none;
	background-image: url("./themes/site_themes/highfield/nav_hover.jpg");
	height: 23px;
	margin: 0;
	text-indent: 12px;
	text-align: left;
}

#sidenav_inside {
	background: transparent url("./themes/site_themes/highfield/nav_bg1.jpg") repeat-y right bottom;
	padding: 0px 0;
	margin: 0px;
}

#sidenav li a,#sidenav li a:link {
	list-style-image: none;
	height: 23px;
	margin: 0;
	color: #000000;
	display: block;
	padding: 0;
	background-image: url("./themes/site_themes/highfield/nav_hover.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}

#sidenav li a:hover ,#sidenav ul li a:hover {
	background-image: url("./themes/site_themes/highfield/nav_hover_over.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}

#sidenav li a:active {
	color: #036;
}

#sidenav li a:visited {
	background: transparent url("./themes/site_themes/highfield/nav_hover.jpg") no-repeat right bottom;
	color: #111111;
}

#sidenav li a:hover {
	background: transparent url("./themes/site_themes/highfield/nav_hover_over.jpg") no-repeat right bottom;
	color: #660000;
}
/* These are for menu's inside left hand menus */
#subsubnav {
	background: transparent url("./themes/site_themes/highfield/nav_bg1.jpg") repeat-y right top;
	width: 193px;
	margin: 0px 0 0;
	padding: 0px 0 0;
	float: left;
}

#subsubnav ul {
	list-style-type: none;
	font: normal 10px/23px 'Lucida Grande', verdana, Sans-Serif;
	background: transparent url("./themes/site_themes/highfield/nav_bg1.jpg") no-repeat 0px -30px;
	color: #666666;
	margin: 0 0 0 0px;
	padding: 5px 0;
}

#subsubnav ul li {
	list-style-image: none;
	background: transparent url(/img/sec_hover.gif) bottom right no-repeat;
	height: 23px;
	margin: 0;
	text-indent: 20px;
	text-align: left;
}

#subsubnav li a,#subsubnav li a:link {
	list-style-image: none;
	height: 23px;
	margin: 0;
	color: #000000;
	display: block;
	padding: 0;
	background-image: url("./themes/site_themes/highfield/nav_subsubactive.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}

#subsubnav li a:active {
	color: #036;
}

#subsubnav li a:visited {
	background: transparent url("./themes/site_themes/highfield/nav_subsubactive.jpg") no-repeat right bottom;
	color: #111111;
}

#subsubnav li a:hover {
	background: transparent url("./themes/site_themes/highfield/nav_hover_over.jpg") no-repeat right bottom;
	color: #660000;
}
/* These are for green left hand menus */

#sidenavgreen {
	background: transparent url("./themes/site_themes/highfield/nav_bottom_green.jpg") repeat-y right top;
	width: 193px!important;
	margin: 0px 0 0;
	padding: 0px 0 0;
	float: left;
}

#sidenavgreen ul {
	list-style-type: none;
	font: normal 10px/23px 'Lucida Grande', verdana, Sans-Serif;
	background: transparent url("./themes/site_themes/highfield/nav_bottom_green.jpg") no-repeat 0px -30px;
	color: #000000;
	margin: 0 0 0 0px;
	padding: 5px 0 15px 0;
}

#sidenavgreen ul li {
	list-style-image: none;
	background: transparent url(/img/sec_hover.gif) bottom right no-repeat;
	height: 23px;
	margin: 0;
	text-indent: 12px;
	text-align: left;
}

#sidenavgreen li a,#sidenav li a:link {
	list-style-image: none;
	height: 23px;
	margin: 0;
	color: #000000;
	display: block;
	padding: 0;
	background-image: url("./themes/site_themes/highfield/navgreen_hover.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}

#sidenavgreen li a:active {
	color: #036;
}

#sidenavgreen li a:visited {
	background: transparent url("./themes/site_themes/highfield/navgreen_hover.jpg") no-repeat right bottom;
	color: #111111;
}

#sidenavgreen li a:hover {
	background: transparent url("./themes/site_themes/highfield/navgreen_hover_over.jpg") no-repeat right bottom;
	color: #660000;
}

#ul4 #nav4 a,
#ul5 #nav5 a,
#ul6 #nav6 a,
#ul7 #nav7 a,
#ul14 #nav14 a,
#ul8 #nav8 a,
#work #navall a {
	background: transparent url(/img/sec_active.gif) bottom right no-repeat;
	color: #3F7E86;
}

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #9DB7A7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #660000;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       "Lucida Grande", Arial, Verdana, Helvetica, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       "Lucida Grande", Arial, Verdana, Helvetica, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

#footerinfo a {
	font-size:9px;
	color:#330000;
	text-decoration: underline overline;
}
#footerinfo {
	font-family:"Lucida Grande", Arial, Verdana, Helvetica, Sans-serif;
	font-size:9px;
	color:#333333;
}

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
h6 {
	margin: 5px 0 0;
	height: 20px;
	width: 419px;
	cursor: pointer;
	font-size: 0.99em;
}

h6 a:link, h3 a:visited {
	background: #8fc80d url("./themes/site_themes/highfield/h6title.gif") no-repeat;
	color: #fff;
	padding: 4px 8px 0;
	display: block;
	height: 16px;
	width: 403px;
	text-decoration: none;
}
.searchbox {
	font-size: 10px;
}
.eventsmall {
	font-family:"Lucida Grande", Arial, Verdana, Helvetica, Sans-serif;
	font-size: 10px;
	color: #402C05;
}
.eventbottom {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #402C05;
}