.green-md { color: #A9AA2B; }
.green-lt { color: #BEC05F; }
.purp-dk { color: #581558; }
.purp-lt { color: #7B4B7D; }

html {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	margin: 0px;
	padding: 0px;
}

body {
	text-align: left;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../images/support-back.gif) no-repeat 870px 110px;
	background-color: #581558;
}

a { color: white; text-decoration: none; }
a:hover { color: #7B4B7D; }

h1 { font-size: 14pt; color: white; margin: 0; padding: 1em 20px 0.5em 20px; }
h2 { font-size: 12pt; color: #581558; margin: 0.5em 20px 0.5em 20px; }
h3, p { font-size: 10pt; color: #581558; margin: 0.5em 20px 0.5em 20px; }
ul, ol {
	color: #581558;
	font-size: 10pt;
	line-height: 12pt;
	list-style: url(../images/bullet.gif);
	margin: 1em 0px 1em 40px;
	padding: 0;
}

form { margin: 0.5em 20px 0.5em 20px; }
label { color: #581558; font-size: 10pt; }
input, select, textarea {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	font-size: 10pt;	
}

.clear { height: 0px; clear: both; overflow: hidden; }
.leftImage { float: left; margin: 0 20px 0 0; border: 4px solid #A9AA2B; }
.rightImage { float: right; margin: 0 0 0 20px; border: 4px solid #A9AA2B; }

#site-border {
	text-align: justify;
	width: 870px;
	margin: 20px 0 0 0;
	background: url(../images/head-back.gif) repeat-y 0% 0%;
}
#site-border:after { content: ""; height: 0px; display: block; clear: both; }

#site-head { width: 769px; background-color: #A9AA2B; margin: 0 0 0 101px; }
#site-head #head1 { width: 100%; text-align: right; padding: 20px 0 10px 0;  }
#site-head #head1 img { margin: 0 20px 0 0; }
#site-head #head2 { font-weight: bold; }
#site-head #head2 ul { font-size: 9pt; list-style: none; margin: 0 0 0 20px; }
#site-head #head2 li { display: inline; margin: 0 10px 0 0;}
#site-head #head2 a:hover { color: #581558; }

#site-images { width: 100px; float: left; background-color: #7B4B7D; padding: 5px 0 0 0; }
#site-images img { margin: 0 0 2px 5px; }
html>body #site-images img { margin: 0 0 5px 5px; }

#site-body {
	width: 769px;
	float: right;
	background: url(../images/site-back.jpg) no-repeat 50% 100%;
	background-color: #BEC05F;
	padding: 0 0 195px 0;
	margin: 0 0 0 0px;
}
#site-body .mainImage { float: right; margin: 0 20px 0 20px; border: 4px solid #A9AA2B; }

#contactform label {
	font-weight: bold;
	width: 100px;
	float: left;
}
#contactform input, #contactform textarea, #contactform select {
	color: black;
	width: 200px;
	font-weight: bold;
	border: 1px solid grey;
	margin: 0px 0px 2px 0px;
}
#contactform #submit {
	color: white;
	width: 70px;
	margin: 5px 0 0 103px;
	text-align: left;
	padding: 0;
	background:transparent;
	border: 0px;
	cursor: pointer;
}

#netbop { width: 870px; margin: 5px 0 0 0; text-align: right; clear: both; }
#netbop p { color: #7B4B7D; font-size: 8pt; margin: 0; }
#netbop a { color: #7B4B7D; }
#netbop a:hover { color: white; }