@charset "UTF-8";
body {
	font: 80% Arial, Helvetica, sans-serif;
	background: #fcf3ff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image:url('images/PerSym.jpg');
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

h1 {
	font: 120% Arial, Helvetica, sans-serif;
	color:#cd99db;
	font-weight:bold;
}

h2 {
	font: 100% Arial, Helvetica, sans-serif;
	color:#cd99db;
	font-weight:bold;
}

hr {
  color: #cd99db;
}

.class1 A:link {text-decoration: none; color:#cd99db;}
.class1 A:visited {text-decoration: none; color:#cd99db;}
.class1 A:active {text-decoration: none; color:#472670;}
.class1 A:hover {text-decoration: none; color:#472670;}

#header {
	background: #fcf3ff; 
	width:900px;
	padding: 0;
	height: 86px;
	float:left;
}

#mainContent {
	width:900px;
	height: 100%;
	background-image:url('images/contentbg.jpg');
	background-repeat:repeat-y;
	padding: 0x;
	float:left;
}

.content {
	width:486px;
	height:100%;
	background-image:url('images/mainUpper.jpg');
	background-repeat:no-repeat;
	border:0;
	margin:0;
	padding:0;
	float:left;
}

.contentS {
	width:486px;
	height:100%;
	background-image:url('images/mainUpperS.jpg');
	background-repeat:no-repeat;
	border:0;
	margin:0;
	padding:0;
	float:left;
}

.contentP {
	width:486px;
	height:100%;
	background-image:url('images/mainUpperP.jpg');
	background-repeat:no-repeat;
	border:0;
	margin:0;
	padding:0;
	float:left;
}

.contentR {
	width:486px;
	height:100%;
	background-image:url('images/mainUpperR.jpg');
	background-repeat:no-repeat;
	border:0;
	margin:0;
	padding:0;
	float:left;
}

.contentC {
	width:486px;
	height:100%;
	background-image:url('images/mainUpperC.jpg');
	background-repeat:no-repeat;
	border:0;
	margin:0;
	padding:0;
	float:left;
}

#copy {
	padding-left:120px;
	padding-top:30px;
	padding-bottom:20px;
}

.flash {
	width: 414px;
	height: 100%;
	border:0;
	margin:0;
	padding:0;
	float:left;
}

#flashTop {
	width:414px;
	height:57px;
	float:left;
}

#flashMovie {
	width:414px;
	height:147px;
	float:left;
}

#flashBottom {
	width:414px;
	height:166px;
	float:left;
}

.oneColFixCtrHdr #footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width:900px;
	height:54px;
	background:#fcf3ff;
}