html, body, ol, ul, li, dl, dt, dd, img { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	list-style: none; 
}
body {
	padding: 0 350px; 
	background: #333333; 
	font-family: "Lucida sans unicode", "Lucida sans", Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-size: 100.1%; 
	text-align: center; 
}
div#bigcontainer {
	margin: 25px auto 0px auto; 
	width: 80%; 
	max-width: 500px; 
}

div#topbar {
	margin: 0 -350px 0 -350px; 
	min-width: 500px; 
	position: relative; 
	min-height: 1px; 
}

/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #expander { 
	height: 0; 
}
/* */

/* helps IE get the child percentages right. */
div#navbar { 
	width: 100%; 
	padding-top: 8px;
} 
div#content {
	width: 89%;
	margin: 0% 5%;
	text-align: center;
	display: inline; /* IEwin doubled margin bug fix */
}

.leftarea1 {
	position: relative;
	float: left;
	width: 22%;
	margin-top: 28px;
  	text-align: right;
}

.bodytext1 {
  	position: relative;
  	width: 71%;
  	float: right;
 	margin-top: 28px;
	margin-right: 6%;
	text-align: left;
}

.leftarea2 {
	position: relative;
	float: left;
	width: 33%;
	margin-top: 28px;
  	text-align: right;
}

.bodytext2 {
  	position: relative;
  	width: 60%;
  	float: right;
 	margin-top: 28px;
	margin-right: 6%;
	text-align: left;
}

.leftarea3 {
	position: relative;
	float: left;
	width: 50%;
	margin-top: 28px;
  	text-align: left;
}

.bodytext3 {
	position: relative;
	float: right;
	width: 49%;
	margin-top: 28px;
	margin-right: 6%;
  	text-align: left;
}

.leftarea4 {
	position: relative;
	float: right;
	width: 24%;
	margin-top: 28px;
  	text-align: left;
}

.bodytext4 {
  	position: relative;
  	width: 33%;
  	float: right;
 	margin-top: 28px;
	text-align: left;
}

.leftarea5 {
	position: relative;
	float: left;
	width: 44%;
	margin-top: 28px;
  	text-align: left;
}

.bodytext5 {
	position: relative;
	float: right;
	width: 44%;
	margin-top: 28px;
  	text-align: left;
}

.clearfix {
	clear: both; 
}
div#bottombar {
  	position: relative;
	width: 100%;
	padding-top: 15px;
	font-weight: bold;
	font-size: 90%;
}
div#footer { 
	width: 100%;
	font-size: 80%;
	padding-bottom: 15px;
}

img { 
	border: 0px;
}

img.right {
	margin-left: 6px;
	float: right;
}
  
img.left {
	margin-right: 6px;
	float: left;
}

br.imgclr {
	clear: both;
}

.block {
	margin: 0px 5%;
}

.inden {
	margin: 0px 0px 0px 13%;
}

.spec {
	font-family: "Monotype Corsiva", "Brush Script", Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
}
.just {
	text-align: justify; 
	line-height: 130%;
	font-size: larger;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.minjust {
	text-align: justify; 
	line-height: 130%;
	font-size: smaller; 
}
.close {
	line-height: 100%; 
	margin-top: 0; 
	margin-bottom: 0; 
}
.red { 
	color: #FF6347; 
}
.yellow { 
	color: #FFCC66;
}
.purple { 
	color: #CCCCFF;
}
.fuscia { 
	color: #CC66FF;
}
.green { 
	color: #CCFFCC;
}
.white { 
	color: #FFFFFF;
}
.blue {
	color: #99CCFF;
}
.dkblue {
	color: #6699CC;
}
.grey {
	color: #CCCCCC;
}
.ink {
	color: #000F80;
}
.hblue {
	color: #99CCFF;
	background-color: #99CCFF;
	height: 1px;
}
.bold { 
	font-weight: bold; 
}
.under { 
	text-decoration: underline; 
}
.min { 
	font-size: smaller; 
}
.lite { 
	font-weight: lighter; 
}
.big {
	font-size: large;
}
.sm {
	font-size: x-small;
}
.tin {
	font-size: xx-small;
}

A {
	text-decoration: underline; 
	cursor:normal; 
	font-family: "Lucida sans unicode", "Lucida sans", Arial, Helvetica, sans-serif;
}
A:link {
	color: #CC6699;
}
A:visited {
	color: #FF3366;
}
A:active {
	color: #FFCC66;
}
A:hover { 
	color: #FFCC66; 
}
A.spec {
	text-decoration: none; 
	cursor:normal; 
	font-family: "Monotype Corsiva", "Brush Script", Arial, Helvetica, sans-serif; 
}
A.spec:link {
	color: #FF6347;
}
A.spec:visited {
	color: #FF3366;
}
A.spec:active {
	color: #FFCC66;
}
A.spec:hover { 
	color: #FFCC66; 
}