@charset "utf-8";
/* CSS Document */


/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
html								{margin: 0px; padding: 0px; background:url(../images/kk_bkg.gif) repeat-x #845797;}
body 								{position: relative; width: 100%; height:100%; margin: auto; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size: 12px; color:#000;}
#container							{position:relative; height: auto; width: 760px; margin: 0px auto;  background:#fff; border-left:solid 1px #707070; border-right:solid 1px #707070; border-bottom:solid 1px #707070;}

h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img			{margin: 0px; padding: 0px; list-style:none; border: none}
table, tr, td, th			{padding: 0px; margin: 0px; vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */
th							{speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited			{color: #68a400; text-decoration:underline; cursor: pointer}
a:hover, a:active			{color: #456c02; text-decoration:none}

/* CONTENT & FORMATTING
---------------------------------------------------*/

#content					{position: relative; float:left; height:auto; width:760px; margin: 33px 0 0px 0; clear: both;}
#content blockquote			{width: 370px; float: left; margin: 0px 0px 10px 0px; text-align: center; padding-left:15px;}
#content blockquote img		{border: 3px solid #CCCCCC}
#content ul, #content ol	{margin: 10px 10px 30px 20px;}
#content li					{margin: 5px; color:#333333; }
cite						{font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight: bold; color:#351145; font-size: 11px; padding: 5px 0 15px 0px; display:block; text-align: center;}
p							{margin: 0px 15px 10px 10px;}
h1, h4						{font-size: 18px; margin: 0px 0px 10px 10px; color: #8059a4}
h2							{font-size: 15px; margin: 25px 0px 5px 10px; color: #8059a4}
h3							{font-size: 12px; margin: 20px 0px 0px 0px}
h3 i						{font-weight: normal}
hr							{height: 1px; width: 80%; margin: 0px; padding:0px}
.clear						{clear:both;}
.left						{width: 385px; padding: 0; float: left}
.right						{width: 350px; padding: 0 10px 0 0px; float: right}
*html .right				{width: 345px; padding: 0 10px 0 0px; float: right}

.Col1, .Col2, .Col3, .Col4	{width: 170px; height: 1930px; margin:10px; padding-top:0px; float: left; border-right: 1px solid #CCCCCC}
.Col1						{margin-left:15px}
.Col4						{width: 170px; margin-right:0px; border: none}

*html .Col1, .Col2, .Col3, .Col4	{width: 160px;}
*html .Col4						{width: 160px; }


/* PAGE SPECIFIC
---------------------------------------------------*/
#bio h1						{margin: 10px 0px 10px 15px; color:#8059a4}
#bio #content h2			{margin: 0px 0px 5px 15px; color: #8059a4}
#bio p						{margin: 15px 15px 15px 15px}
#bio .left					{position: relative; left: 10px; margin-top: 10px; width: 200px; height: 275px;}
#bio .right					{position: relative; right:0px; width: 525px; height: auto; margin: 0px 0px 0px 0px; padding:0px}
#bio blockquote				{width: 200px; float: left; margin: 0px 0px 10px 0px; text-align: center}
#bio blockquote img			{border: 3px solid #CCCCCC}


#community #content blockquote		{width: 740px; float: left; margin: 0px 0px 0px 15px; text-align: left}
#community h1						{font-size: 18px; margin: 0px 0px 10px 15px; color: #8059a4}
#community .left					{left: 10px; margin:0px; width: 300px; height: 275px;}
#community .right					{width: 410px; padding: 0 10px 10px 0px; float: right}
*html #community .right				{width: 400px; padding: 0 10px 10px 0px; float: right; margin-top:-345px;}

#contact p					{margin: 0px 15px 10px 0px;}
#contact p.contact			{font-size: 12px; margin: 20px 0px 0px 0px}
#contact .Col1				{width:306px; height: 220px; border:none; margin:0; float:left;}
#contact .Col2				{width:170px; height: 190px; margin:none; border:none; padding: 0 10px 20px 20px; float:left;}
#contact .Col3				{width:180px; height: 190px; margin:none; border:none; padding: 0 15px 20px 0; float:left; }
#contact .address			{width:390px; height: 110px; float:left; margin: 0px 0px 0px 30px; padding-bottom:15px; border-bottom: 1px solid #CCCCCC;}
#contact .address h2					{font-size: 15px; margin: 5px 0px 5px 0px; color: #8059a4}
#contact #content blockquote			{width: 300px; float: left; margin: 0px 0px 0px 0px; text-align: left; }
#contact #content blockquote .quote		{border: none; margin-top:15px; }


*html #contact .Col2			{width:170px; padding: 0 15px 20px 10px;}
*html #contact .Col3			{width:170px; padding: 0 0px 20px 10px; float:right; margin-top:-220px;}
*html #contact .address			{width:390px; margin: 0px 0px 0px 20px; }
*html #contact #content blockquote		{margin: 0px 0px 0px 5px;}


#products #content h2		{width: 125px; background: url(../images/icon-pdf.jpg) no-repeat left; padding: 35px 10px 35px 50px; font-size: 16px; margin:0px; float:left;}
#products #content .first	{margin:0px 20px 0px 120px;}
* html #products #content .first{margin:0px 20px 0px 70px;}
#products #content .clear	{clear:both;}

#products .Col5, .Col6	{width: 230px; height: 750px; margin: 5px; padding-top:0px; padding-right: 7px; float: left; border-right: 1px solid #CCCCCC}
#products .Col5			{margin-left:25px;}
#products .Col7			{width: 230px; height: 670px; margin: 5px; padding-top:0px; float: left; border:none;}

*html #products .Col5, .Col6		{width: 210px;}
*html #products .Col7				{width: 210px; }


#products #flashcontent	{width:175px; height:100px; margin:0px 0px 0px 0px; border:none; padding:0px; }
*html #products #flashcontent	{margin:0px 0px 0px 0px; padding:0px; }

#products #flashcontent2	{width:160px; height:100px; margin:0px 0px 0px -10px; border:none; padding:0px; }
*html #products #flashcontent2	{margin:0px; padding:0px;}
#products cite						{font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight: bold; color:#351145; font-size: 11px; padding:none; margin:0px; display:block; text-align: center;}


#products #content			{margin-top: 31px}
#products h1				{font-size: 13px; margin: 10px 0px 2px 0px; color:#68a400}
#products h1 img						{margin:0 0 10px 10px;}
#products p					{margin: 0px 15px 10px 0px;}
#products a					{text-decoration:none}
#products #content ul		{margin: 10px 0px 15px 8px}
#products #content li		{margin: 2px}

/* HOME
---------------------------------------------------*/
#home #branding				{height:80px;}
*html #home #branding		{height:127px;}
#home #branding h2			{position:absolute; top:15px; margin-left:15px;}


#home h1					{font-size: 17px; font-weight: bold; color:#8059a4;}
#home h2					{font-size: 13px; margin-top:5px; color: #000;}
#home p						{line-height:20px; }

#home blockquote			{position: relative; float:left; margin: 0; width: 265px; height: 282px; padding: 10px 0 0 18px;}
#home blockquote img		{padding-top:20px;}
#home #flashcontent			{position: relative; z-index: 1; float:left; width: 470px; height:282px; background:url(../images/flashholder.jpg) no-repeat; margin: 0px 0px 0px -15px; padding:0px; border:1px solid #432c4d;}
*html #home #flashcontent	{margin: 0px 0px 0px -15px;}
#home #flashcontent h2		{width: 250px; margin: 240px 20px 0px 200px; color: #fff}
#home #flashcontent a		{color: #fff}

#home .left					{width: 495px; padding: 0px 00px 0px 3px; float: left}
#home .right				{width: 210px; padding: 0px 15px 0px 10px; height:215px; float: left; background:url(../images/line_vertical.gif) no-repeat;}

#home .ship					{margin: 35px 0px 24px 285px;}
*html #home .ship			{margin: -20px 0px 24px 285px;}
#home .ship h2				{font:Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color:#825595; }
#home .line					{margin: 43px 0px 11px 18px; }
#home .logos				{margin: 0 0 5px 0;}
#home .logos img 			{padding: 0 0 0 67px;}							


/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding							{position:relative; height:125px; margin:0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; color:#010101; z-index:1; width:760px; clear:both; }
#branding h2						{position:absolute; top:-5px; margin-left:15px;}
#branding ul li						{padding:5px 0px;}

#branding ul.bar					{position:absolute; padding:0px; margin-top:80px; margin-left: 280px; display:block;}
#branding li.yuimenubaritem 		{padding:0px 10px; display:block; float:left; background:url(../images/nav_divider.gif) no-repeat; line-height:10px;}
#branding li.first					{background:none; padding-left:0px;}
#branding li.last					{padding-right:0px;}

div.yui-b p 						{margin: 0 0 .5em 0;color: #999;}
div.yui-b p strong 					{font-weight:bold; color:#000;}
div.yui-b p em 						{color: #000;}
#nav 								{position: static;}

#nav ul li.yuimenubaritem				{}
#nav a.yuimenubaritemlabel:active		{color:#68a400;}
#nav a.yuimenubaritemlabel:link,
#nav a.yuimenubaritemlabel:visited		{font-weight:bold; text-decoration:none; color:#000;}
#nav a.yuimenubaritemlabel:hover 		{color:#68a400;}
#nav .yuimenu  							{background:#fff; border:solid 1px #a8a8a8; font-size:11px; text-align:left; padding:5px 10px;}

.yuimenu 								{position: absolute; left: 0; display: none; width:auto;}
#nav .yuimenu a.yuimenuitemlabel:active	{text-decoration:none; color:#68a400;}
#nav .yuimenu a.yuimenuitemlabel:link,
#nav .yuimenu a.yuimenuitemlabel:visited {font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; font-size:11px; text-decoration:none;}
#nav .yuimenu a.yuimenuitemlabel:hover  {text-decoration:none; color:#68a400;}
#nav .yui-menu-shadow              		{display:none;}
.yuimenuitemlabel,.yuimenubaritemlabel	{white-space:nowrap;}

#contact #nav_contact,
#community #nav_community,
#press #nav_press,
#products #nav_products,
#bio #nav_about,
#about #nav_about,
#home #nav_home					{color:#68a400;}

/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{position:absolute; text-align:center; width: 760px; clear: both; color:#fff; padding:12px 0px 10px 0px; display:block; font-size:11px; margin:0 auto;  }
#siteinfo a:link, 
#siteinfo a:visited					{color: #fff; text-decoration: underline; font-weight:normal; }
#siteinfo a:hover,
#siteinfo a:active					{color: #fff; text-decoration: none;}
#siteinfo cite 						{font-style:normal; color:#fff; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#siteinfo cite a					{color: #fff; font-style:normal;}