/* CSS Document */

* {
	padding:0;
	margin:0;
}


body {
	background-color:#d6d6d6;
	background-image:url(../images/back-ramp.jpg);
	background-repeat:repeat-x;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
}


p  {
	margin:0px 0px 15px 0px;
}


ul  {
	margin:10px 0px 15px 20px;
}


ol  {
	margin:10px 0px 15px 30px;
}


h3  {
	margin:0px 0px 10px 0px;
}

h4  {
	margin:0px 0px 8px 0px;
}

div.back-image  {		/* entire page, essentially */
	position:relative;
	z-index:1;
	width:1050px;
	height:864px;
	margin:0px auto 0px auto;
}


div.left-nav  {			/* left navigatio bar */
	position:absolute;
	top:186px;
	left:94px;
	width:174px;
	height:331px;
	z-index:5;
}


div.top-nav  {			/* top navigation buttons */
	position:absolute;
	top:155px;
	left:360px;
	width:600px;
	height:26px;
	z-index:6;
}


div.page-content  {		/* wraps and positions content area */
	position:absolute;
	top:183px;
	left:303px;
	width:654px;
	z-index:2;
}



div.content-bg-slice  {			/* the repesting background are for content - expands with content length */
/*	position:relative;  */
	background-image:url(../images/content-slice.gif);  
	background-repeat:repeat-y;
	text-align:left;
	font-size:14px;
	z-index:10;
	height:auto;
}
 	 

div.content-bg-top  {		/* The top portion of the content background - overlays the "slice" BG but lies under the text */
/*	position:relative; */
	background-image:url(../images/content-top.gif);
	background-repeat:no-repeat;
/*	z-index:20; */
}


div.content-text  {			/* the text layer, which overlays both background layers */
/*	position:relative;  */
	padding: 40px 30px 0px 40px;
	text-align:left;
	font-size:14px;
/*	z-index:30;   */
}


div.content-bottom  {		/* bottom graphic that completes the content graphical underlay */
	background-image:url(../images/content-bottom.gif);
	background-repeat:no-repeat;
	width:654px;
	height:85px;
}



.image-left  {				/* right-floating images */
	float:right;
	margin:0px 10px 5px 0px;
	z-index:90;
}


.image-right  {		/* left-floating images */
	float:right;
	margin:0px 0px 5px 10px;
	z-index:90;
}


div.spacer  {			/* pushes elements below down */
	clear:both;
	font-size:xx-small;
}


div.background-ext  {  /* background extension container  */
	position:absolute;
	top:623px;
	left:65px;
	width:927px;
	z-index:1;
}

div.background-slice  {   /* to continue the background image down behind the main image */
	background-image:url(../images/background-slice.gif);
	background-repeat:repeat-y;
	width:927px;
	height:0px;
}

div.background-bottom  {		/* bottom of the background extension */
	background-image:none;
	width:927px;
	height:58px;
}