/*
   File:     regions.css
   Author:   Audra Lemke, based on Seth Hawthorne's version for McAuliffe 
   Synopsis: Styles to define regions of audra pages
*/

/* 
 * +- body ----------------------+
 * |                             |
 * | +- RegionPage ------------+ |    
 * | |                         | | 
 * | | +- RegionHeader ------+ | |
 * | | | 			         | | |
 * | | +---------------------+ | |
 * | | +- RegionBody --------+ | | 
 * | | |                     | | |
 * | | | +- RegionSidebar -+ | | | 
 * | | | | menu            | | | | 
 * | | | |                 | | | |
 * | | | +-----------------+ | | |
 * | | | +- RegionMain ----+ | | |
 * | | | |                 | | | |
 * | | | |  Main text,     | | | |
 * | | | |  tables, etc.    | | | |
 * | | | |                 | | | |
 * | | | +-----------------+ | | |
 * | | +---------------------+ | |
 * | +-------------------------+ | 
 * | +- RegionFooter ----------+ |
 * | |                         | |
 * | +-------------------------+ |
 * +-----------------------------+               

/* ************************************************************************
 *                                   Page Regions
 * ************************************************************************/


body {  /* styles for entire page */
  	background-color: LightBlue;  /* color around border */
	background-position: 0px;
}


#RegionPage {  /* style of id=RegionPage: Doesn't include RegionFooter, just RegionHeader, RegionBody, RegionMain */
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: center;
	border-style: double;  
	font: 11pt/14pt Georgia, "Times New Roman", Times, serif; 
	margin: 0 auto;
	padding: 0px  0px;
	text-align: left;
	width: 894px;
}

#RegionBody { /* style of id=RegionBody: includes RegionSidebar, and RegionMain */
  /* default background image and color. Also can be overriden per page in RegionBody html div style background-image */
  background-image: url(/audra/Lib/Images/Backgrounds/BckgrndImpress.jpg);
  background-color: peachpuff;
  background-position: top left;
  background-repeat: repeat-x repeat-y;
  width: 894px;
  overflow:auto;  /* should make RegionMain extend to height of Sidebar if necessary */
}


#RegionHeader, .Address {  /* style of id=RegionHeader */
	background-image: url(/audra/Lib/Images/Backgrounds/WrabbitHeader.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top left;
	color: black;
	font: 0.9em "Lucida Grande", "Trebuchet MS", Georgia, Arial, serif;
	height: 184px;
	margin: 0 auto;
	padding: 0;
}

#RegionFooter {/* style of id=RegionFooter */
	background-image: url(/audra/Lib/Images/Backgrounds/BckgrndAliceBits.jpg);
	background-color: #80B0F8;
	background-repeat: repeat-x repeat-y;
	background-position: top left;
	color: black;
	font: 0.8em Arial, serif;
	text-align: center;
	height: 160px;
/*	clear: both;*/
	margin: 0 auto;
	width: 894px;
/*    position: relative;*/
	border-left: double;
	border-right: double;
	border-bottom: double;
	border-top: none; 
}


#RegionMain {
	overflow: hidden;
	padding: 10px;
}



/* ************************************************************************
 *                                   Optional Regions
 * ************************************************************************/


#RegionSidebar {
	float: left;
	width: 192px;
	padding: 6px;
	color: black;
    font-family: "Lucida Grande", "Trebuchet MS", Georgia, Arial, serif;
	font-size: 1em;
    background-image: url(/audra/Lib/Images/Backgrounds/sidebar.jpg);
	margin-top: 0px;
	border-top: 1px solid #4668AF;
	border-bottom: 2px solid #4668AF;
	border-left: 6px double #4668AF;
	border-right: 6px double #4668AF;
}
   
.RegionCallout {
  float: right;
  padding: 4px;
  margin: 4px;
  width: 192px;
  background-color: yellow;
  border: 2px solid #666;
  font-size: small;
}

  
.RegionPhoto {
  display: block;
  float: right;
  margin: 0 0 0 0;
  padding: 0 0 0 6px;
  width: 350px;
}


#RegionNavPath {
  background-color: #F4F3EE;
  font-family: "Lucida Grande", "Trebuchet MS", Georgia, Arial, serif;
  color: #4668AF;
  font-family: Arial, serif;
  font-weight: 600;
  font-size: 9pt;
  padding-left: 6px;
  margin-bottom: 0px;
  border-top: 4px double teal;
  border-bottom: 4px double teal;
}


#RegionNavPath a {
  color: #4668AF;
}

#RegionNavPath a:visited {
  color: #4668AF;
}