* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body {
	height		: 100%;
	min-height	: 100%;
	width		: 100%;
	border		: 0px none;
	background	: #cccc99 url(images/bg-v3.gif) repeat-y;
	color		: #408080;
}
#topbar {
	height		: 21px;
	background	: transparent url(images/topbarR.gif) repeat-x;
}
#topbar div {
	height		: 21px;
	background	: transparent url(images/topbarL.gif) no-repeat;
}
#header {
	height		: 96px;
	color		: #660099;
	background	: transparent url(images/logotype.gif) no-repeat;
}
#header h1 {
	position	: absolute;
	left		: -1000em;
	color		: #D5FFA5;
}
#contact {
	text-align	: right;
	padding		: 38px 7% 0 0;
}
#main {
	display: table;
	height: 100%;
	width: 100%;
	border-collapse: collapse;
	border: 0px none;
	empty-cells: hide;
}

p, div, td, li, form { 
	text-align: left;
	font: bold 13px/1.4 Verdana,"Lucida Grande","Lucida Sans Unicode",Geneva,sans-serif;
}
div {margin: auto;}
#content {
	width: 90%;
	max-width: 45em;
	width: expression(document.body.clientWidth >= 928? "45em": "90%" );
}
#content p, #content h4 {margin: 0 auto 0.8em auto;}
#content h1 {font-size: 1.8em; color: #fff;}
#content h2 {
	margin : 0.8em auto 0.25em auto;
	font-size: 1.3em;
	line-height: 1;
	text-align : left;
	font-style: italic;
	color: #fff;
}
#content h3 {
	margin : 0.8em auto 0.25em auto;
	font-size: 1.15em;
	line-height: 1;
	text-align : left;
	color: #fff;
}

#content img {
	margin: 0 0 12px 12px;
	border: 1px solid #fff;
}
#footer {
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}
#footer a:link, #footer a:visited {
	line-height: 2;
	color: #fff;
}
#footer small {
	display: block;
	line-height: 1.2;
	padding-bottom: 12px;
}
ol, #content ul, blockquote {
	text-align: left;
	margin: 0.1em auto 0.1em auto;
	width: 80%;
	max-width: 40em;
	/*width: expression(document.body.clientWidth >= 828? "40em": "80%" );*/
	border: 0px none;
}
ul li {
	position		: relative;
	display			: block;
	list-style-type	: none;
	left			: 0;
	width			: auto;
	padding-left	: 14px;
	margin			: 0 0 2px 0;
	background		: transparent url(images/bluedot.gif) no-repeat 1px 0.5em;
	/*border			: 1px solid #ffffff;*/
}
ol {
	width: 90%;
	padding-left: 2em;
	margin: 0;
}
ol li {
	margin: 0 0 6px 1em;
}
#content .twocol {
	width: 49%;
	float: left;
	margin-left: 0;
}
#content .twocol li ul {position: relative;margin-top: 0.25em; width: 99%;}

a:link {color : #660099;}
a:active {color : red;}
a:visited {color : #660099;}

.halfspace {
margin-top : 0px;
height : 6px;
}

/* nav column */
#lcol {
	position : relative;
	width: 250px;
	margin: 0;
	padding: 0;
	text-align: left;
	border: none;
}
#nav {
	position: relative;
	left: 0px;
	width: 15em;
	margin: 1em 0 1em 44px;
	padding-bottom: 0.01em;
	list-style-type: none;
	background: url(images/bgnav.gif);
	overflow: visible;
}
#nav li {
	list-style-type: none;
	margin: 0 0 14px 12px;
	padding: 7px 0 4px 0;
	background: transparent;
	overflow: visible;
}
#nav a, #nav a:link, #nav a:visited {
	display : block;
	position: relative;
	width: 14em;
	line-height : 1.5;
	margin: 0 -23px 0 0;
	padding: 0 0 1px 22px;
	text-decoration : none;
	background: transparent url(images/arrowR.gif) left 0.26em no-repeat;
	border-bottom: 1px solid #660099;
	overflow: visible;
}
#nav a:hover {
	background: transparent url(images/arrowRmo.gif) left 0.26em no-repeat;
	border-bottom: 1px solid #FF6531;
}

.callout {
	width: 90%;
	padding: 3px;
	font-size: 1.3em;
	text-align: center;
	color: #ffff80;
	background: #cacaff;
	border: 2px solid #D5FFA5;
}

.hr {
	background: #660099;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
.hrtop {
	border-top: 1px solid #660099;
	padding-top: 3px;
}

.dot {
	padding: 4px 4px 0px 2px;
	font-size: 1px;
	background: transparent url(images/bluedot.gif) no-repeat 0 0.5em;
}
.bigger {
	font-size: 1.2em;
	color: #663366;
}
.orderbtn {
	padding: 0 0 0 22px;
	background: transparent url(images/arrowR.gif) left 0.26em no-repeat;
}
.notbold {font-weight: normal;}

.formtable {
	border-collapse: collapse;
	/*background : #E0E0C2;*/
}
th {
	padding: 3px 4px;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	background: #A3C2C2;
	border: 1px solid #cccc99;
}
.formtable td {
	padding: 4px;
	/*background : #DBDBB8;*/
	border: 1px solid #cccc99;
}

.formd {
	font-weight: normal;
	padding-left : 20px;
	margin-top : 0px;
}
input, textarea {
	display: inline;
	margin-bottom: 0px;
	margin-top: 0px;
	font: 1em 'MS Sans Serif', Geneva, sans-serif;
}

.formsel, select {
	margin-top: 0px;
	margin-bottom: 0px;
	font: 1em 'MS Sans Serif', Geneva, sans-serif;
}

.font9 {
font : 9pt 'MS Sans Serif', Geneva, sans-serif;
}

.widen {
	width:220px;
}

.firstltr {
	display : inline;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.15em;
}
.center {text-align : center;}
.right {text-align : right;}
#content strong {color:#336633}