html, body {
	background:#BBCCDD;
	height:100%;
	color:500000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	text-align:justify;
}

a:link {
	text-decoration:none;
	color:#3366CC;
}

a:visited {
	text-decoration:none;
	color:#3366CC;
}

a:hover {
	text-decoration:underline;
	color:#112266;
}

/* The property beginning with # will only be interpreted by IE */
h1 {
	font-weight:700;
	font-size:120%; 
	margin-right:5px;
	#margin-right:10px; 
	display:inline;
	color:#224477;
}

h2 {
	font-weight:700;
	font-size:100%;
	text-align:center;
	padding:2px 0px;
	margin:10px 0px 5px;
	color:#224477;
}

h3 {
	font-weight: 700;
	color: #227788;
	font-size: 105%;
}

.innerContainer {
	width:700px;
	margin:0px auto;
	padding:0px 5px;
	background:transparent url(images/background.jpg) repeat-y scroll 0 0;
	min-height:100%;
	position:relative;
}

.headerPane .topBanner {

}

.headerPane .topBanner h1 {
	background:transparent url(images/ksys_banner2.jpg) no-repeat scroll 0 0;
	height:140px;
	width:700px;;
	margin:0px;
	padding:0px;
	text-indent:-9000px;
	display:block;
}

.headerPane .menuBar {
	margin:0px;
	padding:0px;
	height:32px;
}

.headerPane .menuBar a {
	text-align:center;
	width:100px;
	display:block;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	color:#112266;
	background-color:#D9ECFC;
	margin:0px;
	padding:7px 0px;
	-moz-outline: none -moz-mac-focusring;
	border-top:2px solid #223355;
	border-bottom:2px solid #223355;
}

.headerPane .menuBar a:hover {
	color:#557799;
	cursor:pointer;
}

.headerPane ul {
	margin:0;
	padding:0;
}

.headerPane .menuBar li {
	list-style:none;
	float:left;
}

.headerPane .menuBar .dropdown {
	display:none;
	position:absolute;
	margin-top:-2px;
}

/* 
 * This next line ensures the dropdowns work where user does not have javascript.
 * At present, this gives the exact same effect as the JavaScript. However, we can
 * make the JavaScript dropdown animation more fancy if we wish, whilst leaving the line
 * below to cater for those who either do not have JavaScript enabled, or are still using
 * IE6 (or lower), where li:hover pseudo-class is not recognised.
 */
.headerPane .menuBar li:hover ul {
	display:block;
}

.headerPane .menuBar li:hover a {
	color:#557799;
}

.headerPane .menuBar .dropdown li {
	clear:both;
	padding:5px 5px 5px 5px;
	background:#D9ECFC url(images/dd_border.jpg) no-repeat scroll left top;
	width:130px;
	border:2px solid #223355;
	border-top:none;
	border-bottom:none;
	height:21px;
}

.headerPane .menuBar .dropdown li#bottom {
	border:none;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:9px;
	background:transparent url(images/dd_bottom.png) no-repeat scroll top left;
}

.headerPane .menuBar .dropdown a {
	padding:4px 22px 4px 6px;
	border:none;
	text-align:left;
	color:#223355 !important;
}

.headerPane .menuBar .dropdown a:hover {
	padding:3px 21px 3px 5px;
	background:#5577AA;
	border:1px solid #442222;
	color:#FFFFFF !important;
}

.contentPane {
	padding-bottom:105px;
}

.contentPane .textBlock {
	clear:both;
	margin:16px;
	padding:0px;
}

.contentPane .textBlock p {
	margin:15px 0px;
	padding:0px;
}

.contentPane .textBlock .inlineText {
	margin:0px;
	padding:0px;
	display:inline;
}

.contentPane .quoteBlock {
	clear:both;
	margin:19px;
	padding:0px;
	border:1px solid #C0C0C0;
	background-color:#88AACC;
	color:#FFFFFF;
}

.contentPane .quoteBlock p {
	margin:0px;
	padding:5px;
}

.contentPane .quoteBlock .quoteBy {
	font-style:italic;
}

.contentPane .imageBulletBlock {
	clear:both;
	margin:15px 30px 0px;
	padding:0px;
	border-top: 1px solid #E5E5E5;
}

.contentPane .imageBulletBlock .imageBullet {
	clear:both;
	height:50px;
	padding:4px 0px;
}

.contentPane .imageBulletBlock .imageBullet img {
	float:left;
	margin:0px 20px 0px 0px;
	width:75px;
	height:50px;
	border:1px solid #000000;
}

.contentPane .imageBulletBlock .imageBullet p {
	display:inline; 
	vertical-align:top;
	font-size:9pt;
}

.contentPane .downloadList a {
	font-size:7pt;
	margin-left:5px;
}

.contentPane .featureImage {
	text-align:center;
}

.footerPane {
	padding:0px 0px 10px;
	position:absolute;
	bottom:0;
	width:100%;
}

.footerPane .footerLinks {
	margin:15px 40px;
	text-align:center;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

.footerPane .footerLinks p {
	font-size:7.5pt;
}

.footerPane .footerAddress {
	margin:0px 40px;
	text-align:center;
	height:100%;
}

.footerPane .footerAddress p {
	font-size:7pt; 
	padding:0px;
	margin:0px;
}