* {   padding:0;   margin:0; } 

body {
	font-family: Trebuchet MS;
}

td {
	font-family: Trebuchet MS;
}

th {
	font-family: Trebuchet MS;
}

h1 {
	font-size: 14px;
}
#portal, #portal2 {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
	text-align: center;
	width: 530px; 
	position: relative;
}
#portal2 {
	width: 830px;
}
#header, #header2, #header3 {
	height: 72px;
	width: 526px;
	background-image:url(../images/header-bk.jpg);
	background-repeat: no-repeat;
	text-align: center;
	margin:auto;
	color: white;
	padding-top: 18px; /* controls location of "business" on Portal1 */
	position: absolute;
	top: 0px;
	left: 4px;
}
#header2 {
	height: 57px;
	background-image:url(../images/header2-bk.jpg);
	padding-top: 15px;
}
#header3 {
	text-align: left;
	padding-left: 30px;
}
#header3 p {
	width: 450px;
	font-size: 11px;
	font-style: italic;
	text-align: left;
	margin-top: -5px;
	margin-left: 0px;	
	padding-left: 0px;
}
#header5, #header-pmp, #header-rsm {
	width: 857px;
	height: 218px;
	background-image: url(../images/lady-computer-bk.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
#header-pmp {
	background-image: url(../images/pmpa-header2.jpg);
}
#header-rsm {
	background-image: url(../images/rsm-header.jpg);
}
.header5-heading, .header-pmp-heading, .header-rsm-heading {
	width: 450px;
	position: absolute;
	top: 20px;
	left: 300px;
	color: #666666;
	font-size: xx-large;
	text-align: left;
}
.header101-heading, .header-pmp2-heading, .header-rsm2-heading {
	width: 450px;
	position: absolute;
	top: 20px;
	left: 300px;
	color: #666666;
	font-size:large;
	text-align: left;
}
.header-pmp-heading, .header-rsm-heading {
	top: 15px;
	left: 30px;
	font-size: 36px;
	line-height: 32px;
	color: #888888;
}
.header-rsm-heading {
	line-height: 34px;
}
.header5-text, .header-pmp-text, .header-rsm-text {
	width: 300px;
	height: 100px;
	position: absolute;
	top: 100px;
	left: 300px;
	text-align: left;
	padding-top: 20px;
}
.header-pmp-text, .header-rsm-text {
	width: 400px;
	top: 80px;
	left: 30px;
}
.header-rsm-text {
	width: 464px;
	top: 110px;
}

.header-pmp-heading .smaller-text, .header-rsm-heading .smaller-text {
	font-size: 24px;
}
.business {
	font-size:  28px;
	font-weight: bold;
}
.page-name {
	font-size: 14px;
	letter-spacing: 6px;
	font-weight: bold;
	color: white;
}
	
.coincontent, .coincontent2, .coincontent3, .coincontent4, .coincontent2221, .coincontent2232 {
 	width: 526px;
	height: 289px; 
	background-image: url(../images/coin-bk.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 10px;
	text-align: left;
	margin-left: 0px;
	position: absolute;
	top: 80px;
	left: 1px;
}
.coincontent2 {
	background-image: url(../images/coin2-bk.jpg);
	top: 65px;
	left: 1px;
}
.coincontent3 {
	background-image: url(../images/coin3-bk.jpg);
	top: 66px;
}
.coincontent4 {
	background-image: url(../images/coin4-bk.jpg);
	top: 66px;
	padding-top: 10px;
	padding-left: 15px;
}
.coincontent2221 {
	background-image: url(../images/coin2221-bk.jpg);
	top: 66px;
}
.coincontent2232 {
	background-image: url(../images/coin2232-bk.jpg);
	top: 66px;
}
.coincontent p, .lb1 p, .rb2 p, .coincontent2 p, .coincontent3 p, .coincontent4 p {
	margin-top: 5px;
	padding-right: 5px;
}
.coincontent2221 p, .coincontent2232 p, .bluefade2232 p {
	margin-top: 10px;
	margin-right: 10px;
}
.bluefade2232 h1 {
	margin-top: 10px;
}
.bluefade2232 p {
	width: 95%;
}
.coincontent ul, .lb1 ul, .rb2 ul, .coincontent2 ul, .coincontent3 ul, .bluefade2232 ul {
	margin-top: 12px;
}
.coincontent ul li, .lb1 ul li, .rb2 ul li, .coincontent2 ul li, .coincontent3 ul li, .bluefade2232 ul li, .lb1-5-text ul li, .rb1-5-scroll-text ul li{
	margin-left: 15px;
}
.pmpa-1, .pmpa-2, .pmpa-3, .pmpa-4 {
	position: absolute;
	background-repeat: no-repeat;
	height: 223px;
	width: 252px;
}
.pmpa-1 {
	background-image: url(../images/pmpa-1.jpg);
	top: 124px;
	left: 3px;
}
.pmpa-2 {
	background-image: url(../images/pmpa-2.jpg);
	top: 124px;
	left: 277px;
}
.pmpa-3 {
	background-image: url(../images/pmpa-3.jpg);
	top: 373px;
	left: 3px;
}
.pmpa-4 {	
	background-image: url(../images/pmpa-4.jpg);
	top: 373px;
	left: 277px;
}
.pmpa-1 h1, .pmpa-2 h1, .pmpa-3 h1, .pmpa-4 h1 {
	color: white;
	padding-top: 0px;
	margin-top: 7px;
	
} 
.pmpa-1 p, .pmpa-2 p, .pmpa-3 p, .pmpa-4 p {
	width: 125px;
	position: absolute;
	top: 170px;
	left: 65px;
	font-weight: bold;
	margin-top: 0px;
}

.pmpa-1 .button, .pmpa-2 .button, .pmpa-3 .button, .pmpa-4 .button {
	width: 108px;
	height: 25px;
	position: absolute;
	top: 210px;
	left: 75px;
	background-image: url(../images/button.jpg);
	background-repeat: no-repeat;
}
.button h1 {
	margin-top: 3px;
}
.button h1 a {
	text-decoration: none;
	color: white;
}
.circle {
	width: 529px;
	height: 492px;
	background-image: url(../images/circle.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 65px;
	left: 4px;
}
.one, .two, .three, .four, .five {
	position: absolute;
	line-height: 13px;
}

.one {
	top: 16px;
	left: 200px;
	width: 132px;
	text-align: center;
}
.two {
	top: 175px;
	left: 452px;
	width: 70px;
	text-align: left;
}
.three {
	top: 420px;
	left: 173px;
	width: 195px;
	text-align: center;
}
.four {
	top: 175px;
	left: 9px;
	width: 70px;
	text-align: left;
}
.five {
	top: 280px;
	left: 203px;
	width: 135px;
	text-align: center;
}
.smr-01, .smr-02 , .smr-03 {
	width: 250px;
	height: 200px;
	float: right;
	margin-top: 100px;
}
.smr-02 {
	width: 200px;
}
.smr-03 {
	width: 350px;
}
.sml-01 {  /* controls location of "page-name" on Portal2 */
	width: 100%;
	height: 5px;
}
.sml-02 { /* controls location of "page-name" on Portal1 */
	width: 100%;
	height: 5px;
}

.lb1, .rb2 {
	width: 290px;
	height: 140px;
	background-image: url(../images/bluefadebox.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 10px;
	text-align: left;
	margin-left: 3px;
	position: absolute;
	top: 414px;
	left: 0px;
}
.rb2 {
	top: 571px;
	left: 225px;
}
.rb1, .lb2 {
	width: 216px;
	height: 149px;
	background-repeat: no-repeat;
	background-image: url(../images/monthly.jpg);
	position: absolute;
	top: 414px;
	left: 313px;
}
.lb2 {
	background-image: url(../images/average.jpg);
	top: 571px;
	left: 2px;
}
.lb1-5, .rb1-5 { /* portal 5 */
	width: 410px;
	height: 298px;
	background-image: url(../images/bluefade5.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 10px;
	text-align: left;
	margin-left: 3px;
	position: absolute;
	top: 232px;
	left: 0px;
}
.rb1-5 { /* portal 5 */
	width: 413px;
	background-image: url(../images/scroll-bk.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 232px;
	left: 443px;
}
.lb1-5-header, .rb1-5-header {
	color: white;
	font-size: 14px;
	position: absolute;
	top: 10px;
	left: 27px;
}
.lb1-5-text {
	color: black;
	width:350px;
	position: absolute;
	top: 40px;
	left: 10px;
	padding-left: 10px;
	padding-top: 8px;
}
.lb1-5-text ul li {
	padding-top: 8px;
	padding-bottom: 8px;
	list-style-position: inside;
	border-bottom: 1px solid blue;
}
.lb1-5-text ul li.no-line {
	border-bottom: none;
}

.rb1-5-scroll-text {
	color: black;
	overflow:auto; 
	width:373px; 
	height:206px;
	position: absolute;
	top: 43px;
	left: 0px;
	padding: 20px;
	padding-top: 30px;
}
.rb1-5-scroll-text p {
	color: black;
	font-weight: normal;
	margin-top: 10px; 
}
.rb1-5-scroll-text-bold {
	font-weight: bold;
	margin-top: 0px;
}

	
	
.bluefade-2, .bluefade-3, .bluefade2221, .bluefade2232, .grayfade {
	width: 529px;
	height: 265px;
	background-image: url(../images/bluefade2.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 10px;
	text-align: left;
	margin-left: 3px;
	position: absolute;
	top: 306px;
	left: 0px;
}
.bluefade-3 {
	background-image: url(../images/bluefade3.jpg);
	top: 307px;
}
.bluefade2221 {
	height: 317px;
	background-image: url(../images/2221bluefade.jpg);
	top: 307px;
}
.bluefade2232 {
	height: 210px;
	width: 529px;
	background-image: url(../images/2232bluefade.jpg);
	top: 307px;
}
.grayfade {
	background-image: url(../images/grayfade.jpg);
	width: 529px;
	height: 429px;
	top: 565px;
	
}
.grayfade h1 {
	font-size: 12px;
	margin-top: 5px;
}
.grayfade p{
	margin-top: 4px;
	margin-bottom: 3px;
	/* line-height: 14px; */
	width: 500px;
}
.bluefade-2-text {
	width: 280px;
	height: 75px;
	position: absolute;
	top: 30px;
	left: 240px;
}
.paper-lock, .assets {
	width: 149px;
	height: 216px;
	background-repeat: no-repeat;
	background-image: url(../images/paper-padlock.gif);
	position: absolute;
	top: 243px;
	left: 40px;
	z-index: 10;
}
.assets {
	width: 311px;
	height: 264px;
	background-image: url(../images/assets.jpg);
	top: 341px;
	left: 99px;
}
.text4 {
	position: absolute;
	top: 307px;
	left: 3px;
	text-align: left;
}
.text4 p {
	margin-top: 5px;
}
.small-header {
	background-image: url(../images/2221sm-header-bk.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 32px;
	position: absolute;
	top: 11px;
	left: 7px;
	padding-top: 7px;
	text-align: center;
}
.small-header .page-name {
	font-size: 11px;
}

.charts, .charts-2 {
	width: 471px;
	height: 298px;
	background-image: url(../images/2221charts.gif);
	position: absolute;
	top: 362px;
	left: 34px;
}
.charts-2 {
	background-image: url(../images/2231charts.gif);
	height: 340px;
}

.clear {
	clear: both;
}