

/* GLOBAL GENERIC CLASSES */
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.vert-top     { vertical-align: top; }
.vert-mid     { vertical-align: middle; }
.vert-bot    { vertical-align: bottom; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.wrap          { width:960px;margin:0 auto; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/* CSS RESET END */
	html, body	{background:#f1f7e9; font-family: Arial, Verdana, Helvetica, Tahoma; font-size: 11px; color: #666666; line-height: 19px; margin: 0; height: 100%;}
	a { color:#3c6777; text-decoration:none; }
	a:hover { text-decoration:none; }
	
	/* ----------------------------------->> */
	

	h2	{font-size: 14px; color: #8cc63f; margin-bottom: 5px;}

/* POSITIONING OF ELEMENTS ON PAGE */
        #Header {background-image:url('../../images/branding/kulula/redesign/headingnew.png'); background-repeat: no-repeat; width:958px; height: 83px; padding-bottom: 0px;}
	#OnlineNav {width: 922px; height:60px;display:block; float: right; padding-right: 20px;}
	#Content {width: 958px; background-color: #fff; margin: auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; min-height: 100%; margin-top: 15px;}
	#Content_Inside {padding: 20px;}
	#DestContent_Inside {padding: 8px;}
	
	





/* FOOTER: NAVIGATION and COPYRIGHT */
	TABLE.ftr { width: 100%; margin: 0; font-family: Arial, Verdana, Trebuchet MS, Sans-Serif; }
	TABLE.ftr TD.ftrtd { padding: 5px; text-align: center; color: #999; }
	TABLE.ftr TD.ftrbarend { width: 11px; height: 23px; }
	TABLE.ftr TD.ftrbar { background-color: #00bce4; font-family: Trebuchet MS, Verdana, Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: #FFF; text-align: center; width: 100%; vertical-align:middle; }
	TABLE.ftr TD.ftrbar a.ftrbarlnk, TABLE.ftr TD.ftrbar a.ftrbarlnk:link, TABLE.ftr TD.ftrbar a.ftrbarlnk:visited, TABLE.ftr TD.ftrbar a.ftrbarlnk:active, TABLE.ftr TD.ftrbar a.ftrbarlnk:focus {color: #FFF; text-decoration: none; font-size: 11px;font-family: Trebuchet MS, Verdana, Arial, Sans-Serif; }
	TABLE.ftr TD.ftrbar a.ftrbarlnk:hover {color: #333; text-decoration: underline; font-size: 11px;}
	TABLE TD.ftrgrad{ background-image: url(../../images/branding/kulula/redesign/skin/siteBgrd.gif); background-repeat: repeat-x; background-position: bottom; height: 15px; }

TABLE.subNav {width: 100% ; font-family: Trebuchet MS, Verdana, Arial, Sans-Serif; font-size: 11px; font-weight: bold; white-space: nowrap; text-align: center; color: #FFF;}

TABLE.subNav TD.subNavDef {padding: 0 9px; background-color: #00bce4; }

TABLE.subNav TD.subNavDef a.subNavAct {color: #333;  font-size: 11px;  text-decoration: underline; font-weight: bold;}

TABLE.subNav TD.subNavAct {padding: 0 11px; background-color: #00bce4; color: #333; }

TABLE.subNav TD.subNavDivider {padding: 0 2px; background-color: #00bce4;}

TABLE.subNav TD.subNavCorners {width: 11px; }

TABLE.subNav TD.subNavCorners img {width: 11px; height: 23px;}

TABLE.subNav TD.copyright {color: #999; font-weight: normal; font-size: 11px; border-top: solid 1px #EEEEEE; padding: 3px 0 0 0;}

TABLE.subNav TD.ftrPlainNav {color: #666666; font-weight: normal; font-family: font-family: Verdana, Arial, Sans-Serif; font-size: 11px; padding: 0 5px 5px 3px;}


TR.topgrad { background: url(../../images/branding/kulula/header/siteTgrd.gif) top repeat-x; }

TR.btmgrad { background: url(../../images/branding/kulula/header/siteBgrd.gif) bottom repeat-x; }

TABLE.mainNav {white-space: nowrap; cursor: pointer;}

TABLE.mainNav TD.navDefault{padding:0px 18px; background-image: url(../../images/branding/kulula/header/nav_def.gif); text-align: center; font-family: Trebuchet MS; font-size: 15px; color: #ffffff; font-weight: bold;}

TABLE.mainNav TD.navActive{padding:0px 18px; background-image: url(../../images/branding/kulula/header/nav_act.gif); text-align: center; font-family: Trebuchet MS; font-size: 15px; color: #ffffff; font-weight: bold;}

TABLE.mainNav TD.navHover{padding:0px 18px; background-image: url(../../images/branding/kulula/header/nav_hov.gif); text-align: center; font-family: Trebuchet MS; font-size: 15px; color: #ffffff; font-weight: bold;}
