body {
	x-background-image: url("images/exit2.jpg");
	background-image: url("images/wallsconce.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top left;
	background-color: black;
} 

p { 
	margin: 0 0 0 0;
	padding: 1em;
}

A:link {
	color: white;
	text-decoration: none;
}

A:visited {
	color: white;
	text-decoration: none;
}

A:hover {
	color: darkorange;
	text-decoration: underline;
}

img.logo {
	opacity: .75;
	width: 400px;
	height: 82px;
}

img.thumb { 
	/* you'll note no left margin or padding here */
	border-style: solid;
	border-width: 2px; 
	border-color: darkorange;
	height: 135px;
	float: left;
}

div#header img {
	border: 0px;
}

div.accountContainer {
	x-border-style: dashed;
	x-border-width: 1px;
	x-border-color: pink;

	/* max 180+ 2*2 border + 5 margin + 250 */
	x-width: 439px; 
	height: 139px;
	x-width: 441px; /* when the border is on */
	x-height: 141px;

	/* well I guess not - IE calculates something differently 
	it looks like a left margin is being set on our img actually */
	width: 445px; /* so IE doesn't barf */

	margin: 10px 0px 0px 20px;
}

div.nonAccountContainer {
	/* I forget, can we do inheritance? */
	x-border-style: dashed;
	x-border-width: 1px;
	x-border-color: pink;

	/* max 180+ 2*2 border + 5 margin + 250 */
	x-width: 439px; 
	height: 139px;
	x-width: 441px; /* when the border is on */
	x-height: 141px;

	/* well I guess not - IE calculates something differently 
	it looks like a left margin is being set on our img actually */
	width: 445px; /* so IE doesn't barf */

	margin: 10px 0px 0px 20px;
}

div.textBlurb {
	width: 250px;
	height: 139px; 
	overflow: hidden;

	float: left;
	margin-left: 5px;
	background-color: black;

	color: white;
	font-family: courier;
	font-size: 12px;
}

#banner {
	width: 468px;
	height: 60px;
	margin: 10px 0px 20px 0px;
	background-color: black;
	padding: 0px 0px 0px 0px;
} 

#header {
	width: 500px;
	text-align: center;
	margin: 5px 0px 30px 200px;
}

#continueHeader {

   border-style: dashed;
   border-color: pink;
   border-width: 1px;
   
   margin-top: 20px;
   padding: 5px 5px 5px 5px;
   width: 488px;

	background-color: black;
   color: white;
   font-family: courier;
   font-size: 12px;
}

#rightcolumn {
	float: right;
	margin-right: 10px;
	width: 248px;

	border-top: 2px black dashed;
	border-left: 2px black dashed;
}

div.listing {
	background-color: gray;
	#height: 200px;
	width: 248px;
	overflow: auto;

	margin-top: 20px;

	font-size: 10px;
	font-family: san-serif, arial;
} 

#showcase {
	#margin-top: 20px; 
	text-align: justify;

	/* We now override some of the listing bits above */
	height: 210px;
			  
	}

#news {
	margin-top: 0px;  /* Overriding listing */
			  
	height: 140px;
	font-size: 12px;
	color: white;
}

div#news a:link {
   # color: darkorange;
   text-decoration: underline;
}

div#news a:hover {
   color: darkorange;
   text-decoration: underline;
}

#iPod {
	margin-top: 20px; 
	x-text-align: justify;

	/* We now override some of the listing bits above */
	height: 305px;
}

#iPodHeader {
	font-size: 12px;
	font-style: bold;
	color: white;
}