/*Index style sheet for Connections pages*/
/* This CSS treatment inspired by the magnificent work of everyone who has participated in Dave Shea's project site CSS Zen Garden, and particular thanks go out to Eric Stoltz and his awesome contribution "Under the Sea"! */
/* http://ericstoltz.com/   http://csszengarden.com/  */

a 			{ color: red; text-decoration: none; font-style: italic; 		font-weight:normal;} 
a:hover		{ color: black; text-decoration: none; }
.userAlert{
	float:right;}
	
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Neue Helvetica', 'lucida grande', 'Bitstream Vera Sans', 'myriad web', helvetica, arial, verdana, sans-serif; 
	height: 100%;
	width: 100%;
	background-image: url(images/scroll-top.png);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 2;
	background-color: #eadfcf;
	}	

#pageWrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	z-index: 2;
	position: relative;
	}

#contentBackground {

	margin-top: 0px;
	width: 800px;
	background-image: url(images/scroll-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 250px;
	margin-bottom: 50px;
	}

	

	

#content {
	background-image: url(images/scroll.png);
	margin-top: 250px;
	padding-bottom: 50px;
	}
	
#content h1 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	color: #5d523f;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font: bold 1.1em Georgia, Times, serif;
	text-align: center;
	}
	
#content h2 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	color: #a92040;
	font: italic .8em Verdana sans-serif;
	letter-spacing: 0.1em;
	text-align: center;
	}

#content p {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	color: #55555; 
	font-size: .8em;
	line-height: 1.6em;
	text-align: left;

}
#content p span {
	text-transform: uppercase;
	}

div#connections a span {display:none;}
div#connections a:hover span 
	{
	display: block;
	position: absolute; top: 300px; left:283px; width:460px;
	padding: 40px;
	color: black; background: #8dcb41;
	/* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.85;
	font: 14px Verdana, sans-serif; text-align: left;
	}
	

	
	
div#bottompage

    {
    height: 100px;
    width: 100%;
    color: grey; 
    font: 12px Verdana, sans-serif; 
    text-align: center; 
    position: fixed; 
    bottom: 0px; 
    z-index: 6;}
    
div#bottompage a {color: grey; text-decoration: none; font-style: normal;}
div#bottompage a:hover {color: red;}

div#footer {
	background-image: url(images/roof-line.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 250px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 4;
}