html, body {margin: 0; padding:0; font-family:Verdana,Arial,sans-serif;}

body
{
margin-left:auto;margin-right:auto;width:760px;
background-color: #ffc266;
background-image: url(../images/background.gif);
background-repeat: repeat-x;
background-position: 0 0;
}

#headercontainer { width:742px;height:130px;background-image:url(../images/banner.png);background-repeat:repeat-x;display:block;}
#banner h1 {width:742px;height:70px;color:#000;font:bold 200% / 1em Arial, Verdana, sans-serif;padding:0.95em 0em 0em 0.25em;margin:0;background-image:url(../images/interaxsys_banner.png);background-repeat:no-repeat;background-position:99% 10%;display:block;}
html>body #headercontainer {width:750px;}
#fontsizeselector h6 {font-size:9px;position:absolute;padding:0 0 0 0;margin:0 0 0 0;}
#fontsizeselector a {color:#555;text-decoration:none;}
#fontsizeselector a.stylesel {color:#dea145;text-decoration:none;}


#menuholder {width:100%;background-color:#ffc266;height:28px;padding:0.25em;}
/*IE6 hack to get widths displaying same for the menuholder*/
html>body #menuholder {padding:0.25em 0 0 0;}
#topmenu {margin:0px 0px 0px 10px;padding:0;}
#topmenu li {list-style:none;float:left;margin:0;font-size:10px;line-height:20px;white-space:nowrap;}
#topmenu a {display:block;float:left;
			font-weight:bold;text-decoration:none;
			border:1px solid;border-color:#eeeeee #dea145 #dea145 #eeeeee;
			background:#ffc266; color:#000;
			padding-left:20px;padding-right:5px;
			background-image:url(../images/bumps.gif);background-repeat:no-repeat;background-position:1px 50%;
			width:0.1em;
			}
			/*width:0.1em is an IE6 hack to make sure the whole 'box' including padding is a link and reacts accordingly*/
			html>body #topmenu a {width:auto;} /*this fixes the IE6 hack as IE6 does not understand child selectors and reverts the width to auto.*/
/* Commented backslash hack hides rule from IE5-Mac \*/
#topmenu a {float:none;}	/*end of hack*/
#topmenu a:hover {background-color:#dea145; color:#ffffff;border-color:#ffc266 #dbdbdb #dbdbdb #ffc266;}
#topmenu a.menuselected {background-color:#dea145;color:#fff;border-color:#91692d #dbdbdb #dbdbdb #91692d;}

*.hilight {color:#dea145;font-weight:700;}

#picrightnoborder
{
	top:10px;
	float:right;
	display:block;
	padding:10px;
	margin:5px;
}
#picright
{
	top:10px;
	float:right;
	display:block;
	padding:10px;
	margin:5px;
	border:1px solid;
}

#container
{
	width:758px;
	/*background-color:#fff;*/
	/*border:2px solid #eeaa11;*/
	/*display:block;*/
	float:left;
	background-image:url(../images/mainbackground.png);background-repeat:repeat-y;
	margin:0;
	clear:left;
}

div.spacer
{
	height:0;
	clear: both;
}

#leftpanel {
	width:150px;
	/*background-image:url(../images/leftmenubackground.png);background-repeat:repeat-y;*/
	float:left;
	/*border: 1px dashed #e41;*/
}

#leftpanel h3
{
	margin:40px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
	background-color:#dea145;color:#fff;
	width:136px;
	min-height:25px;
	font-size:11px;
}
/*html>body #leftpanel h3 {width:150px;}*/
*.leftmenu {margin:0;margin-left:0;padding-left:0;width:151px;}
*.leftmenu li {list-style:none;float:left;margin:0;font-size:10px;line-height:20px;width:151px;
	/*border: 1px dashed #1f1;*/
}

*.leftmenu a {display:block;
			font-weight:bold;text-decoration:none;
			font-size:10px;
			border:1px solid;border-color:#eeeeee #dea145 #dea145 #eeeeee;
			background:#ffc266; color:#000;
			padding-left:20px;padding-right:5px;
			/*background-image:url(../images/bumps.gif);background-repeat:no-repeat;background-position:1px 50%;*/
			width:125px;
			float:left;
			}
			/*width:0.1em is an IE6 hack to make sure the whole 'box' including padding is a link and reacts accordingly*/
			html>body #leftmenu a {width:auto;} /*this fixes the IE6 hack as IE6 does not understand child selectors and reverts the width to auto.*/
/* Commented backslash hack hides rule from IE5-Mac \*/
*.leftmenu a {float:none;}	/*end of hack*/
*.leftmenu a:hover {background-color:#dea145; color:#ffffff;border-color:#ffc266 #dbdbdb #dbdbdb #ffc266;}
*.leftmenu a.menuselected {background-color:#dea145;color:#fff;border-color:#91692d #dbdbdb #dbdbdb #91692d;border-bottom:2px solid #000;}
*.leftmenu a.subselected {color:#fff;border-color:#dea145;font-weight:bold;border-bottom:2px solid #000;}


#page
{
	margin-left:15px;
	margin-bottom:25px;
	margin-right:10px;
	/*border: 1px dotted #3d1;*/
}

#page p{
	margin: 0px 40px 0px 40px; padding: 10px 5px 0px 0px;
	/*border-left:solid;border-left-color:#ffc266;border-left-width:thin;
	border-right:solid;border-right-color:#ffc266;border-right-width:thin;*/
	/*border:1px solid #f36;*/
}

#page h2
{
	margin: 10px 0px 0px 0px;float:left;
	background-color:#dea145;color:#fff;width:733px;padding:5px 0px 5px 25px;
	font-size: 14px;

}
#page q
{
	font-size:smaller;color:#dea145;font-style:italic;
}

#subTitle
{
	margin: 10px 40px 0px 2px;
	background-color:#fff;
	color:#dea145;
	width:auto;
	padding:5px 45px 5px 25px;
	border-bottom:2px solid #dea145;
	font-weight:bolder;
	/*border:1px solid #f36;*/
}
#knockoutleft
{
	/*margin: 10px 1em 1em 0;
	padding:0.25em;*/
	width:180px;
	float:left;
	margin: 15px 10px 15px 20px; padding:0.25em;
	border:1px solid;
	font-size:small;
	background-color:#eee;
}
html>body #page #knockoutleft {margin-left:40px;margin-bottom:5px;}
#knockoutleft q
{
	color:#000;font-style:italic;
}
#knockoutright
{
	/*margin: 10px 1em 1em 0;
	padding:0.25em;*/
	width:180px;
	float:right;
	margin: 15px 20px 15px 40px; padding:0.25em;
	border:1px solid;
	font-size:small;
	background-color:#eee;
}
html>body #page #knockoutright {margin-right:40px;margin-bottom:5px;}
#knockoutright q
{
	color:#000;font-style:italic;
}

#knockoutleft p
{
	padding:1px;
	margin: 10px 5px 5px 0px;
}
html>body #page #knockoutleft p {margin: 10px 20px 5px 0px;}

#knockoutright p
{
	padding:1px;
	margin: 10px 5px 5px 0px;
}
html>body #page #knockoutright p {margin: 10px 5px 5px 10px;}


#subKTitle
{
	margin: 5px 5px 5px 5px;
	color:#dea145;
	width:auto;
	padding:5px 5px 5px 5px;
	border-bottom:2px solid #dea145;
	font-weight:bolder;
	/*border:1px solid #f36;*/
}


*.list-normal {list-style-type:none;
				/*float:left;
				margin: 0px 40px 0px 40px;
				padding: 10px 0px 0px 0px 0px;*/
}
*.list-normal-disc
{
	list-style-type:disc;
	margin-left:50px;padding-left:0;
}

*.leftmenu
{
	list-style-type:none;
	/*float:left;*/
}

*.bodylist
{
	list-style-type:none;
	font-size:small;
	/*float:left;*/
}
*.bodylist a:hover {color:#dea145;font-weight:bold;}
*.bodylist a {color:#555;}

#footercontainer
{
	width:750px;
	float:left;
	background-color:#dea145;
	padding:0 0 0 0;
	/*margin-left:auto;margin-right:auto;width:750px;*/
	/*border:1px solid #f36;*/
	display:inline;
}

#fcontainer
{
	float:left;width:742px;margin-left:-200px;
	padding:10px;
}
#fleft
{
	float:left;
	width:200px;
	margin-left:100px;
	font-size:x-small;
	text-align:left;

}
/*IE6 hack to get margin postion correct for IE6*/
html>body #fleft {margin-left:200px;}
#fmiddle
{
	margin-left:400px;
	font-size:normal;
	font-weight:700;
	text-align:center;
	/*border:1px solid #661;*/
}
#fright
{

	margin-left:-200px;
	font-size:x-small;
	text-align:right;
	padding:10px;
	padding-left:100%;
	/*border:1px solid #61a;*/
}
#message
{
	font-size:medium;
	font-weight:500;
	text-align:center;
	width:100%;
	background-color:white;
}
/*
#leftfooter h6 {font-size:9px;padding:0 0 0 0;margin:0 0 0 0;position:relative;left:1%;}
#centrefooter h5 {font-size:11px;padding:0 0 0 0;margin:0 0 0 0;position:relative;left:50%;right:50%;}
#rightfooter h6 {font-size:9px;padding:0 0 0 0;margin:0 0 0 0;position:relative;left:85%;}

#leftfooter {position:relative;width:200px;left:0%;font-size:9px;border:1px #f00 solid;}
#centrefooter {position:relative;width:200px;left:50%;font-size:9px;border:1px #000 solid;}
#rightfooter {position:relative;width:200px;left:80%;font-size:9px;border:1px #0f0 solid;}

#leftfooter {position:relative;display:inline;}
#centrefooter {position:relative;display:inline;left:17%;}
#rightfooter {position:relative;display:inline;right:-30%;}*/
#imageleft
{
	margin:-10px;
}


*.formlabels
{
	color:#A18C30; font-weight:bold;
	margin-bottom:0px;
}
*.formentry
{
	margin-top:0px;
	margin-left:40px;
	padding-top:0px;
	width:550px;
}

*.fesmall
{
	height:20px;
}

*.febig
{
	height:100px;
}

*.error, *.error2
{
	color:#D12111;
}
*.error
{
	font-size:larger;
}