body {     background-image:  url('../images/bg_index.jpg'); background-position: top center;background-repeat: no-repeat; background-attachment: scroll; background-color: #000; padding: 0 25px; color:#bbb; font: 13px/18px Arial, sans-serif; overflow-x:hidden;}

		a { color: #f42; text-decoration: none}
		h3 { text-align: left; margin-left: 55px }
		ol { margin:5px 0 15px 16px; padding:0; list-style-type:square; }

		   .norm {color: #000000; }
        a.norm:link {color: #FF0000}
		a.norm:visited {color: #FF8000}
		a.norm:hover {color: #FFFFFF}
		a.norm:active {color: #000000}

		  .speciallink { color:white; }
		a.speciallink:link {color: #FFFFFF}
		a.speciallink:visited {color: #FFFFFF}
		a.speciallink:hover {color: silver}
		a.speciallink:active {color: #000000}
		
	div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     border: 1px solid #000000;
     position: relative;
     width: 100%;
	}
	div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
	}
	div.box_background {
     background-color: white;
     height: 100%;
     filter:alpha(opacity=75); /* IE's opacity*/
     left: 0px;
     opacity: 0.75;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
	}

.cssbutton {
	background: #fff;
	padding: 1px;
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-variant : normal;
	border : 1px solid #aaa;
}
.buttonleft {
	color: #f8f8f8;
	background: #a42;
	padding: 0px 3px 0px 3px;
}
.buttonright {
	color: #f8f8f8;
	background: #666;
	padding: 0px 3px 0px 3px;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

	/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(../images/transparent.png);
		color:#efefef;
		height:450px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}