* {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana;
	font-size: 8pt;
	line-height: 1.5em;
	margin: 0;
	background: #999999;
}

h2 {
	font-family: trebuchet ms;
	font-size: 12pt;
	line-height: 1em;
	color: #aa0000;
}

#success {
	margin: 0 auto;
}

.pcon {
	font-family: verdana;
	font-size: 8pt;
	text-align: center;
}

#phead {
	width: 550px;
	height: 66px;
	background: url(../images/pophead.jpg) no-repeat;
	margin:0 auto;
}

#content {
	width: 550px;
	background: url(../images/popcon.jpg) repeat-y;
	margin: 0 auto;
	overflow: auto;
}

/* 
This content command is for IE versions 6 and earlier, since those versions of IE don't understand 
minimum height commands like every other browser.  This command MUST appear on top because 
those versions of IE read the top command first and ignores the next.   This command also applies to
IE version 5 for Mac, in case there are still any Mac users with that browser.
*/
#content {
	width: 550px;
	height: 500px;
	background: url(../images/popcon.jpg) repeat-y;
	margin: 0 auto;
	overflow: auto;
}

/* 
This content command is what every other browser will read, including IE 7 in this case, since they 
read both commands and will use the command that appears second or the command that is more 
specific.  All browsers except for IE 6 and earlier always use the CSS command that is most specific 
hence the parent child selector.
*/
html>body #content
{
	width: 550px;
	height: auto;
	min-height: 500px;
	background: url(../images/popcon.jpg) repeat-y;
	margin: 0 auto;
	overflow: auto;
}

#cblock {
	width: 500px;
	margin: 25px auto;
}

#pfoot {
	width: 550px;
	height: 25px;
	background: url(../images/popfoot.jpg) no-repeat;
	margin: 0 auto;
}



/* LINKS THAT APPEAR IN THE CONTENT AREA */
a.conlink:link {
	color: #aa0000;
	text-decoration: none;
}

a.conlink:visited {
	color: #aa0000;
	text-decoration: none;
}

a.conlink:active {
	color: #0000ff;
	text-decoration: none;
}

a.conlink:hover {
	color: #0000ff;
	text-decoration: none;
}