/*

CSS FOR GRACE FAMILY CHURCH, TREVETHIN

#b1b1b1 : Box borders and <hr /> tags
#f4f4f4 : Box background-color

*/

/* PAGE */
html 
{
		/* background: url(/gfc/i/logo/gfc_logo_004.jpg) no-repeat 10px right; */	/* LOGO */	
}
body 
{
	z-index:          0;
	margin:           0;
	padding:          0;
	background-color: #fff;
	color:            #000;
	font-family:      verdana, Helvetica, tahoma, Arial, sans-serif;
	background:       url(../i/logo/hcc_logo_w500px_faded.gif) no-repeat center 160px;

	/* BACKGROUND FOR THE HEADER (randomized in /js/all.js) */
/*	background: url(../i/bg/hdr_hcc_1700x134.jpg) repeat-x center 0;  */
/*	background: url(../i/bg/hcc_hdr_20071214.jpg) repeat-x center 0;  */
}
p.pb 
{
		page-break-before:	always;
		font-size:		1em;             /* FF error console 29-Feb-2008 */
		margin:			0;
		padding:		0;
		border:			1px #f00 dotted;
}
/* <p class="pb">&nbsp;</p> */


html, body, div#page_container {
	min-height: 100%;
	width:      100%;
	height:     100%;
}
div#page_container {
	border:     0px #f00 dotted;
	min-width:  1000px;   /* 710px;   697px; */
	max-width:  1400px;
}
html>body, html>body div#page_container {
	height: auto;
}
div#page_container {
	position: absolute;
	top:      0;
	left:     0;
} 

/* LINKS */
a:link, a:visited {
	text-decoration:  none;
	color:            #00f; /* #2A4F6F; */
	background-color: transparent;
}
a:hover {
	text-decoration:  none;
	color:            #fff;  
	background-color: #b1b1b1;
}
/* LINKS - MENU */
/*
a.menu:link, a.menu:visited {
	text-decoration:  none;
	color:            #00f;
	background-color: transparent;
}
a.menu:hover {
	color: #fff; 
}
*/

/* SPAN */
span.span_bold
{
	font-weight:	bold;
}



/* HEADER */
div#header 
{
	border-top:    0px solid #789;
	border-bottom: 0px dotted #b2bcc6;
	/* height: 108px; */
	height: 134px;
}

/* min-width:100%; width:expression(document.body.clientWidth < 600? "600px": "auto" );  */
div#hdr_container { border:    0px #00f dotted; 
                    width:     100%; 
					text-align: center;
}
div#hdr_box_1 { border: 0px #f00 dotted;  float: left; margin-left: 1em; }
div#hdr_box_2 { border: 0px #f00 dotted;  float: left; padding-left: 1em; }
div#hdr_box_3 { border: 0px #f00 dotted;  float: right; margin-right: 1.2em; }
div#hdr_box_2 {	font: 2em verdana, Georgia, "Times New Roman", Times, serif; color: #69c; }

span#T
{
	color:     #fff; /* #b1b1b1 */
}
div#hdr_bg
{
	position:         absolute;
	/* border:           0px #f00 solid; */
	height:           135px;
	width:            100%;
	z-index:          -1;
	top: -1px;
	/* background-image: url(../i/bg/bg_grey_grad_5c_b1_h135.jpg); */
	background-image: url(../i/bg/bg_grey_grad_5c_fff_h135.jpg);
}

/* TOP OF COLUMNS 1,2  AND 3 */
div#col_1, 
div#col_3 { top:    165px; }                        /*  top:    9em;  BEFORE 21-AUG-2008 */
div#col_2 { margin: 0.3em 16em 3em 14em; }

/* COLUMN ONE - NAVIGATION */
div#col_1 {
	position: absolute;
	left:     0.5em;
	width:    12.5em;
}

/* COLUMN ONE - BOXES */
div.nav_title_bar, div.top_one { 
	margin-top: 0;
}
div.nav_title_bar { 
	margin-top: 0.5em;
}
div.nav_title_bar h2 { 
	color:   #fff;
	border:  0px #00f dotted;
	padding: 0.1em;
	font-family: verdana, "Bookman Old Style", garamond, tahoma, arial, batang;  /* verdana */
	font-size: 1em;
/*	margin: 0.2em; */
}
div.nav_title_bar { 
	background:       url(/i/top_center.png) repeat-x 100% 0;
    background-color: #4686ca;                       
	text-align:       center;
	/* vertical-align:   middle;   THIS IS NOT WORKING !! */
	/* height:      15px; */
}

div.tl { 
	position:    relative; 	 
	background:  url(/i/top_left.png) no-repeat 100% 0;
	float:       left;
	width:       10px;
	height:      15px; }
div.tr {
	position:    relative;
	background:  url(/i/top_right.png) no-repeat 100% 0;
	float:       right;
	width:       10px;
	height:      15px;
}
html>body div.nav_title_bar, div.tl, div.tr { min-height: 24px; } /* DO NOT CHANGE THIS TO em, KEEP AS px */
div.nav_links_box   { 
          font-size:        0.8em;
          border-width:     0 1px 1px 1px;  
          border:           1px #b1b1b1 solid;
		  border-top:       0; 
		  /* padding:          0.7em;  */
		  background-color: #f4f4f4; 
		  /*
		  -moz-border-radius-bottomleft:      15px;
		  -moz-border-radius-bottomright:     15px;		  
		  -webkit-border-bottom-left-radius:  15px;	  
		  -webkit-border-bottom-right-radius: 15px;
		  */
		  /*
		  -moz-border-radius-topleft: 15px;
		  -moz-border-radius-topright: 15px;		  
		  -webkit-border-top-left-radius: 15px;	  
		  -webkit-border-top-right-radius: 15px;
		  */
		  
}
div.nav_links_box p 
{ 
	margin:         0; 
	padding-top:    7px; 
	padding-bottom: 10px; 
	padding-left:   9px; 
	padding-right:  7px; 
	border-width:   1px 1px 1px 1px; 
	border:         0px #f00 dotted; 
	text-align:     left;
}
div.nav_links_box p.this_is_trevethin 
{ 
	margin: 0; 
	padding-top: 7px; 
	padding-bottom: 10px; 
	padding-left:   0; 
	padding-right:  0; 
	border: 0px #f00 dotted; 
	text-align: center;
}


/* COLUMN ONE - THIS IS TREVETHIN - IMAGE */
img.img_this_is_trevethin
{
	margin-top: 1em; 
	width:      175px; 
	/* border:     1px #5c5c5c solid; */
	border:     1px #a6a6a6 solid;
}

/* COLUMN TWO - CONTENT */
html>body { min-width: 3em; }
div#col_2 p,
div#col_23 p {
	font-size:    0.8em;
	line-height:  1.6em; 
}

span.item_title {
	font-weight: bold;
}

/* COLUMNS TWO AND THREE - CONTENT */
div#col_23,
div#col_23_bbcnews {
	margin:    0.5em 0.5em 3em 14em;
	border:    0px dotted #f00;
}
div#col_23_bbcnews p {
	font-size: 0.8em;
}

/* COLUMN THREE - SPONSORS */
div#col_3 {
	position: absolute;
	/* top:      6.8em; */   /* css for top moved to next to div#col_1 */
	width:    14.5em;
	right:    0.5em;
	z-index:          01;
}
div#col_3 .adbox, #adbox_hdr, div.belief_box
{
	margin:           0 0 10px 0;
	border:           1px solid #b1b1b1;
	padding:          2px 4px 2px 6px;
	background-color: #f4f4f4;
}
/* ~~~~~~~~~~~~~~~~~~~ MESSAGES COLUMN 3 ~~~ START */

table#tbl_messages
{
	border: #000 dotted 0px;
	margin: 0 auto;
	width: 700px;
}
table#tbl_messages td
{
	vertical-align: top;
}

.adbox_messages,
.adbox_messages_title
{
	border:           1px solid #b1b1b1;
	background-color: #f4f4f4;
	font-size:        0.8em;
	margin-bottom:    4px;
	padding:          4px;
	height:           32px;
}
.adbox_messages_title /* PREVIOUS MESSAGES */
{
	height:           16px;
	border:           2px solid #b1b1b1;
}
/* 13-Dec-2008. Accordion hover. */
/*
.adbox_messages_title:hover   
{ 
	cursor:			hand;
	cursor:			pointer;
	border:			2px #f00 solid;
}
*/
.adbox_messages img
{
	 height:       32px; 
	 border:       0px #00f dotted;
}
.adbox_messages div.msg_title_date
{
	float:  left; 
	border: 0px #f00 solid; 
}
.adbox_messages div.msg_title_img_div
{
	float:      left; 
	border:     0px #f00 solid;
	width:      70px;      /* Width of col that has img */
	text-align: center;
	margin-right: 10px;    /* Distance between img-right and text-left */
}
/* ~~~~~~~~~~~~~~~~~~~ MESSAGES COLUMN 3 ~~~~~ END */
div.adbox_findus
{
	margin:           0 0 10px 1em;
	border:           1px solid #b1b1b1;
	padding:          2px 4px 2px 6px;
	background-color: #f4f4f4;
	width:            10em;
	float:            right;
}
div.belief_box
{
	padding:          2px;
}
div#col_3 .adbox { font-size: 0.8em; }
div#col_3 #adbox_hdr h2 {
	margin: 0;
	color:  #00f;
}
html>body div#col_3 .adbox h2 {
	margin-bottom: 0.4em;
}
div#col_3 .adbox p {
	margin: 0.5em 0;
}

/* FOOTER */
div#footer {
	position:         absolute;
	bottom:           0;
	width:            100%;
	border-top:       1px dotted #aaa;
	background-color: #ccc; /* #f4f4f4; */
	color:            #626262;
	font-size:        0.7em;
	border:           0px dotted #f00;
}
div#footer p {
	margin:  0.5em 2em 0.5em 2em;
	padding: 0;
}
div#footer #copyright {
	float:  left;
}
div#footer #hit_counter {
	float:  right;
}


/* HEADER TAGS */
h1 { 
     color:      #000; 
	 font:       1.7em Georgia, verdana, "Times New Roman", Times, serif; 
	 border:     0px #000 dotted; 
	 margin-top: 0;
	 font-style: italic;
}
h2 { 
	font:             1em verdana, Georgia, "Times New Roman", Times, serif;
	background-color: transparent; 
	margin:           0;
	padding:          0;
	border:           0px #f00 dotted;
}


/* MENU 2 -- START */

/*
div#nav 
{ 
		  font-size:  0.8em; 
          border:     0px #000 solid; 
		  display:    block;
		  margin:     auto;
		  margin-top: 0;
		  height: 22px;
}
#nav_ul, #nav_ul ul 
{     
	padding:    0;    
	margin:     0;     
	list-style: none; 
} 
#nav_ul a {     
	display: block;     
	width:   100%; 
} 
#nav_ul li a { display:          block; 
               padding:          0;   
			   text-decoration:  none;  
	           text-align:       center; 
			   background-color: #f4f4f4;
}
#nav_ul li {     
	float:        left;     
	width:        115px;
	border:       1px solid #b1b1b1; 
	border-width: 1px 1px 1px 0; 
}
#nav_ul li#home {     
	border:       1px solid #b1b1b1; 
	border-width: 1px; 
}
#nav_ul li ul {
	position:    absolute;     
	width:       115px; 
	left:        -999em; 
	z-index:     10; 
	margin-top:  1px;
	margin-left: -1px;
} 
#nav_ul li ul li {
	border:       1px solid #b1b1b1; 
	border-width: 0 1px 1px 1px; 
}
#nav_ul li:hover ul {
	left: auto; 
}
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav_ul li a:hover { 
	background:       url(/i/top_center.png) repeat-x 100% 0; 
    background-color: #4686ca;                        
}
*/
/* MENU 2 -- END */

hr { height: 0.5px; 
	 margin: 0 0 0.5em 0; 
	 border: 1px #b1b1b1 solid; }

span.spacer_01 { height: 6px; display: block; }




/* HOME PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a.a_link_sentence
{
	color: #000;
}
a.a_link_sentence:hover
{
	color: #00f;
}
/* Previous messages pop up window */
div#page_container_pop
{
	font-size:        0.8em;
	margin:           1em;
}

/*
p.media_lib
{
	border:  1px #f00 dashed;
	margin:  0;
	padding: 0;
}
*/


/* MESSAGES PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p.word
{
	margin: 15px 0;
}
span.italic_bit
{
	font-style: italic; 
	padding:    0 2em; 
	margin:     0;
	border:     0px #f00 solid; 
}

span.span_height_7px
{
	display: block; 
	height:  7px; 
	border:  0px #f00 dotted;
}
/* Messages pop up window */
div#page_container_pop_messages
{
	font-size:        0.8em;
	margin:           0.5em;
	padding:          0.5em 1em 1em 1em;
	border:           1px #b1b1b1 solid;
	background-color: #f4f4f4;
}
div.italic_2em_padding
{
	font-style: italic; 
	padding:    0 2em; 
	border:     0px #f00 solid; 
	margin:     0;
}

/* LINKS PAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.link_box
{
	border:       01px #f00 dotted;
	/* width:        350px;
	float:        left; */
	margin-right: 15px;
}
a.a_links_blue
{
	color:       #000;
}
a.a_links_blue:hover
{
	color: #00f;
}


/* SLIDES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
img#img_position
{
	margin-top: 10px;
}

/* DOTTED BORDER FOR TESTING */
div#col_1, div#col_2, div#col_3  { border: 0px dotted #0f0; }






/* COLUMN ONE - BLUE NAVIGATION BOXES             test test  */
div.nav_title_bar2.top_one 
{ 
	margin-top: 0;
}
div.nav_title_bar2 
{ 
	margin-top: 0.5em;
}
div.nav_title_bar2 h2 
{ 
	color:   #fff;
	border:  0px #00f dotted;
	padding: 0.1em;
	font-family: verdana, "Bookman Old Style", garamond, tahoma, arial, batang;  /* verdana */
	font-size: 1em;
/*	margin: 0.2em; */
}
div.nav_title_bar2 
{ 
	background:       url(../i/bg/bg_grey_grad_001.jpg) repeat-x 100% 0;
    /* background-color: #4686ca; */                      
	text-align:       center;
	/* vertical-align:   middle;   THIS IS NOT WORKING !! */
	/* height:      15px; */
}

/* HEADER AS TEXT - NEW FROM 23-JULY-2007. */
div#div_hdr
{
	position: relative;
	width:    770px;
	height:   111px;
	border:   0px #fff dotted;
}
div#div_hdr_light
{
	font-family: "courier new";
	font-size:   19px;
	font-weight: bold;
	text-align:  right;
	/* height:      35px; */
	border:      0px #f00 dotted;
}
span#span_light { color: #fff; }
div#div_hdr_hcc
{
	position:    absolute;
	font-family: "arial black";
	font-size:   62px;
	width:       660px;
	float:       left;
	text-align:  right;
	color:       white;
	border:      0px #0f0 dotted;
	height:      74px;
	left:        2px;
	bottom:      3px;
}
div#div_hdr_org
{
	position:    absolute;
	font-family: "arial black";
	font-size:   35px;
	width:       100px;
	padding:     0 0 0 0;
	margin:      0 0 0 0;
	color:       white;
	border:      0px #f00 dotted;
	left:        661px;
	bottom:      17px;
}
div#div_hdr_trev
{
	position:    absolute;
	font-family: "arial black";
	font-size:   15px;
	width:       100px;
	padding:     0 0 0 0;
	color:       #ff0;
	border:      0px #f00 dotted;
	left:        663px;
	bottom:      4px;
}