@CHARSET "UTF-8";

/* reset and clear stuff */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5em;}
table {border-collapse:separate;border-spacing:0;}
table, td, th {vertical-align:middle;}
a img {border:none;}
a:hover {text-decoration: underline;}

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em; line-height: 1em;}
h3 {font-size:1.5em;line-height:1.4em;margin-bottom:1em; margin-top:2px;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:2px;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
em { font-style: italic;}
strong { font-weight: bold;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

/* the main stuff */
body { margin:0; padding: 0; }
body { background: #fff url(../ks-images/bg-sub-body.jpg) 0 108px repeat-x; font-family: Arial, sans-serif; text-align: left }
#wrapper { width: 980px; margin: 0 auto; background: url(../ks-images/bg-sub-banner.jpg) 0 0 repeat-x; text-align: left; }	

.home { background: #fff url(../ks-images/bg-body.gif) 0 150px repeat-x; font-family: Arial, sans-serif; }	
.home #wrapper { width: 980px; margin: 0 auto; background: url(../ks-images/bg-wrapper.jpg) 0 0 no-repeat; }

/* header */
#header { height:110px; width:920px; margin: 0 auto; font-size: 11px; text-align: left; }
	#header .skip { display: none; }
	#header h2 { float: left; background: url(../ks-images/logo.png) 0 0 no-repeat; height: 70px; width: 360px;
		text-indent: -999px; overflow: hidden; margin-top: 20px; }
	#header h2 a { display: block; height: 70px; width: 360px; }
	
	#header .right { width: 400px; margin-top: 40px; position: relative; float: right; z-index: 999; }

	#network { background: url(../ks-images/dropdown-ksnetwork.gif) 0 0 no-repeat; height: 29px; width: 200px; cursor: pointer; margin: 0; padding:0; text-align: left;
		line-height: 30px; float: left; color: #4d4d4d; }
		#network:hover, #header .active { background-position: left bottom; cursor: pointer; }
		#network p { padding: 0px 0 0 12px; margin:0; }
	
	#networkdropdown { background: url(../ks-images/bg-dropdown.png) left bottom no-repeat; display: none; position: absolute; top:26px; left: -10px; width:220px; z-index: 999;  }
		#networkdropdown ul { padding: 5px 22px 15px 22px; margin: 0; position:relative; z-index: 999; }
		#networkdropdown li { border-top:1px solid #ECECEC; padding:4px 0 4px 0; margin: 0; list-style: none; }
		#networkdropdown a { text-decoration: none; color: #545454; padding-left: 10px;
			background: url(../ks-images/bullet-black.gif) left center no-repeat; display: block; }
		* html #networkdropdown a { float: left; }
		#networkdropdown a:hover { text-decoration: underline; color: #236613;
			background: url(../ks-images/bullet-green.gif) left center no-repeat; }
		
	#cse-search-box { background: url(../ks-images/bg-search.gif) top right no-repeat; height: 29px; width: 192px; float: right;  }
		#cse-search-box .text { background: none; padding:8px 0 5px 7px; width:149px; border:0; float: left; color:#666666; }
		#cse-search-box .search { height: 29px; width: 30px; line-height: 29px; 
			background: url(../ks-images/button-search.gif) 0 0 no-repeat; 
			cursor: pointer; float: right; text-indent: -999px; overflow: hidden; border: 0; }
		#cse-search-box .search:hover { cursor: pointer; background-position: left bottom; }

/* nav */
div#navwrapper { background: #027844; }		
#nav { clear:both; overflow: hidden; background: #027844; width: 920px; margin:0 auto; padding:0; }
	#nav li { float: left; font-weight: bold; font-size: 12px; list-style: none; margin: 0; padding: 0; }
	#nav li a { display: block; padding: 12px 16px 10px 16px; background: #027844; color: #fff; text-decoration: none; }
	#nav li a:hover, #nav li a:focus { background: #006F3E; }
	#nav li a.active { background: #008E52; color: #ccff99; }
	#nav li a.active :hover, #nav li a.active:focus { text-decoration: none; }

/* banner */	
.home #banner { margin: 0 40px; height: 230px; position: relative; }
	.home #banner .banner-inner { color:#FFFFFF; padding: 40px 60px 0 350px; font-size:14px; line-height:1.4em; }
	.home #banner img { position: absolute; top:50px; left:40px; margin: 0; }
	.home #banner p { margin-bottom: 20px; }
	.home #banner p.p1 { padding-left: 60px; background: url(../ks-images/bullet-happy.png) left center no-repeat; }
	.home #banner p.p2 { padding-left: 60px; background: url(../ks-images/bullet-light.png) left center no-repeat; }
	.home #banner a { color:#fff; }
	.home #banner a:hover { color:#CCFF99; }
	
	body h1 { margin-top: 0; }
	
/* sub banner */	
.sub #banner { height: 135px; padding: 0 55px; }
.sub #banner img { padding-top: 40px; }
	
/* footer */
#footer { margin: 40px 30px 0 30px; height: 70px; clear: both; background: url(../ks-images/bg-footer.gif) 0 0 no-repeat; font-size: 11px; }	
	#footer .left { padding: 18px 0 0 70px; float: left; }
	#footer .left a { color: #028242; }
	
	#footer .right { padding: 18px 20px 0 0; float: right; }
	#footer .right .pgtop { position:relative; top:2px; }
	#footer .right a { color: #8D8D8D; }
	#footer .right a:hover { color:#555555; }
				
/* content */
#content { padding: 20px 55px 0; min-height: 200px; clear:both; overflow: hidden; }

	/* left */
	#content #left { float:left; width:240px; }
		#content #left h3 { font-size: 1.083em; margin-bottom: 12px; font-weight: bold; margin-top: 0; }
		#content #left h3.divider { padding-top: 20px; }
		#content #left ul { margin:0; padding: 0; }
		#content #left ul li { padding-left: 12px; margin: 0; background: url(../ks-images/bullet-blue.gif) left 7px no-repeat;
			margin-bottom: 3px; color: #888; list-style: none; }
		#content #left ul li.bold { font-weight: bold; margin-top: 14px; }

	/* right */
	#content #right { float:right; width: 600px; overflow: hidden; }
		
		#content .templatewrapper { width:520px; }
		
		#content form.login { width: 430px; border:1px solid #E6E6E6; background: #F8F8F8 url(../ks-images/bg-newsletter.gif) 0 0 repeat-x; padding: 10px 12px; margin-bottom: 20px; }
		#content form.login input.txt { margin-bottom: 4px; margin-right: 6px; }
		
		#content ul { padding: 0 0 14px 20px; margin:0; }
		#content ul li { padding-left: 12px; background: url(../ks-images/bullet-black.gif) left 6px no-repeat;
			margin-bottom: 2px; list-style: none; }	
		#content ol { padding: 0 0 14px 20px; margin:0; }
		#content ol li { margin-left: 12px; list-style-type: decimal; margin-bottom: 2px; }	
	

	/* two col content */
	.text-twocol { overflow: auto; }
	.text-twocol .left { float:left; width:230px; }
	.text-twocol .left p { margin-right: 30px; }
	.text-twocol .right { float: left; width: 230px; }
	
	/* two col */
	.twocol { overflow: hidden; margin-bottom: 60px; }
		.twocol .leftcol { width:46%; float:left; padding:30px 20px 27px 0; overflow: hidden; 
			background: #F8F8F8 url('../ks-images/bg-newsletter.gif') 0 0 repeat-x; border: 1px solid #e6e6e6; }				
		.twocol .rightcol {width:46%; float:right; padding:30px 20px 27px 0; overflow: hidden; 
			background: #F8F8F8 url('../ks-images/bg-newsletter.gif') 0 0 repeat-x; border: 1px solid #e6e6e6; }
		
		.twocol strong { float: right; padding: 0 6px 0 0; position: relative; top:-8px; }	
		.twocol strong img { padding-left: 4px; position: relative; top: 8px; }	
		.twocol .button-continue { width: 120px; display:block; padding: 10px 0 8px; line-height:12px; color: #fff; font-weight: bold;
			background: url(../ks-images/button-continue.gif) 0 0 no-repeat; text-align: center; border: 0;
			font-size: 12px; text-decoration: none; float: right; cursor: pointer; }
		.twocol input.button-continue { height:30px; padding:0; }
		.twocol .button-continue:link, .twocol .button-continue:active, .twocol .button-continue:visited, .twocol .button-continue:hover { color:#fff; }
		.twocol .button-continue:hover { background-position: bottom left; }

