/* CSS Document */
/**NOTE: the order in which items are listed affects the behavior or appearance of listed styles (cascade)**/

/******** STANDARD HTML ELEMENTS **********/
body { font-family:arial,helvetica,sans-serif; margin:0; padding:0; background:#240972; color:#151515; }
a:link { color:#0000cc; }
a:visited { color:#240972; }
a:hover, a:active { color:#000000; }
form {margin:0; padding:0; }
label { font-size:11px; white-space:nowrap; }
input, select, textarea {  font-family:arial,helvetica,sans-serif; font-size:12px; padding:0; margin:0; }
input.formbutton { margin:0px 0px 2px 0px; padding:0px; background-color:#000099; font-family: arial, helvetica, sans-serif; font-size:10px; font-weight:bold; color:#ffffff; border:2px outset #0000aa;  }
.errormsg { font-size: 12px; line-height: 150%; font-weight:normal; color:#FF0000; }
.formtable td {padding:6px 6px 12px 0; white-space:nowrap; vertical-align:top; }
.formtable input.formbutton { margin:0px 0px 2px 0px; padding:0px; background-color:#000099; font-family: arial, helvetica, sans-serif; font-size:10px; font-weight:bold; color:#ffffff; border:2px outset #0000aa;  }
blockquote { margin:0 0 0 18px; }

/***PAGESTRUCTURE IDs****/

#skipnav {display:none; }
#container { margin:0; }
#top { background:#240972; } /*left of header*/
#logo { vertical-align:top; background:#240972; }
#hdrstretchright { background:#240972; } /*right of header*/
#bodystretchleft { background:#ffffff url(images/bkgrd_nav.gif) top left repeat-x; } /*left of main content*/
#catbert { background:#ffffff; } /**HOLDS CONTENT TABLE***/
#content td { vertical-align:top; }
#bodystretchright { background:#ffffff url(images/bkgrd_nav.gif) top left repeat-x; } /*right of main content*/
#footerstretchleft {  }
#footercontainer {  }
#footerstretchright { }

/*****CONTENT TABLE******/

td.leftspacer img { height:1px; width:190px; } /**controls width of left column**/
td.mainspacer img { height:1px; width:556px; } /**controls width of right column**/

#content.td { padding:0; margin:0; text-align:left; vertical-align:top; }

/***** GLOBAL NAVIGATION *******/
	#globalnavhome { background:#ffffff url(images/bkgrd_globalnavleft.gif) top right no-repeat; margin:0; padding:0; vertical-align:top; }
	#globalnavhome ul { margin:0px; padding:2px 0 0 42px; list-style:none; text-align:left; }
	#globalnavhome li { display:inline; margin:0px; padding:0px; font-weight:bold; white-space:nowrap; font-size:11px; }
	#globalnavhome a:link, #globalnavhome a:visited { color:#967800; text-decoration:none; cursor:hand; }
	#globalnavhome a:hover, #globalnavhome a:active { color:#000000;  text-decoration:none; cursor:hand; }
	#globalnavhome span { float:left; display:block; padding:0 0 4px 0; }

	#globalnav { background:#ffffff url(images/bkgrd_nav.gif) top left repeat-x; white-space:nowrap; text-align:left; margin:0; padding:0; vertical-align:top; }
	#globalnav ul { margin:0px; padding:0px; list-style:none; text-align:left; }
	#globalnav li { display:inline; margin:0px; padding:0px;  font-size:11px; font-weight:bold; white-space:nowrap; }
	#globalnav a { float:left; background:url(images/globalnavRight.gif) no-repeat right top; text-decoration:none; white-space:nowrap; }
	#globalnav a:link, #globalnav a:visited { color:#3B2F00; }
	#globalnav a:hover, #globalnav a:active { color:#000000; background-position: 100% -75px; }
	#globalnav span { float:left; display:block; background:url(images/globalnavLeft.gif) no-repeat left top; padding:2px 12px 4px 12px; }

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#globalnav span { float:none; }
	/* End IE5-Mac hack */

	#globalnav li a:hover span, #globalnav li a:active span { background-position:0% -75px; }
	#globalnav li.current a:hover span, #globalnav li.current a:active span { background-position:0% -150px; }
	#globalnav li.current a { color:#000099; background-position:100% -150px; }
	#globalnav li.current a:visited { color:#000099;text-decoration:none; }
	#globalnav li.current a:hover { color:#000000; background-position:100% -150px; }
	#globalnav li.current span { background-position:0% -150px; }

	/**LEFT OF MAIN PAGE HEADING; login button; also news lead-ins on homepage only**/ 	
	#lefthead { padding:22px 0 0 30px; }
		.news { margin:15px 15px 9px 0; }
		.news h2 { font-size:12px; color:#000099; margin:0 0 6px 0; }
		.news p { font-size:11px; line-height:14px; margin:0 0 6px 0; color:#333333; }
		.news p span.small { font-size:10px; }
		.news p strong { color:#151515; }

	/**MAIN PAGE HEADING**/
	#pagehead { background:#ffffff; vertical-align:top; padding:0; margin:0; }
		#pagehead h1 { font-size:16px; margin:22px 0 15px 0; padding:0; color:#000099; }
		#pagehead img {margin:22px 0 15px 0; } /**this is used on homepage only**/

	/**LEFT COLUMN**/
	#leftcol { padding:2px 0 0 30px; vertical-align:top; }
		#leftcol div.infobox { margin: 1px 12px 15px 0; padding: 0; text-align:left; }
		#leftcol div.infobox p { font-size:11px; line-height:14px; margin-top:0px; margin-bottom:4px; color:#000000; }

		#optin { font-size:10px; margin:2px 33px 15px 0; padding:4px 3px 6px 6px; background: #ffcc00 url(images/bkgrd_updates.jpg); }
		#optin p { font-size:11px; line-height:12px; margin-top:0px; margin-bottom:4px; color:#000033; }
		#optin input { font-size:11px; margin-bottom:4px; background-color:#ffffff;  }
		#optin input.formbutton { margin:0px 0px 2px 0px; padding:0px; background-color:#000099; font-family: Arial, Helvetica; font-size:10px; font-weight:bold; color:#ffffff; border:2px outset #0000aa; width:74px; }

		/***LEFT NAVIGATION****/
		#leftcol ul { margin:0 6px 18px 0; padding:0; }
		#leftcol li { font-size:12px; font-weight:bold; margin:0px 0 6px 0; padding:0; list-style: url(images/leftmarkerblank.gif) outside; }
		#leftcol li a:link,#leftcol li a:visited { text-decoration:none; color:#0000bb; }
		#leftcol li a:hover,#leftcol li a:active { text-decoration:none; color:#000000; }

		#leftcol li.current { list-style: url(images/leftmarker.gif) outside; }
		#leftcol li.current a:link, #leftcol li.current a:visited { color:#000000; }

	/**BODY TEXT**/
	#main { padding:0 20px 6px 0; margin:0; background:#ffffff; vertical-align:top; }
		#main p { font-size:13px; line-height:23px; padding:0; margin:0 0 8px 0; }
			#main p.tight { font-size:13px; line-height:17px; padding:0; margin:0 0 8px 0; color:#555555; }
			#main p.small, #main p span.small { font-size:12px; line-height:14px; padding:0; margin:0 0 8px 0; }
			#main p.phome {font-size:14px; margin:-2px 0 10px 0; }
		#main h2 { font-size:14px; line-height:17px; padding:0; margin:3px 0 9px 0; color:#000099; }
		#main h3, #main h4, #main h5 { font-size:14px; line-height:17px; padding:0; margin:12px 0 9px 0; color:#000099; }
		#main h3.orange { /*color:#FFCC00;*/ padding:0; margin:12px 0 2px 0; }
		#main ul { margin:0px 0px 2px 16px; padding:0; list-style-image:url(images/bullet.gif);  }
		#main ol { margin:0px 0px 2px 20px; padding:0; }
		#main li { font-size:13px; line-height:18px; margin:0; padding:0 0 6px 0; text-align:left; text-indent:0; }
		#main img.photoright { float:right; margin:5px 5px 4px 10px; }
		#main img.photoleft { float:left; margin:5px 12px 4px 0; }
		#main img.map { float:right; margin:0 -5px 4px 5px; }

		#main div.quote { width:150px; background:#ECE9E5 url(images/bkgrd_quote.jpg) top left repeat-x; float:right; margin:5px 5px 6px 9px; padding:4px 6px 5px 9px; display:inline; text-align:left; }
		/* fixes box model problem for PC IE5; this comment important-do not delete \*/ 
		* html #main div.quote {  width:182px; w\idth: 150px; } /*and another comment for mac IE*/
		#main div.quote p { font-size:12px; font-family:Arial,Helvetica,serif; font-style:italic; line-height:24px; margin-bottom:2px; color:#222222; }
		#main div.quote p.small { font-size:11px; font-family:Arial,Helvetica,serif; font-style:normal; line-height:12px; margin-bottom:6px; color:#252525; }
		
		#main table.detail { margin:2px 0 0 0; padding:0; }
	#main table.detail th { text-align:left; color:#333333; background:#DADADC; padding:4px 0 0 6px; font-size:11px; border-bottom:1px solid #ffffff; vertical-align:top;  }
	#main table.detail td { vertical-align:top; text-align:left; padding:3px 4px 3px 6px; font-size:12px; border-top:1px solid #C6C5C1; }
	#main table.detail td.bottom,#main table.detail th.bottom { font-size:11px; border-bottom:1px solid #C6C5C1; }
	#main table.detail td.small { font-size:11px; font-style:italic; padding-top:4px; }
	#main table.detail p { font-size:12px; margin:0 0 8px 0; line-height:1.2em; }
	#main table.detail p.indent { margin-left:15px; }
	#main table.detail h2 { font-size:13em; line-height:126%; margin:.7em 12px .3em 0px; color:#000099; padding:0; z-index:100; }
	#main table.detail h3 { font-size:13px; line-height:126%; margin:.7em 12px .3em 15px; color:#000099; padding:0; }


	#main table.listing { margin:2px 0 0 0; padding:4px 0 0 0; border-bottom:1px solid #ececec; }
	#main table.listing th { text-align:left; color:#333333; background:#DADADC; padding:1px 0 0 4px; font-size:11px; }
	#main table.listing td { vertical-align:top; text-align:left; padding:4px 4px 4px 0; font-size:12px; /*border-top:1px solid #C6C5C1;*/ }
	#main table.listing tr.gray td { background:#ececec; }
	#main table.listing td.more { font-size:11px; color:#777777; font-weight:bold; }
	
	/***sitemap***/
	#main ul#sitemap {margin:0; list-style:none; list-style-image:none;}
	#main ul#sitemap li {font-weight:bold; padding:3px 0 0 0; }
	#main ul#sitemap li ul {list-style:none; list-style-image:none; margin:0 0 0 45px; padding:0; }
	#main ul#sitemap li ul li { font-weight:normal }

/****FOOTER*****/
#footertable td { vertical-align:top; }
#totop {  padding:14px 0 0 41px; font-size:11px; }
	#totop  a { text-decoration:none; }
	#totop  a:link, #totop  a:visited { color:#ffffff; }
	#totop img { float:left; margin:3px 2px 0 0; }
	#totop a:hover, #totop  a:active { color:#ffcc00; }

#footer { padding:8px 53px 22px 0; }
	#footer p { padding-top:6px; margin:0; font-size:11px; color:#ffffff; }
	#footer a { text-decoration:none; font-weight:bold; }
	#footer a:link, #footer  a:visited { color:#ffffff; }
	#footer a:hover, #footer  a:active { color:#ffcc00; }
	


/****** DOCUMENT MANAGEMENT SYSTEM - BE VERY, VERY CAREFUL!!! HERE BE DRAGONS!!! ******************************************************************/
/******KT stuff********/
table.KT_tngtable { width:94%; }
table.KT_tngtable td { white-space:normal; padding:6px 6px 12px 0; font-size:12px; vertical-align:top; }
table.KT_tngtable td div.KT_col_category { white-space:normal;}
table.KT_tngtable td div.KT_col_catLastUpdate { white-space:normal;}

table.KT_tngtable th { white-space:nowrap; padding:2px 4px 2px 0; font-size:11px; vertical-align:bottom; border-bottom:none; background-color:#dddddd; text-align:left; }
table.KT-tngtable input, select, textarea { padding:0; margin:0; font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:#ffffff; }
table.KT_tngtable th input#KT_selAll { vertical-align:bottom; margin:0 0 1px 0;}
#main table.KT_tngtable p { line-height:17px; }
table.KT_tngtable input.formbutton, input.formbutton { margin:0px 0px 2px 0px; padding:0 3px 0 3px; background-color:#000099; font-size:9px; font-weight:bold; color:#ffffff; border:2px outset #0000aa; !important }
a.KT_edit_link, a.KT_delete_link { font-size:11px; }
div.KT_options a { font-size:11px; }
li.first, li.prev, li.next, li.last  { font-size:11px; vertical-align:top; color:#cccccc; }
div.KT_bottomnav {padding:0; margin:6px;}
div.KT_bottombuttons a {font-size:11px; vertical-align:top; }
/* div.KT_bottombuttons { border-top:1px solid #cccccc; } */
div.KT_bottombuttons input.formbutton { margin:0px 0px 2px 0px; padding:0px; background-color:#000099; font-family: arial, helvetica, sans-serif; font-size:10px; font-weight:bold; color:#ffffff; border:2px outset #0000aa;  }
table.KT_tngtable label { font-size:11px; color:#666666; }
	.KT_field_hint {vertical-align:top; color:#666666;}
div.KT_tngform table.KT_tngtable td { white-space:normal; padding:6px 6px 12px 0; font-size:12px; vertical-align:top; background-color:#ffffff; }
.clearfixplain { clear: both; }
.KT_field_error { font-size: 12px; line-height: 50%; font-weight:normal; color:#cc0000;  }
div.KT_tng h1 { font-size:16px; margin:2px 0 12px 0; padding:0; color:#000099; }
tr.KT_buttons input.formbutton { margin:0px 0px 2px 0px; padding:0px; background-color:#000099; font-family: arial, helvetica, sans-serif; font-size:10px; font-weight:bold; color:#ffffff; border:2px outset #0000aa;  }

/******* subnav for kokoadmin *********/
#subnavlist { padding:0; margin:0;}
#subnavlist li { text-align:left; list-style:none; margin:0; padding:0 0 9px 0; font-size:11px; font-weight:bold; }
#subnavlist li a {  }

.roweven { background-color: #ececec; }
.medium { font-size:11px; line-height:12px; font-weight:normal; }

#main h3.tightopbottom { margin:0; }
#main p.tightrain {margin:0; line-height:17px; }
#main p.smalltrain { font-size:11px; line-height:13px; }

#pagehead h2 { font-size:12px; margin:14px 0 9px 0; padding:0; color:#aaaaaa; }

#footerpop { padding:6px 0 9px 18px; background:#240972; font-size:11px; color:#ffffff; }
#headerpop {  }
#pageheadpop h1 { font-size:14px; color:#000099; margin:12px 0 10px 18px; }
#mainpop { padding:0 0 0 18px; vertical-align:top;  }
#mainpop p { font-size:13px; line-height:23px; padding:0; margin:0 0 8px 0;}
	#mainpop p.tight { font-size:13px; line-height:17px; padding:0; margin:0 0 8px 0; color:#555555; }
	#mainpop p.small, #mainpop p span.small { font-size:12px; line-height:14px; padding:0; margin:0 0 8px 0; }