/* basic elements
 * ------------------------------------------------------------------------------------- */
* { margin: 0px; padding: 0px; }
html { min-height: 100%; margin-bottom: 1px; }
body { text-align: center; font-family: arial, verdana, sans-serif; font-size: 14px; color: #333; }
table, th, td { font-family: arial, verdana, sans-serif; font-size: 11px; color: #333; }

#skip { display: none; }
a img, :link img, :visited img { border: none; }
img { display: block; }
a:link { color: #4c4c4c; text-decoration: underline; }
a:visited { color: #4c4c4c; text-decoration: underline; }
a:hover, a:active { color: #333; text-decoration: none; }
/* end basic elements
 * ------------------------------------------------------------------------------------- */
 
.courseTD
{
	padding: 2px;
}
 
/* START Global Classes */
.clear { clear: both; }
.inline { display: inline; }
.more a:link, .more a:visited, a.more:link, a.more:visited { padding: 0 0 0 5px; background: url(../images/arrow_grey.gif) no-repeat 0px 4px; color: #3333FF; font-size: 12px; }



.leftside {float: left; width: 208px; padding-left:12px;}
.centeredImage {padding-top: 25px; padding-left: 15px;}
.centeredImage2 {padding-top: 15px; padding-left: 40px;}
.rightside {float: left; width: 582px;}

.columns-1 {width: 270px; float: left; padding: 5px; }
.columns-2 {float: right; padding: 5px;}
.pool {list-style-image: url(../images/BlueBullet.gif); font-size: 24px; }

#containerGMP li {padding: 0px 15px 0px 5px;} 

.smalltext {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; padding-bottom:10px; padding-left: 5px;}
.newUL {padding-left:1.5em;}
.TopBar { padding-left: 12px; padding-top:20px; padding-bottom:22px;}
.BottomBar { padding-left: 15px; padding-top:20px; padding-bottom:22px; clear: both;}
.GMPBottom { text-align:center;  font-size: 10px; padding-top: 5px;}
.AreYou {padding-bottom: 23px; text-align:left; font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #000000;}
.Per {padding-bottom: 23px;  text-align:left;  font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000000;}
.Per2 {padding-bottom: 23px;  padding-left: 20px; padding-right: 20px; text-align:left;  font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000000;}
.Per3 {padding-bottom: 23px; text-align:center; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000000;}
.Source {padding-bottom: 23px;  text-align:left;  font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #003366;}
.Benefits {padding-bottom: 15px; text-align:left; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000000;}

#container {
	position: relative;
	width: 740px;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
	height: 538px;
}
#containerGMP {background:#FFFFFF; position: relative; width: 820px; margin: 0 auto; text-align: left; border: 1px #000000;}
#header { position: relative; z-index:50; }
#h_search { position: absolute; top: 10px; right: 0px; width: 553px; height: 30px; background: url(../images/search_back.gif); }
	#h_search form { padding: 5px;}
	select { font-size: 10px;}
	.searchbtn { color: #3A4D69; background: #C9CDCC; height: 18px; font-size: 10px; border: 1px solid #999; border-color: #ddd #999 #999 #ddd; }
	#h_search a:link, #h_search a:visited	{ padding: 0 0 0 10px; background: url(../images/arrow_red.gif) no-repeat 4px 4px; color: #3A4D69; font-size: 10px; text-decoration: none; }
	#h_search span { float: right; margin: 6px 6px 0 0; }

/* navigation 
-------------------------------------------- */
#nav					{ position: absolute; top: 48px; right: 0px; height: 34px; width: 553px; z-index: 50;}
#nav li 				{ position: relative; height: 34px; width: 93px; list-style: none; float: left;}
#nav li a, #nav li div 	{ position: relative; height: 34px; width: 93px; display:block; text-decoration:none; }
#nav li a				{ cursor: pointer; }
#nav li strong 			{ position: absolute; top: 0px; left: 0px; display: block; height: 34px; width: 93px; z-index: 10;}
#nav li, #nav li a, #nav li strong, #nav li div	{ background-image: url(../images/Menu.gif); }

#nav li.about, #nav li.about a, #nav li.about a strong				{ background-position: 0 0; }
#nav li.services, #nav li.services a, #nav li.services a strong		{ background-position: -93px 0px; }
#nav li.products, #nav li.products a, #nav li.products a strong		{ background-position: -186px 0px; }
#nav li.news, #nav li.news a, #nav li.news a strong				{ background-position: -279px 0px; }
#nav li.careers, #nav li.careers a, #nav li.careers a strong			{ background-position: -372px 0px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong			{ background-position: -465px 0px; width: 88px;}

/* HOVER STATE */
#nav li.about, #nav li.about a:hover strong			{ background-position: 0px -34px; }
#nav li.services, #nav li.services a:hover strong	{ background-position: -93px -34px; }
#nav li.products, #nav li.products a:hover strong	{ background-position: -186px -34px; }
#nav li.news, #nav li.news a:hover strong			{ background-position: -279px -34px; }
#nav li.careers, #nav li.careers a:hover strong		{ background-position: -372px -34px; }
#nav li.contact, #nav li.contact a:hover strong		{ background-position: -465px -34px; width: 88px; }

/* ON STATE */ 
#nav li.abouton, #nav li.abouton strong			{ background-position: 0px -68px; }
#nav li.serviceson, #nav li.serviceson strong	{ background-position: -93px -68px; }
#nav li.productson, #nav li.productson strong	{ background-position: -186px -68px; }
#nav li.newson, #nav li.newson strong			{ background-position: -279px -68px; }
#nav li.careerson, #nav li.careerson strong		{ background-position: -372px -68px; }
#nav li.contacton, #nav li.contacton strong		{ background-position: -465px -68px; width: 88px; }


/* NAVIGATION: css drop downs */
/* controls width of drop down menus for each button */
#nav li.about ul li a , #nav li.abouton ul li a 		{ width: 76px; }
#nav li.services ul li a, #nav li.serviceson ul li a	{ width: 76px; }
#nav li.products ul li a, #nav li.productson ul li a	{ width: 76px; }
#nav li.news ul li a, #nav li.newson ul li a		    { width: 76px; }
#nav li.careers ul li a, #nav li.careerson ul li a		{ width: 76px; }
#nav li.contact ul li a, #nav li.contacton ul li a		{ width: 76px; }


/* controls links on drop down */
#nav li ul li a:link, #nav li ul li a:visited
    { display: block; padding: 5px 6px; background: #fff; color: #333; text-decoration: none; cursor: pointer; /* for IE */	font-size: 11px; height: 100%; border-bottom: 1px solid #ddd; }
#nav li ul li	{ height: auto; width: auto;}
#nav li ul li a:hover {	background: #d7d7d7; text-decoration: underline; color: #000; }

#nav ul 	{ list-style: none; } /* all lists */
#nav li ul  { display: none; position: absolute; top: 34px;	left: 0px; z-index: 50; } /* second-level lists */
#nav li>ul 	{ top: 34px; left: 0px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.over ul { display: block; padding: 0px;  opacity: .95; filter: alpha(opacity=95); border-bottom: 4px solid #bbb; }


/* controls colors for each dropdown section */
#nav li.about ul li a:link, #nav li.about ul li a:visited { border-bottom: 1px solid #BAD7FF; }
#nav li.services ul li a:link, #nav li.services ul li a:visited	{ border-bottom: 1px solid #89BBFF; }
#nav li.products ul li a:link, #nav li.products ul li a:visited	{ border-bottom: 1px solid #76A0D7; }
#nav li.news ul li a:link, #nav li.news ul li a:visited { border-bottom: 1px solid #6284B4; }
#nav li.careers ul li a:link, #nav li.careers ul li a:visited { border-bottom: 1px solid #4D688D; }
#nav li.contact ul li a:link, #nav li.contact ul li a:visited { border-bottom: 1px solid #3A4D69; }
#nav li.about:hover ul, #nav li.over.about ul { border-bottom: 4px solid #BAD7FF; }
#nav li.services:hover ul, #nav li.over.services ul { border-bottom: 4px solid #89BBFF; }
#nav li.products:hover ul, #nav li.over.products ul { border-bottom: 4px solid #76A0D7; }
#nav li.news:hover ul, #nav li.over.news ul { border-bottom: 4px solid #6284B4; }
#nav li.careers:hover ul, #nav li.over.careers ul { border-bottom: 4px solid #4D688D; }
#nav li.contact:hover ul, #nav li.over.contact ul { border-bottom: 4px solid #3A4D69; }

/*
homepage elements ===============================*/
#headnav	{ margin: 15px 0 5px; padding: 3px 4px 5px; background: #E5E5E5; font-size: 12px; color: #999; }
	#headnav span	{ float: right;}
	#headnav a:link, #headnav a:visited	{ color: #666; text-decoration: none;}
	#headnav img	{ display: inline; margin-bottom: -4px; margin-left: 6px;}

.h_welcome, .h_knowledge, .h_news, .h_searchbox_bottom { position: relative; float: left; font-size: 12px; line-height: 14px;}
	.h_welcome p, .h_knowledge p, .h_news p	{ padding: 5px;}
	.h_welcome strong, .h_knowledge strong	{ color: #000000;}
	.h_news	{color: #000000;}
	.h_news a:link { text-decoration: underline; color: #0000CC;}
	.h_news a:hover {text-decoration: none; color: #0000CC; }
	.h_news a:visited { color: #0000CC;}
	
.h_welcome		{ width: 218px; padding: 5px 5px 5px 10px;}
	* html .h_welcome	{ width: 228px; w\idth: 218px;}
.h_knowledge		{ width: 268px; padding: 5px 6px 5px; }
	* html .h_knowledge	{ width: 278px; w\idth: 268px;}
.h_news		{ width: 214px; padding: 5px 6px 5px;}
	* html .h_news	{ width: 204px; w\idth: 194px;} 
.h_news ul {padding: 10px 0px 0px 10px; list-style-type: disc; top:5 px;}
.h_news li {padding: 5px 0px 5px 0px;}


.news_main		{padding: 5px 6px 5px;}
.news_main ul {padding: 10px 0px 0px 10px; list-style-type: disc; top:5 px;}
.news_main li {padding: 5px 0px 5px 0px;}
.news_main p {border: 1px solid #cccccc; margin:5px; padding: 10px 15px 10px 15px;}


.h_searchbox_bottom   { top: 10px; width: 740px; padding: 5px 0px 10px; text-align:center; background:#eae9e9}
    * html .h_searchbox_bottom {width: 740px; w\idth: 740px;}
	
.h_welcome p.more, .h_knowledge p.more, .h_news p.more, .h_searchbox_bottom p.more { border: 0;}

.h_searchbox_bottom input { font-size: 12px;}

.mainpageinfo	{ position: relative; padding: 10px 0px 0px 0px; width: 740px;}
.searchbarbottom { position: relative; padding: 10px 0px 0px 0px; width: 740px;}

/* MAC IE ONLY FIX, NO OTHER BROWSER SEES THIS */
/*\*//*/
.h_cols	{ padding-top: 150px; }
/**/

.prefooter {text-align: center; 
			margin-right: auto; 
			margin-left:auto;  
			width:740px; 
			clear:both; 
			padding-top: 5px;
			position:relative; !important}

/* BEGIN footer */
.footer { text-align: center; position: relative; height: 71px; bottom: 5px; color: #999999; background: #FFFFFF; font-size: 10px; line-height: 20px; clear: both;}
.footer span { position: relative; top: 10px; text-align: center;  }
.footer a:link, .footer a:visited	{ color: #666; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
#s_footer	{ padding: 30px 0 0;}
/* END footer */

/*
MISC Elements ===========================*/
h1	{ font-size: 18px; font-weight: normal; margin: 0 0 5px; color: #8B3B3E; top:10px; }
	#about_kyma h1		{ color: #BAD7FF; border-bottom: 1px dotted #BAD7FF;}
h2	{ font-size: 18px; padding: 10px 0px 10px 0px; font-weight: normal; line-height: 21px;   color: #4d688d; }
	#about_kyma h2		{ color: #4d688d; }
.wider	{ width: 520px;}
h3	{ font-size: 12px; padding: 0px 0px 5px;}
h4	{ font-size: 12px; padding: 0px 0px 5px;  color: #666666; text-align:center;}
p.totop { text-align: right; }
p.centerimage { text-align: center; }



SUB PAGES ===========================*/
#subhead			 	{ margin: 0 0 30px; border-bottom: 5px solid #d6e0e0;}
	#about #subhead	 	{ border-bottom: 5px solid #ccccff;}
	
#s_main	{ background: url(../images/line.gif) repeat-y; /*\*/height: 1%;/**/ padding: 0 0 5px;}

.subnav		{ position: relative; float: left; width: 148px; padding-left: 10px; padding-top:15px; font-size:11px;}
	* html .subnav { width: 158px; w\idth: 148px;}
	.subnav ul	{ list-style: none; }
	.subnav ul ul	{ list-style: none; margin-left: 0;}
	.subnav li	{ position: relative; padding: 6px 0 1px; background: url(../images/dots.gif) no-repeat 0px 0px; color: #999; font-weight: bold;}
	.subnav li a:link, .subnav li a:visited	{ position: relative; padding-left: 10px; margin-left: -10px; display: block; color: #888; border-right: 1px solid #fff; margin-right: 1px;}
	.subnav li li a:link, .subnav li li a:visited	{ padding-left: 20px;}
	.subnav li li li a:link, .subnav li li li a:visited	{ padding-left: 30px;}
	.subnav li a:hover	{ background: url(../images/arrow_grey.gif) no-repeat 3px 4px; color: #333;}
    #about_kyma .subnav li.on strong { display: block; padding-left: 10px; margin-left: -10px; color: #4d688d; background: #bad7ff url(../images/arrow_blue.gif) no-repeat 3px 4px;border-right: 1px solid #fff; margin-right: 1px;}
	#services .subnav li.on strong { display: block; padding-left: 10px; margin-left: -10px; color: #344761; background: #89bbff url(../images/arrow_blue.gif) no-repeat 3px 4px;border-right: 1px solid #fff; margin-right: 1px;}
	#kymanews .subnav li.on strong { display: block; padding-left: 10px; margin-left: -10px; color: #ffffff; background: #6284b4 url(../images/arrow_white.gif) no-repeat 3px 4px;border-right: 1px solid #fff; margin-right: 1px;}
	#products .subnav li.on strong { display: block; padding-left: 10px; margin-left: -10px; color: #ffffff; background: #76a0d7 url(../images/arrow_white.gif) no-repeat 3px 4px;border-right: 1px solid #fff; margin-right: 1px;}
	#careers_kyma .subnav li.on strong { display: block; padding-left: 10px; margin-left: -10px; color: #ffffff; background: #4d688d url(../images/arrow_white.gif) no-repeat 3px 4px;border-right: 1px solid #fff; margin-right: 1px;}
	#contact_kyma .subnav li.on strong { display: block; padding-left: 10px; margin-left: -10px; color: #ffffff; background: #3a4d69 url(../images/arrow_white.gif) no-repeat 3px 4px;border-right: 1px solid #fff; margin-right: 1px;}
	.subnav li li.on strong	{ padding-left: 20px; }
	.subnav li li li.on strong	{ padding-left: 30px;  }
	.subnav li.on ul	{ background: #fff; margin-right: 1px; }
	
	.subnav a:link, .subnav a:visited					{ color: #888; text-decoration: none; }
	.subnav a:hover										{ color: #333; text-decoration: underline; }

	.subnav p	{ padding: 2px; border-bottom: 1px dotted #ccc; }
	.subnav p.none	{ border: 0;}

.box	{ padding: 5px 0px 5px 5px; margin: 30px 10px 0 0;  background: #f6f0e3; border-bottom: 5px solid #BAD7FF; color: #777; font-style:italic; font-size: 12px; font-weight: bold;}
	.subnav .box p	{ padding: 5px;}
	#about_kyma .box strong	{ color: #BAD7FF; font-size: 13px; font-style: normal; }

.callout	{ background: #BAD7FF url(../images/callout_bg_about.gif) no-repeat; padding: 5px; /*\*/height: 1%;/**/ margin: 20px 10px 0 0;}
	.callout h4	{ position: relative; color: #fff; font-size: 16px; text-align: center; line-height: 15px; padding: 10px 0;}
	.subnav .callout p	{ margin: 3px 0; padding: 5px 10px; color: #892034; border: 0; font-weight: bold; background: #fdf5e2; opacity: .77; filter: alpha(opacity=77); float: left; display: inline; width: 108px; }
	* html .subnav .callout p	{ width: 128px; w\idth: 108px;}
	.callout strong	{ color: #eca400; font-size: 16px;}

.s_content	{ float: left; width: 370px; padding: 10px 10px 0 30px; font-size: 12px; line-height: 16px; color: #666;}
	* html .s_content	{ width: 410px; w\idth: 370px; }
	.s_content ul	{ padding: 0 0 10px 20px; }
	.s_content li	{ list-style: square; padding: 0 0 5px 0; }
	.s_content p	{ padding: 0 0 10px; }
.s_content2 { width: 540px; }
.s_content2 ul li {padding: 5px 0px 0px 5px; list-style-type: disc; top:5 px;}

* html .s_content2 { width: 580px; w\idth: 540px; }
#about_kyma .s_content2 div.caption { width: 172px; float: right; margin-left: 10px; }
#services .s_content2 div.caption { width: 172px; float: right; margin-left: 10px; }
* html #social .s_content2 div.caption { width: 182px; w\idth: 172px; }
#about_kyma .s_content2 div.caption p { width: 172px; }
#services .s_content2 div.caption p { width: 172px; }
* html #about_kyma .s_content2 div.caption p { width: 182px; w\idth: 172px; }
* html #services .s_content2 div.caption p { width: 182px; w\idth: 172px; }
.left_float img{float:left; padding-right: 10px;
}
* html .s_content3 { width: 580px; w\idth: 540px; }
#about_kyma .s_content3 div.caption { width: 172px; float: right; margin-left: 10px; }
#services .s_content3 div.caption { width: 172px; float: right; margin-left: 10px; }
* html #social .s_content3 div.caption { width: 182px; w\idth: 172px; }
#about_kyma .s_content3 div.caption p { width: 172px; }
#services .s_content3 div.caption p { width: 172px; }
* html #about_kyma .s_content2 div.caption p { width: 182px; w\idth: 172px; }
* html #services .s_content2 div.caption p { width: 182px; w\idth: 172px; }


.float_L {float:left; padding-right: 10px; padding: 5px 15px 5px 5px;}
.float_R {float: right; padding: 0 0 0 0; margin-right: 10px;}
.float_none {float: left;}

.s_cols		{ position: relative; float: left; width: 182px; font-size: 10px; padding: 10px 1px 0;}
.s_content .s_cols p	{ padding: 5px; border-bottom: 1px solid #ccc; line-height: 11px;}
.s_content .s_cols p.none	{ border: 0;}
	.s_cols			{ width: 180px; margin: 0 2px 0 0;}
	* html .s_cols	{ width: 182px; w\idth: 180px;}
	.s_content .s_cols p.more	{ border: 0;}

	.s_content p.visit		{ font-size: 9px; background: url(../images/arrow_grey.gif) no-repeat 0 4px; padding-left: 6px; }
	.visit a:link, .visit a:visited	{position: relative; background: url(../images/icon_newwindow.gif) no-repeat 162px 3px; padding-right: 12px; color: #666;}
	.s_content ol li 				{ list-style-type: decimal; margin-left: 20px; }

.b_team { background: url(../images/Team_Gradient.gif); border: 1px solid #cccccc; margin:5px; padding: 10px 15px 10px 15px;}
.b_team h3 {font-size: 12px; color: #3a4d69; padding: 5px 0px 5px;  }
.pic_image {
	float: none;
	padding: 20px;
}
.pic_image_left {
	float: left; padding-right: 10px;
}
.leftaligned {
	float: left;
}
.popcorn_ul {
list-style::none;}