/* Main Styles */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-align: center;
	background: #009999 url(images/backdrop.gif) top center repeat-x;
	margin: 0px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #264D4D;
	margin: 0px 0px 12px 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #264D4D;
	margin: 16px 0px 9px 0px;
	padding: 16px 0px 0px 0px;
	border-top: 1px solid #DFE6E6;
	display: block;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #264D4D;
	margin: 16px 0px 9px 0px;
	padding: 16px 0px 0px 0px;
	display: block;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin: 0px 0px 9px 0px;
}
p.small {
	font-size: 70%;
}
p.form {
	font-size: 70%;
	margin: 6px;
}
p.centre {
	text-align: center;
}
a:link, a:visited, a:active {
	color: #264D4D;
	text-decoration: underline;
}
a:hover {
	color: #264D4D;
	text-decoration: none;
}
a.grey:link, a.grey:visited, a.grey:active {
	color: #333333;
	text-decoration: none;
}
a.grey:hover {
	color: #333333;
	text-decoration: underline;
}
a.white:link, a.white:visited, a.white:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
ul {
	margin: -6px 0px 12px 35px;
	padding: 0px 0px 1px 0px; /* Need padding for cross-browser differences */
}
ol {
	margin: -6px 0px 12px 35px;
	padding: 0px 0px 1px 0px; /* Need padding for cross-browser differences */
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	text-align: left;
}
li.form {
	font-size: 70%;
}
html>body li {
	margin: 6px 0px 0px 0px;
}
form {
	margin: 0px;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333333;
	width: 370px;
	margin: 6px 0px 6px 0px;
}
.auto {
	width: auto;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333333;
	width: 370px;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333333;
	width: 370px;
	margin: 6px 0px 6px 0px;
}
table {
	border-bottom: 1px solid #DFE6E6;
	border-right: 1px solid #DFE6E6;
}
td {
	border-top: 1px solid #DFE6E6;
	border-left: 1px solid #DFE6E6;
}
td.shade {
	background-color: #EFF2F2;
}



/* LAYOUT STYLES */
#centerdiv {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
#header {
	position: relative;
	height: 108px;
}
img.logo {
	float: left;
	margin: 20px 0px 0px 0px;
}
img.tagline {
	float: right;
	margin: 42px 0px 0px 0px;
}
#page {
	position: relative;
	background: #FFFFFF url(images/page.gif) 0 0 repeat-y;
	padding: 20px 20px 8px 180px;
}
#footer {
	clear: both;
	background: #009999 url(images/footer.gif) 0 0 no-repeat;
}
#footer p {
	font-size: 70%;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	display: block;
	text-align: center;
	padding: 24px 0px 4px 0px;
}
#inset {
	position: relative;
	float: right;
	padding: 20px 20px 14px 20px;
	margin: 11px -20px 20px 20px;
	width: 232px;
	border-top: 1px solid #DFE6E6;
	border-left: 1px solid #DFE6E6;
	border-bottom: 1px solid #DFE6E6;
	background-color: #FEFAE7;
}
html>body #inset { width: 192px; }
#inset p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666666;
	margin: 0px 0px 6px 0px;
}
img.product {
	float: left;
	margin: 0px 10px 0px 0px;
}
img.homepage {
	position: relative;
	float: right;
	margin: 0px 0px 10px 45px;
}



#header p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	margin: 3px 0px;
}
div.box {
	float: left;
	width: 365px;
	height: 270px;
	background-color: #EDE6D4;
	margin-bottom: 10px;
}
img.welcome {
	margin: 20px 20px 0px 20px;
}
div.box p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin: 12px 20px 0px 20px;
}
.secondbox {
	margin: 0px 0px 0px 10px;
}
.columns {
	clear: both;
}
div.column {
	float: left;
	width: 240px;
}
div.column p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	margin: 13px 19px 15px 19px;
}
.first {
	background-color: #E8F7E8;
	margin: 0px 0px 10px 0px;
}
.second {
	background-color: #F7E8E8;
	margin: 0px 0px 10px 10px;
}
.third {
	background-color: #E8EEF4;
	margin: 0px 0px 10px 10px;
}





/* TOP NAV STYLES */
ol#nav {
	position: absolute;
	top: 76px;
	left: 0px;
	list-style: none;
	margin: 0px;
	padding: 0px 1px 0px 0px;
	background: url('images/tabend.gif') bottom left repeat-x;
}
html>body ol#nav { top: 70px; }
ol#nav li {
	float: left;
	font-size: 70%;
	margin-left: 1px;
}
ol#nav a {
	float: left;
	height: 32px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 9px 15px 0px 15px;
	background: #3D3D3D;
}
ol#nav a:hover {
	background: #264D4D;
}
ol#nav li.current a, ol#nav li.current a:hover {
	background: #264D4D url('images/current.gif') 50% 27px no-repeat;
}
ol#nav li.current a.tint, ol#nav li.current a.tint:hover {
	background: #264D4D url('images/currenttint.gif') 50% 27px no-repeat;
}



/* SIDE NAV STYLES */
#cat {
	position: absolute;
	top: 0px;
	left: -180px;
	list-style: none;
	font-size: 100%;
	margin: 8px 0px;
}
html>body #cat { left: 0px; }
#cat li {
	width: 160px;
	font-size: 70%;
	margin: 0px;
border-bottom: 1px solid #EFF2F2;
}
#cat li a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 6px 14px;
	background-color: #DFE6E6;
}
#cat li a:hover {
	background-color: #EFF2F2;
}
#cat li.current a {
	background-color: #EFF2F2;
}