/********************************************************************************/
/* Breezyhillbaptistchurch.org CSS settings                                     */
/* Please maintian this file and document all changes made with a date-stamp    */
/* ~Jeremy Hughes 2-8-2008                                                      */
/*                                                                              */
/* Website Live date - 06/08/2008                                               */
/* Tim Goodwin - tgood1@gforcecable.com                                         */
/* Pastor      - pastorriley@gforcecable.com                                    */
/* Jon Nichols - jnichols@gforcecable.com                                       */
/********************************************************************************/

/********************************************************************************/
/*                                    NOTES                                     */
/* JCH 4/21/2008:   due to incompatibility issues with IE, all rollover images  */
/* have been removed from the side and top navbars.                             */
/*                                                                              */
/* JCH 6/10/2008:   All div's must specify a width to avoid the IE peekaboo Bug */
/*                                                                              */
/* JCH 12/31/2008: Updated CSS layout to reflect updates to the christmas.css   */
/*																				                    */
/* JCH 3/17/2009: Updated CSS layout from BHBCCSS.CSS to bhbc2009.css           */
/*																				                    */
/* JCH 7/23/2009: website v3.0 using new .css file go live                      */
/********************************************************************************/

/********************************************************************************/
/*                                Body settings                                 */
/********************************************************************************/
BODY { 
   /* HTML Body */
   background-image: url(images/tanbak.jpg); /* Gradient image 1px by 768px     */
   background-repeat: repeat-x; /* Repeat Horizontally only                     */
   background-color: #896D45;   /* Must match the bottommost Gradient color     */ 
   font-family: Helvitica, Geneva, sans-serif;
   padding: 0 10px 10px 10px;
   text-align: center;
}

P {
   Font-size: 10pt; 
   Font-weight: normal; 
   color: #563405;   /* #563405 = Dark Brown */
   text-align: left;
}

HR {
   COLOR: #563405;
   height: 2px;
   text-align: center;
   width: 100px; 
}

H1 {
   Font-size: 12pt; 
   color: #422704; 
   font-weight: bold; 
   text-align: Left;   
}

H2 {
   Font-size: 13pt; 
   color: #000040;  /* #000040 = dark blue */
   font-weight: bold; 
   text-align: Left;   
}

H3 {
   Font-size: 12pt; 
   color: #8B0000;  /* #8B0000 = dark red */
   font-weight: bold; 
   text-align: left;
}

H4 {
   Font-size: 12pt; 
   Font-weight: bold; 
   color: #000040;   /* #000040 = dark blue */
   text-align: left;
}

H5 {
   Font-size: 10pt; 
   Font-weight: normal; 
   color: #000040;  /* #000040 = dark blue */
   text-align: left;
}

H6 {
   FONT-SIZE: 8pt;
   MARGIN: 0 0 0 0;  
   COLOR: #8080FF;   /* #8080FF = light pastel blue */
}


/********************************************************************************/
/*                                 Header settings                              */
/********************************************************************************/
#header {
   width: 820px;
   height: 224px;
   text-align: center;
   MARGIN: 10 0 0 0;
   padding: 0.05 0.5 0 0;
   /* background: url('images/header_home.gif') center center no-repeat; */
}

#header a, img {
   border: none;
}

/********************************************************************************/
/*                         Site Default Link styles                             */
/********************************************************************************/
a, a:visited, a:active {
   text-decoration: none;
   font-style: normal; 
   font-weight: bold;
   color: #000080;
   Font-size: 12pt; 
}

a:hover {
   color: #800000;
   text-decoration: underline;
}

/********************************************************************************/
/*                              Side Content settings                           */
/********************************************************************************/
/* This Section is floated next to the page content and contains the nav buttons */
#sidecontent {
   float: right;
   width: 200px;
   text-align: center;
   margin-right: 12px;
   margin-left: 10px;
}

#sidecontent p {
   text-align: center;
   margin-left: 6px;
   color: #0000FF;
   font-size: 9pt;
}

#sideconttop {    
   width: 200px; 
   height: 30px; 
   float: left; 
   background: url('images/sideconttop.png') center center no-repeat;
}

#sidecontmid {    
   float: left;
   width: 200px;
   text-align: center;
   background: url('images/sidecont.png') center center;
   min-height: 520px;
}

#sidecontbot {    
  width: 200px; 
  float: left; 
  background: url('images/sidecontbot.png') center center no-repeat; 
  height: 10px;
}

#sidecontent ul{
   line-height: 3em; 
}

#sidecontent ul li{
   width: 180px;
   height: 30px;
   margin-left: -35px; /* invisible UL bullets */
   list-style-type: none;
   margin-bottom: 1px;
}

#sidecontent a, #sidecontent a:visited {    
   font-weight: bold;
   text-align: left;
   width: 120px;
   height: 30px;
   margin: 0 0 0 0;
   text-decoration: none;
   font-style: italic;
   padding: 0 0 0 0;
   COLOR: #5E5239;
   FONT-SIZE: 12pt;
   font-family: Verdana;
}

#sidecontent a:hover {
   COLOR: #FFFFFF;
}

#sidecontent hr {
   width: 80px;
   color: #5E5239;
}


/********************************************************************************/
/*                      Main Navigation Button settings                         */
/********************************************************************************/
#navbuttons {   
  /* margin: -12px -10px 0 -5px;*/
   margin: 0px 0px 10px 10px;
   width: 780px;
   height: 30px;
   text-align: center; 
   padding-top: 5px;
   /*border: solid 1px;
   border-color: red;*/
}

* html #navbuttons {   
  /* padding: 0;*/
}

#navbuttons ul {
   width: 780px;
   height: 30px;
   margin-left: -35px;
   margin-top: 0.05px;
   text-align: left;
}

* html #navbuttons ul {
   width: 780px;
   height: 30px;
   margin-left: 0px;
   margin-top: 5px;
   text-align: left;
}

#navbuttons ul li {
   width: 115px;
   height: 30px;
   float: left;
   margin: 7px;
   text-align: center;
   list-style-type: none;
   background: url('images/tanbuttonup.gif') center center no-repeat;
   /*border: solid 1px;
   border-color: blue;*/
}

#navbuttons a, #navbuttons a:visited {    
   /* font-weight: bold; */
   text-align: left;
   width: 120px;
   /* height: 30px; */
   margin: 5px 0 0 0;
   text-decoration: none;
   /* font-style: italic; */
   padding: 0 0 0 0;
   /* COLOR: #EAE78C; */
   COLOR: #3C301E;
   FONT-SIZE: 9pt;
   font-family: Verdana;
}

#navbuttons a:hover {
   COLOR: #EEEDE3;
   background: url('images/tanbuttondown.gif') center center no-repeat;
}

/********************************************************************************/
/*                        Top mini-navigation buttons                           */
/********************************************************************************/
.topnav {    
  /* margin-top: -10px; this is not cross platform complient*/ 
   margin-top: 10px;
   margin-bottom: 10px;
   width: 740px;
   height: 30px;
   text-align: center;
}

* html .topnav {    
   margin-top: -16px;
}

.topnav ul {
   width: 736px;
   margin-left: 0px;
   margin-top: 5px;
   text-align: center;
}

.topnav ul li {
   width: 180px;
   height: 30px;
   float: left;
   margin: 1px;
   text-align: center;
   list-style-type: none;
   background: url('images/topnav1.jpg') center center no-repeat;
   /*list-style-type: circle;*/
}

* html .topnav ul li {
   display: inline-block;
}

.topnav a, .topnav a:visited, .topnav a:active {
   text-align: left;
   width: 170px;
   margin: 5px 0 0 0;
   text-decoration: none;
   padding: 0;
   COLOR: #383747;
   FONT-SIZE: 8pt;
   font-family: Verdana;
}

.topnav a:hover {
   COLOR: #FFFFFF;
}


/********************************************************************************/
/*                              Page Content settings                           */
/********************************************************************************/

#body {
   background-image: url('images/bodybak.png'); 
   background-repeat: repeat-y; /* Repeat Vertically only    */
   width: 790px;
   min-height: 350px;
   padding-top: 10px;
   padding-Left: 20px;
   padding-right: 15px;
   padding-bottom: 0;
   margin-bottom: 0;
}

#container {
   margin: 0 auto 0 auto;
   width: 790px;
   text-align: left;
}

#pagecontent 
{
   float: right;
   width: 556px;
   text-align: center;
   color: #FFFFFF;
   margin-right: 5px;
}

#pagecontent p
{
   width: 545px;
}

#pageconttop 
{
   width: 556px;
   float: left;
   background: url('images/homeconttop.png')  no-repeat;
   background-position: bottom;
   height: 30px;
   margin: 0;
   padding: 0;
}

#pagecontmid 
{
   margin: 0px 0 0 0;
   float: left;
   padding: 0 10px 0 5px;
   width: 556px;
   background-image: url('images/homecont.png'); 
   background-repeat: repeat-y; /* Repeat Vertically only    */
   text-align: center;
   min-height: 520px;
} 

#pagecontmid p
{
   text-align: center;
} 

#pagecontbot 
{
	float: left;
   width: 556px;
   background: url('images/homecontbot.png') center center no-repeat;   
   height: 10px;
}

#ticker {    
   width: 780px;
   height: 20px;
   /*BACKGROUND-COLOR: #E6E6E6;*/
   /* border: solid 1px; */
   border-color: #000033;   
   FONT-SIZE: 10pt;
   MARGIN: 5 5 5 5;
   COLOR: #000033;
   font-style: normal; 
   font-weight: bold;        
   text-align: center;
}


#minheight {
	/* Since the minheight command is not recognized in internet explorer, */
	/* this is used in the headers to vertically space the pages properly  */
	width: 1px;
	height: 350px;
	float: right;
}


/********************************************************************************/
/*                         Footer Settings                                      */
/********************************************************************************/

#footer {
   width: 820px;
   height: 30px;
   text-align: center;
   background: url('images/footer_tan.png') center center no-repeat;
   padding-top: 0px;
}

#bottomlinks {
	font-family: Helvitica, Geneva, sans-serif;
   width: 760px;
   height: 30px;
   text-align: center;
   padding: 0.05 0.5 0 0;
}

#bottomlinks p {
   font-size: 8pt;
   text-align: center;
   color: #422704;
}

#bottomlinks a, #bottomlinks a:visited, #bottomlinks a:active {
   text-decoration: none;
   FONT-SIZE: 8pt;
   MARGIN: 0 0 0 0;
   COLOR: #FFFFFF;
   font-style: normal; 
   font-weight: normal;        
   text-align: center;
}

#bottomlinks a:hover {
   text-decoration: underline;
}

/********************************************************************************/
/*                                Admin page settings                           */
/********************************************************************************/

.admin_link { 
   margin-top: 10px;
   width: 700px;
   text-align: center; 
}

.admin_link img { 
   border: none;
}

.admin_link ul {
   /*line-height: 1.75em; 
   text-align: center;*/
}

.admin_link ul li {
   width: 150px;
   height: 150px;
   float: left;
   /*margin-left: -35px; invisible UL bullets */
   list-style-type: none;
}

.admin_link a, .admin_link a:visited, .admin_link a:active  {    
   font-weight: bold;
   width: 150px;
   height: 150px;
   margin: 0 0 0 0;
   text-decoration: none;
   COLOR: #000000;
   FONT-SIZE: 12pt;
}

.admin_link a:hover {
   color: #800000;
}

/********************************************************************************/
/*                              Contact page settings                           */
/********************************************************************************/
#contact H1 {
   margin: 0 0 0 0;
   FONT-SIZE: 12pt;
   COLOR: #0505CC;             
   font-weight: bold;
   text-align: center;
}

#contact h4 {
   margin: 0 0 0 0;
   FONT-SIZE: 10pt;
   COLOR: #000000;    
   text-align: center;         
}

#contact H3 {
   margin: 0 0 0 0;
   FONT-SIZE: 12pt;
   font-weight: bold;
   COLOR: #000000;    
   text-align: center;
}


/********************************************************************************/
/*                            Calendar table settings                           */
/********************************************************************************/
#calheader table {
   FONT-SIZE: 10pt;
   width: 550px;
   border: solid 2px;
   border-color: #0f0f0f;
   /* border-spacing: 0 0; */
   color: #000000;
   padding: 0 0 0 0;   
   empty-cells: hide;
   BACKGROUND-COLOR: #B0C4DE;
}

#calheader td {
   width: 78px;
   height: 15px;
   border: solid 1px;
   border-color: #FFFFFF;
   text-align: center;
}

#calendar table {
   FONT-SIZE: 10pt;
   width: 550px;
   border: solid 2px;
   border-color: #0f0f0f;
   /* border-spacing: 0 0; */
   color: #000000;
   padding: 0 0 0 0;   
   empty-cells: hide;
   BACKGROUND-COLOR: #B0C4DE;
}

#calendar td {
   width: 78px;
   height: 100px;
   border: solid 1px;
   border-color: #FFFFFF;
   vertical-align: top;
   text-align: left;
}

#calendar a {
   font-weight: bold;
   text-decoration: none;
   font-size: 8pt;
   COLOR: #000000;
}

.caltitle {
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   font-size: 28pt;
   color: #563405;   /* #563405 = Dark Brown */
   Padding-bottom: 2px;
}

.calsubtitle  {
   font-weight: bold;
   font-style: italic;
   text-align: center;
   font-size: 10pt;
   color: #563405;   /* #563405 = Dark Brown */
   margin-top=0;
   Padding-bottom: 4px;
}

.caltitle {
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   font-size: 28pt;
   color: #563405;   /* #563405 = Dark Brown */
   Padding-bottom: 2px;
}

#calendar {
   font-weight: bold;
   font-style: italic;
   text-align: center;
   font-size: 10pt;
   color: #563405;   /* #563405 = Dark Brown */
   margin-top=0;
   Padding-bottom: 4px;
}

.calevent {
   border: solid 1px;
	border-color: #000040;     /* Navy  */
	background-color: #FFFFFF; /* White */
	width: 765px;	
	padding: 5px;
}



/********************************************************************************/
/*                                 Misc settings                                */
/********************************************************************************/
#softball table {
   border: 0;
   font-size: 9pt;
   color: #8B0000;
}

.slideshow {
   text-align: center;
	border: none; 
}
/*eliminate this one*/
.clearer {
	line-height: 0;
	height: 0;
	clear: left;
}

.clearleft {
	line-height: 0;
	height: 0;
	clear: left;
}

.clearright {
	line-height: 0;
	height: 0;
	clear: right;
}

.clearboth {
	line-height: 0;
	height: 0;
	clear: both;
}


.boxen {
   border: solid 1px;
	border-color: #7B97C4;
}

.UseHand{
    cursor: hand;
}