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

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

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


body {  /* styles for entire page */
	background-color: #FFFFFA;
	/*background-image: url(/Lib/Images/Backgrounds/BckgrndRosesWeb.jpg);*/
	background-repeat: repeat-y;
	background-position: top center;
/*	background-position: center center;*/
/*	background-repeat: no-repeat;*/
	background-attachment: fixed;
	border-color:#ffffff;
	border-width:0px ;
	border-style: solid;
	margin:0 0
}

@media screen and (max-width: 1055px)  
{
	 body { background-image:none; }
}

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

}

#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(/Lib/Images/Backgrounds/BckgrndImpress.jpg);
  background-color: peach puff;*/
  border-top: 2px solid #4668AF;
  background-color: background-color: #FFFFFA;
  background-position: top left;
  background-repeat: repeat-x repeat-y;
		width: 1200px; 
/*		width: 900px; */
  overflow:auto;  /* should make RegionMain extend to height of Sidebar if necessary */
}


#RegionHeader, .Address {  /* style of id=RegionHeader */
	position: relative;
	background-image: url(/Lib/Images/Backgrounds/ArtByAudBanner200x900_1v_2.jpg);
	background-color: #a9c7d6;
	background-repeat: no-repeat;
	background-position: top center;
	font: 0.9em "Lucida Grande", "Trebuchet MS", Georgia, Arial, serif;
	height: 200px;
	width: 1200px; 
/*	width: 900px; */
	margin: 0 auto;
	padding: 0;
	/*border-bottom: 1px solid #4668AF;*/
}

#RegionHeader-box-link {  /* transparent clickable area the size of the header region */
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 1200px; 
/*		width: 900px; */
		height: 200px; 
		background-color: transparent; 
	/*	border: 1px solid yellow; */
}
		
#RegionFooter {/* style of id=RegionFooter */
	/*background-image: url(/Lib/Images/Backgrounds/BckgrndAliceBits.jpg);*/
        background-image: url(/Lib/Images/Backgrounds/sidebar3.jpg);
	background-color: #FFFFFA;
	background-repeat: repeat-x repeat-y;
	background-position: -24px 5px;
	color: black;
	font: 0.8em Arial, serif;
	text-align: center;
	height: 160px;
/*	clear: both;*/
	margin: 0 auto;
/*	width: 900px; */ 
	width: 1200px; 
	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: navy;
        font-family: Georgia, "Lucida Grande", "Trebuchet MS", Arial, serif;
	font-size: medium;
        background-image: url(/Lib/Images/Backgrounds/sidebar3.jpg);
        background-repeat: repeat-x repeat-y;
	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 black; /*#666;*/
  font-size: small;
}

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


#RegionDivider {
  background-color: #FFFFFA;
  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 black;
  border-bottom: 1px solid #4668AF;
  height: 2px;
}


#RegionDivider a {
  color: #4668AF;
}

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