* { padding: 0; margin: 0;}
html,body	{ height: 100%; }
BODY
{
	background: #F3F3F4;
	font-family: Arial, Helvetica, sans-serif;
	color: #36c;
	text-align: left;
	font-size: 10pt;
	text-align: center;
}
a
{
    color: #284C93;
}
a:hover
{
    color: #8CABE8;
}
#page
{
	width: 800px;
	margin: 0 auto;
	background: #fff;
	border-left: 1px solid #36c;
	border-right: 1px solid #36c;
}
#navlist
{
	margin: 0;
	border-bottom: 1px solid #36c;
	width: 800px;
	top: -27px;
	position: relative;
}
html>body #navlist
{
	padding: 3px 0 20px 0;
}
#navlist li
{
	list-style: none;
}
.navlistli
{
	margin-left: 3px;
	float: left;
	padding: 3px 0;
	border-top: 1px solid #36c;
}
html>body .navlistli { padding: 0;}
#navlist li a
{
	padding: 3px 0.5em;
	border-left: 1px solid #36c;
	border-right: 1px solid #36c;
	background: #BFDFFA;
	text-decoration: none;
	color: #448;
	text-align: left;
}
html>body #navlist li a { border: 1px solid #36c; 	border-bottom: none;}
#navlist li a:hover
{
	color: #000;
	background: #A0C9EB;
	border-color: #227;
}

#navlist li a#current
{
	background: white;
	border-bottom: 1px solid white;
}

#navlist ul li
{
	line-height: 18px;
	position: relative;

}/*
#navlist li ul.submenu
{
	position: absolute;
	display: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #36c;
	top: 23px;
}
html>body #navlist li ul.submenu
{
	border-top: none;
	border-bottom: 1px solid #36c;
}

#navlist li ul.submenu1
{
	left: 79px;
}
#navlist li ul.submenu2
{
	left: 192px;
}
#navlist li ul.submenu3
{
	left: 286px;
}
#navlist li ul.submenu4
{
	left: 377px;
}
html>body #navlist li ul.submenu1
{
	left: 76px;
}
html>body #navlist li ul.submenu2
{
	left: 188px;
}
html>body #navlist li ul.submenu3
{
	left: 281px;
}
html>body #navlist li ul.submenu4
{
	left: 372px;
}

.submenuli
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #36c;
	clear: left;
    width: 100px;
}
.submenuli a
{
	display: block;
}
html>body .submenuli { border-bottom: none; }
#navlist li:hover ul, #navlist li.over ul { display: block; z-index: 10; }
*/
* html #navlist ul li { float: left; height: 1%; z-index: 10; }
* html #navlist ul li a { height: 1%; z-index: 10; width: 100px; }


#content
{
	width: 800px;
}

#leftcontent
{
	float: left;
	width: 300px;
	text-align: center;
}

#rightcontent
{
	padding: 10px 10px 30px 10px;
	margin-left: 300px;
	text-align: left;
}
#rightcontent p
{
	margin-left: 2em;
}
#rightcontent h1
{
	font-weight: bold;
	font-size: 12pt;
	margin-left: 10px;
	text-decoration: underline;
}
#rightcontent h2
 {
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
	margin-bottom: 4px;
}
#footer
{
	clear: both;
	background: #D4E7FD;
	position: relative;
	margin: 20px auto 0 auto;
	padding: 10px;
	font-size: 8pt;
	width: 800px;
	text-align: left;
	border-top: 1px solid #36c;
	border-bottom: 1px solid #36c;
	font-style: italic;
}
html>body #footer
{
	width: 780px;
}
#designby
{
	text-align: right;
	font-size: 8pt;
	border-bottom: 1px solid #999;
	background: #F3F3F4;
	padding: 1px 5px 1px 0;
	width: 800px;
	margin: 0 auto;
	color: #999;
}
#designby a { color: #999; }
.smallheader
{
	font-size: 8pt;
	text-align: left;
	display: block;
	padding: 15px;
	top: -40px;
	position: relative;
	z-index: 1;
}

.contactfrm input, .contactfrm label, .contactfrm textarea, .contactfrm select
{
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
.contactfrm textarea
{
	height: 100px;
	width: 300px;
}
.contactfrm input[type=submit]
{
	width: 100px;
	padding: 2px;
	margin: 0 200px;
	background: #C4DFF7;
}
.contactfrm input[type=submit]:hover
{
	color: #fff;
	background: #679BCA;
}
.contactfrm input, .contactfrm textarea, .contactfrm select
{
	background: #C4DFF7;
	border: 1px solid #193542;

}
.contactfrm input[type=hidden]
{
	padding: 0;
	margin: 0;
	border: 0;
}
.contactfrm label
{
	text-align: right;
	width: 150px;
	padding-right: 20px;
}
.contactfrm br
{
	clear: both;
}
.ticks
{
    margin-left: 40px;
    list-style-image: url(../images/tick.gif);
}
.fimgr
{
    float: right;
    vertical-align: top;
}
.smalltext
{
    font-size: 8pt;
}
.bold
{
    font-weight: bold;
}
.ulmargin
{
    margin-left: 40px;
}
.backtotop
{
    font-size: 8pt;
    float: right;
}
#kineticoimg
{
    margin-top: 150px;
}

ol li { margin-bottom: 10px; }

#menuwrapper {
	margin: 0;
	width: 800px;
}
#menuwrapper img
{
	border-bottom: 1px solid #36c;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar {
	margin: 0;
	padding: 0;
	width: 800px;
	top: -29px;
	position: relative;
}
#p7menubar, #p7menubar ul {
 
	padding: 0;
	margin: 0;
	list-style: none;
}
#p7menubar a 
{
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-left: 1px solid #36c;
	border-right: 1px solid #36c;
	font-size: .85em;
	color: #36c;
}
#p7menubar a.trigger {
	padding: 5px 16px 5px 10px;
}
#p7menubar li {
 
	background: #BFDFFA;
	float: left;
	width: 9em;
	padding: 0 !important;
}
#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 12em;
}
#p7menubar ul li a  {
	color: #36c;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	border-right: 1px solid #36c;
	border-bottom: 1px solid #36c;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000;
	background: #A0C9EB;
	border-color: #000;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
}
#p7menubar ul a:hover {
	background-color: #A0C9EB !important;
	color: #FFFFFF !important;
}
.submenu li
{
	line-height: 15px;
	border-top: 1px solid #36c;
	text-align: left;
	color: #36c;
}