@charset "iso-8859-1";

/*******************************************************************************
*  vnav.css : 2004-07-21 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  responsible for the vertical navigation elements commonly found in the left
*  and / or right columns.
*******************************************************************************/

.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: solid 1px #ffffcc;
	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: solid 1px #ffffcc;
}
.vnav ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
.vnav h3
{
	/* perhaps this belongs partly in gutters.css and partly in 
	   fonts.css. However, the heading size for vnav elements is
	   controlled here because it is a specific vnav visual element
	   rather than something that's going to be applied to the whole
	   layout. So that if you were to remove vnav.css from your
	   layout, you wouldn't have any extra, unused CSS in the rest
	   of your stylesheets. */

	margin-bottom: 10px;
	padding-bottom: 0;
	font-size: 126%;
}
}
div#links a:hover span 
{
	display: block;
  	position: absolute; top: 15em; left: 10px; width: 100px;
 	z-index: 110; line-height: 1.5em;
    color: #ffffcc; background: #cc6600;
    font-family: Georgia, "Times New Roman", Times, serif 80%; 
	text-align: left;
}

.vnavad ul, .vnavad ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnavad ul
{
	border: solid 1px #ffffcc;
	border-bottom-width: 0;
}
.vnavad ul li
{
	border-bottom: solid 1px #ffffcc;
}
.vnavad ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}
* html .vnavad ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .vnavad ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
.vnavad h3
{
	/* perhaps this belongs partly in gutters.css and partly in 
	   fonts.css. However, the heading size for vnav elements is
	   controlled here because it is a specific vnav visual element
	   rather than something that's going to be applied to the whole
	   layout. So that if you were to remove vnav.css from your
	   layout, you wouldn't have any extra, unused CSS in the rest
	   of your stylesheets. */

	margin-bottom: 10px;
	padding-bottom: 0;
	font-size: 126%;
}
}
div#links a:hover span 
{
	display: block;
  	position: absolute; top: 15em; left: 10px; width: 100px;
 	z-index: 110; line-height: 1.5em;
    color: #ffffcc; background: #cc6600;
    font-family: Georgia, "Times New Roman", Times, serif 80%; 
	text-align: left;
}

/****************************************************************************
* hnav
****************************************************************************/

.hnav
{
	white-space: nowrap;
	margin: 0;
	padding: 3px 0 4px 0;
}
.hnav ul span.divider
{
	display: none;
}
* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */
{
	height: 1%;	/* holly hack to fix a render bug in IE6/Win */
}
* html .HNAV
{
	height: auto;	/* above IE6/Win holly hack breaks IE5/Win when page 
			   length get beyond the point that 1% height is taller 
			   than the text height. IE5/Win does not need this 
			   holly hack so we remove it here */
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector will remove that padding */
}
.hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	margin: 0;
}
.hnav ul li a
{
	text-decoration: none;
	margin: 0 -1px 0 0;
	padding: 3px 10px 4px 10px;
	border-left: solid 1px #ffffcc;
	border-right: solid 1px #ffffcc;
}
* html .HNAV ul li a
{
	width: 1%;	/* holly hack for IE5/Win inline padding. this 
			   hack fixes different rendering bugs in 5.0 and 5.5.
			   Width is used instead of height because if the 
			   document is too long, these elements become very tall
			   and disrupt the look of the document. too wide an 
			   element is better, visually, than too tall. */
}
.hnav ul li a:hover, .mainPhoto a, .mainPhoto a:link, .mainPhoto a:active, .mainPhoto a:hover, 
.mainPhoto a:visited
{
	text-decoration: none;
}


/*************************************************************************
* footer
**************************************************************************/
#footer2 {
	background-image: url(../assets/wave.gif);
	background-repeat:no-repeat; background-position: bottom;
}