/* css file for BI */
								
/* zero out margins.. */

* { 
  padding:0; margin:0; 
  } 
  
h1, h2, h3, h4, h5, h6, p, p img, pre, blockquote, 
  label, ul, ol, dl, fieldset, address, 
  table.list, .margins  { 
  margin:0.7em 4%; 
 } 
li, dd { 
  margin-left:1.2em; 
} 
fieldset { 
   padding: .5em; 
} 

/***  line spacing  ***/
li {
  line-height:2.0em;
}
ul p, ol p, ul ol li {
  font-size:0.9em;
  line-height:1.3em;
}

/* padding in some table cells */
.pr {padding-right:0.5em;}
.pl {padding-left:0.5em;}


/* background around the pages */
html {background-color: gray;
	}
body	{
    border: solid black 1px;
	border-bottom: 3px;
	border-right:3px;
	color:black;
	background-color:white;
	font: 0.8em/1.6em Verdana, Arial, Helvetica, sans-serif;
	}

h1, h2, h3, h4, h5 {
    font-family:tahoma, arial, sans-serif;
    color:#800000; /* #996600;*/
    }     

h1	{
	}
h2	{
    font-family:Georgia, times new roman, serif;
    font-size:1.7em;
	font-weight:normal;
	}
h3	{
    font-size:1.3em;
	font-weight:normal;

	}
h4	{
    font-size:0.9em;
	}
h5	{
	}


	
/* generic color and layout classes */
.red {color:red;}
.blue {color:blue;}
.error {color:red;}
.bold {font-weight:bolder;}
.smaller {font-size:75%;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.clear {clear:both;}
.top {vertical-align:top;}
.noborder {border:none;}

/* other margins  **/
.inset {
  margin-left:2.0em;
}
.insert li {margin-left:2.5em;}

/* maint breadcrumbs */
p.crumbs {font-size:1em;}

/*     default table layout behavior  **/
td, th {
  vertical-align: top;
  }



/***********  data tables  ***************/


th, td.header {font-weight:bolder;text-align:center;}


/* alternate colors in tables */
.rowcolor0 td {background-color:#ccc;}
.rowcolor1 td {background-color:#eee;}

/*  tabular data is bordered */
.list {
 border:solid rgb(0%,30%,10%) 1px;
 border-right: 3px;
 border-bottom: 3px;
}
table.list th { background:rgb(84%,87%,84%);}
table.list td {padding:0 0.3em;font-size:85%;}



/******** pages ***********/

body, body.home, body.text, body.list, body.narrow, body.calendar {
/*  width:760px; */
width:63em;
  margin-top:1.0em;
  margin-left:2.0em;
}

body.calendar, body.home {
/*  width:800px; */
width:63em;
}


/* some pages can be narrower */
body.narrow {
/*  width:700px; */
  width:55em; 
  }


/***** page header format ************/
#pageheader img {
   border:none;
   margin-bottom: -3px;
  }

#pageheader {
   border:solid gray 2px;
   border-width: 0 0 3px 0; 
   padding:0;
   background:rgb(84%,87%,84%);  /* light green*/
  }

/****  global breadcrumbs  ****/
p#crumbs {
  margin: 0;
  padding: 0 1em 0.2em 1em;
  font-size:0.85em;
  border:solid gray;
  border-width: 0 0 1px 0;

}


/***** side  menu   formatting ****/
/***********************************/
#page #lc {
  width:170px;
 }

#lc {
  padding: 0;
  border:solid gray 0px;
  border-width: 0 1px 0 0;
}

#lc h3#nav_title {color:#24618E;}

#nav li {
   font-size:0.85em;
/*   width: 14em; */
   list-style:none;
   line-height: 2.5em;
   margin-left: 1.0em; 
}

#nav li a {
  text-decoration:none;
}

#nav li a:link{color:#333;}
#nav li a:visited{color:#333;}
#nav li a:hover{text-decoration:underline;color:maroon;}
#nav li#here a,#nav li#active a {
  font-weight:bolder;
  color:#800000;
}

/*- top menu tabs--------------------------- */

    #topnav {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:85%;
      line-height:normal;
	  border-bottom:3px solid #24618E;
	  margin-bottom:0.4em;
      }
    #topnav ul {
	margin:0;
	padding:0.5em 1.0em 0 3.0em;
	list-style:none;
      }
    #topnav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topnav a {
      float:left;
      background:url("/images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;   
      text-decoration:none;
      }
    #topnav a span {
      float:left;
      display:block;
      background:url("/images/tabright.gif") no-repeat right top;
      padding: 0.1em 1.0em 0.15em 0.2em;
      color:#24618E;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topnav a span {float:none;}
    /* End IE5-Mac hack */

    #topnav a:hover span {
      color:#FFF;
      }

    #topnav a:hover, #topnav li#here a {
      background-position:0% -42px;
    }

    #topnav a:hover span, #topnav li#here a span {
      background-position:100% -42px;
	  color:white;
	}
    #topnav a:hover span {
	  text-decoration:underline;
	}

/*** top menu formatting  *********/

/* gbrc title */
td#pghdtitle, h3#pghdtitle {
  font-family:Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  text-align:left;
  padding:0.5em 1.0em;
  color:#666;   /* 60% grey */
}
h3#pghdtitle {border:solid black;border-width:0 0 1px 0;}

/*  top menu  */
tr#pghdmenu td, tr#c50khdmenu td {
  padding: 0.4em 0;
  height:22px;
  width: 20%;
  text-align:center;
  font-size:11px;
  font-weight:bolder;
  background:transparent url(images/top_menu_bar_30.gif) top left;
}

/* dynamic top menu without header */


#topmenu td {
  padding: 0.3em 0;
  text-align:center;
  font-size:11px;
  font-weight:bolder;
  background:transparent url(images/top_menu_bar_30.gif) top left;
}
#topmenu td a{text-decoration:none;}
#topmenu td a:link{color:white;}
#topmenu td a:visited{color:white;}
#topmenu td a:hover{color:red;}

/* current menu item */
#topmenu td#cur {
  background:transparent url(images/top_menu_bar_blue_30.gif) top left;
}



/*** top menu hyperlink formatting */   
tr#pghdmenu td a, tr#c50khdmenu td a {text-decoration:none;margin-left:2px;}
tr#pghdmenu td a:link{color:#ddd;}
tr#pghdmenu td a:visited{color:#ddd;}
tr#pghdmenu td a:hover{color:red;}

tr#c50khdmenu td a:link{color:white;}
tr#c50khdmenu td a:visited{color:white;}
tr#c50khdmenu td a:hover{color:red;}

/*  end of page header  */




/******  footer  **********************************/
#pgfoot{padding: 0.5em 0 1em 0;}
div#pgfoot {text-align:center;
       font-weight:normal;
	   text-decoration:none;
	   font-size:0.85em;
	   border:solid gray;
	   border-width:1px 0 0 0;
	   }	
div#pgfoot a {text-decoration:none;}	      
div#pgfoot img {border:none;}

/****************************************************/
/*** formatting for the home page  ************/
.home #page p,.home #page li {
  font-size:0.85em;
}

.home h2, .home h3, .home h4 {
  font-family: helvetica, arial, sans-serif;
  font-weight:bold;
  }
.home h2 {font-size:130%;}
.home h3  {font-size:120%;}
.home h4  {font-size:100%;}

/*--- left & right table columns  --*/
#hlc, #hrc {
   width:25%;
   border:none;
 }


/* new  formatting  */
.home #lc,.home #rc {
  margin: 2em 0;
  padding:0 0em;
  border:none;
} 

/* new formatting */
.home #lc h3,
.home #rc h3,
.home #rc h4,
.home #rc h4 {
  margin:0 0.4em;;
  padding:0;
}

.home #rc h5 {
  font-size:0.85em;
  padding:0;
  margin 0.3em;
}


/*---  middle   ---*/
#hmc {
   width:50%;
   border: 1px solid #bbb;
   border-width:0 1px;
 }

/* news */
#hmc #news p,#hmc #news h4 {
  margin:0.5em;
}

/*---  right column   ---*/


.home #rc p {
  margin:0.4em;
  line-height: 1.5em;
  font-size:0.85em;
}
.home #rc p#date {margin-left:1.0em;}

/* pics in column */
.home #rc img {
  margin: 7px 4px;
  border:none;
  }
/*-- events display --*/
.e_disp p {
  font-family: verdana, sans-serif;
  line-height: 1.2em;
  margin:1.2em 0.8em;

}


/**** formatting for events display  *****/
.monthheader {
  color:white;
  background:#800000;
  padding-left:1.0em;
  margin:0 0.3em;
}
.eventlist {
  font-size:0.85em;
  line-height: 1.5em;
}


/*  calendar  */
/*div.cal_link {
  display:inline;
  margin: 0 1em;
  padding: 0 0.5em;
}
*/
div.default {
  font-weight:bolder;
}

/*******  h5 buttons ***************/
h5.button a {
  text-decoration:none;
/*  font-family:arial; */
  color:#800000;
  font-size:1.0em;
  font-weight:normal;
  padding: 0.2em 0.5em;
  background: rgb(80%,80%,80%);
  border:2px solid gray;
  border-color:rgb(80%,80%,80%) rgb(50%,50%,50%) rgb(50%,50%,50%) rgb(80%,80%,80%);
  
}
h5.button a:link {color:#800000;}
h5.button a:visited {color:#800000;}
h5.button a:hover {text-decoration:underline;}

						   

/******** calendar   ***************/


body.calendar h2 {
  margin-top:0;
  margin-bottom:0; 
  width:20em;
  float:left;
}
#cal_link {
  margin-top:0;
  float:left;
}

table#calendar {
  border:solid gray 1px;
  margin:1%;
  width:98%;
}

#calendar th {background:rgb(84%,87%,84%);} /*lt green */

#calendar tr#month_title th {
  background:#800000; /*orangy */
  color:rgb(84%,87%,84%);
  border:none;
}

#calendar th a:link {color:rgb(84%,87%,84%);text-decoration:none;}
#calendar th a:visited {color:rgb(84%,87%,84%);text-decoration:none;}
#calendar th a:hover {color:rgb(84%,87%,84%);text-decoration:underline;}

#calendar td {
  font-size: 0.85em;
  font-family:arial;
  line-height:1.2em;
  border:1px solid gray;
  border-color:#bbb #eee #eee #bbb;
}
#calendar td.sat {border-right: 1px solid #bbb;}
#calendar td.empty {background:#cccccc;}

div.date{
  font-size:1.0em;
  float:right;text-align:center;
  border:1px solid gray;
  border-width: 0 0 1px 1px;
  padding: 0.1em 0.25em 0 0.25em; 
  margin:0;
  }

#calendar td {width:14%;height:9em;}
div.event { margin:0 0.2em;}
div .time {font-weight:bolder;}

/*****************************************/
/* formatting for images */
/*****************************************/

img {border:solid 1px black;}

/* standard inline pictures..left align */
img.left {
	margin-top:4px;
	margin-bottom:4px;
	margin-right:4px;
	float:left;
	}

/* standard inline pictures..right align */
img.right {
	margin-top:4px;
	margin-bottom:4px;
	margin-left:4px;
	float:right;
	}

/* pictures with embedded captions-  */
.leftcap, .rightcap {
  margin:5px;
  font-size:11px;
  font:11px/12px verdana, arial, helvetica,sans-serif;
  }

.leftpic img, .rightpic img 
  {
    display:block;
	border:black solid 1px;
	margin:0;
  }

.leftpic {
  float:left;
  text-align:left;
  margin:0 0.3em 0 0;
}

.rightpic {
  float:right;
  text-align:left;
  margin:0 0 0 0.3em;
}



/********************************************************
/* forms */
td textarea {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:1.2em;
	text-align:left;
	vertical-align:top;
	height:10.0em;
	width:45em;

}



td textarea.tall {
  height:20em;
  font-family: courier, monospace;
}

.fullwidth { width:100%;}

div.memberform {
   border:solid orange 1px;
   margin:1.0em;
   padding:0 1.0em 0.2em 1.0em;
  }
.memberform h5 {margin-top: 0;}
/* this is for spacing inline elements */
.gap a {padding-right: 5em}
.gapsmall a {padding-right:3.5em;}



/*  section to troubleshoot layout 
td{border:solid 1px red;}
p {border:solid 1px blue;}
div {border:solid 1px green;}

#page #rc {border:solid blue 1px;}
#page #lc {border:solid green 1px;}
*/