/**
 * The Holier Grail Website Layout Framework
 * @author    Bill Brown <mailto:macnimble@gmail.com>
 * @copyright None really.
 *            You may use The Holier Grail freely, for any project.
 *            Just please don't claim credit for creating it.
 * @timestamp 2008-MAR-10 2:40 AM
 *
 * @page      Theme Style
 */

html{}
body{
  background:                F9F9F9;
  }

/**
 * DEFAULT LINK STYLES FOR THIS THEME
 */
a{
  text-decoration:           none;
  }
a:link{
  color:                     #0000CC;
  }
a:visited{
  color:                     #666699;
  }
a:focus{
  color:                     #0000ff;
  }
a:hover{
  color:                     #0000ff;
  }
a:active{
  color:                     #0000ff;
  }

#pageShell{
  background:                #fff;
  background-color:              #eec;		/*#AAAAAA;*/
  }

#headFrame{
	background-image: url("../../images/cropbeach.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom:             1px solid #999;
	padding-top: 0.5em;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the	*/
	padding: 1em;
  }
#headFrame div.panel{	background: transparent;
}
#headFrame div.panel h1{}
#headFrame div.panel h1 a:link{}
#headFrame div.panel h1 a:visited{}
#headFrame div.panel h1 a:focus{}
#headFrame div.panel h1 a:hover{}
#headFrame div.panel h1 a:active{}
#headFrame div.panel h1 a span{}

/**
 * Background for Left Column
 */
#pageFrame{
  background:                #f0f0f0;
  background-color: #eec;
  }
/**
 * Background for Right Column
 */
#pagePanel{
  background:                #dedede;
  border-color:              #999;	
  background-color: #eec;
  }
/**
 * Background for Center Column
 */
#coreFrame{
  background:                #ffffff;
  border-color:              #999;	
  }

#mainFrame,
{
  padding-top:               2px;
  background-color: #fff;
  }

#moreFrame
{
  padding-top:               2px;
  background-color: #eec;
  }

#menuFrame{
  padding-top:               2px;
  background-color: #eec;
  }
#pageFrame p{
  line-height:               1.5;
  }


#mainFrame div.panel,
#moreFrame div.panel,
#menuFrame div.panel{
  margin:                    0 5px 5px 5px;
  }


#footFrame{
  border-top:                1px solid #999;
  padding:                   2px 0;
  background-color: #cc9;
  }
#footFrame p{
  margin:                    0 0 5px 0;
  text-align:                center;
  }

p.hiNote{
  font-size:                 90%;
  letter-spacing:            0.15em;
  margin:                    0;
  }
p.loNote{
  font-size:                 80%;
  letter-spacing:            0.15em;
  margin:                    0;
  }



.hnav
{
	border-bottom: solid 1px #fff;	
	text-align: center;
  background-color: #cc9;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 1px #cc9;
	border-right: solid 1px #cc9;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}