﻿@charset "utf-8";
/****************************************************************/
/* CSS 2.1  STYLE SHEET - Copyright 2007 - 2011 SIPhawaii       */
/* version    : 1.11                                            */
/* Update: 06-29-2011                                           */
/****************************************************************/
/* Composed by: BOP Web Innovations - New Zealand   			*/
/*                                                              */
/*  REMARKS:                                                    */
/*	>> Free to copy but you MUST link your HOME page			*/
/*	   to SIPhawaii[DOT]com and do not remove this header. 		*/
/*	   Thank you. <<											*/
/****************************************************************/
/* RESET */
* { margin: 0; padding: 0; }   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin: 0; padding: 0;} /* a second time for webkit */
table{border-collapse: collapse; border-spacing: 0;}
fieldset,img,a img,:link img,:visited img {border: 0;}
address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
q:before,q:after {content:'';}
iframe { border: 0; }
 
* {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*cursor: default*/
}
/* CLEAR AND FIXES */
/* add to floating elements which shall clear floating after themselves */
/* Hide these rules from IE-mac \*/
* html .clearfix {height: 1%;} /* IE5-6 */
*+html .clearfix {display: inline-block;} /* IE7 not8 */
html[xmlns] .clearfix {display: block;}
/* End hide from IE-mac */
.clear  {clear: both;}
.clearl {clear: left;}
.clearr {clear: right;}
.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: " "; /*switched from "." to a space for layout issues FF */
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
		height: 0;
		font-size: 0px;
}
body {
		margin: 0;
		padding: 0;
		border: 0;			/* remove border around the viewport in old versions of IE */
}
body#wrapper tr td {white-space: nowrap;}
td {white-space: nowrap;}
.nowrap {white-space: nowrap;}

/* wrapper for floating - */
#margintop {height: 4px;}
#banner {margin: 0 auto;}
#bannerleft {float: left; width: 288px; text-align: left;}
#bannerright {float: right; width: 280px; text-align: right;}
#bannercenter {width: 608px; text-align: center;}

.bannerwidth, .wrapperwidth {width: 1216px;}
#background {height: 8px;}

#wrapper{ 	
	margin: 0 auto;
	padding-top: 2px;
    padding-left: 0px; /* 1 */
	padding-right: 0px; /* 1 */
	background-color: white;
	/* tsipblue */
	font-family: arial;
	font-weight: normal;
	font-size: small;
	color: #003399; /*csipblue  */
	text-align: center;
}

#cl {border: 0px;} /*do not remove - corner logo */

#innerwrapperproperties {width: 1034px; margin: auto;} /* float-center.*/
#outerwrapperproperties {width: 1054px;} /*See also rounded corners images width 10px */
/*#outerwrapperproperties {width: 1054px; background-color: white;} /*See also rounded corners images width 10px */

#wrappertop {background: url('Siteimages/bg_top_SIP.gif') 0 0 no-repeat;}
#wrapperfoot {background: url('Siteimages/bg_foot_SIP.gif') 0 0 no-repeat;}
#wrapperleftright {background: url('Siteimages/bg_body_SIP_1px.gif') 0 0 repeat-y;}

/*page margin */
.pagemargin {
	border: 0px;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
}

.padl {padding-left: 16px}
.padr {padding-right: 16px}
.padlr {padding-left: 16px; padding-right: 16px;}

.tablebc, .tableproperties { /* tableproperties border collapse */
	padding: 0 0 0 0;
	border-collapse: collapse;
	border: 0;
	text-align: center;
}

/* CONTAINERS AND ROUNDED CORNERS - with spacer  */
#column2 {
	float: right;
	width: 1056px; /* 1054 */
	font-family: arial;
	font-weight: normal;
	font-size: small;
	color: #003399; /*csipblue  */
	text-align: center;
} 
.column3 {
	float: left;
	width: auto;
	padding-left: 16px;
	text-align: center;
	font-family: arial;
	font-weight: normal;
	font-size: small;
	color: #003399; /*csipblue  */
} 
.panels2 {
	float: left;
	width: 495px;
	padding-left: 16px;
	line-height: 22px;
	text-align: left;
	font-family: arial;
	font-weight: normal;
	font-size: medium;
	color: #003399; /*csipblue  */
	background-color: #F4F4F4; /* light gray */
}
.spacerv16 {
	float: left;
	width: 1px;
	padding-left: 16px;
}
/* line height */
.lh18 {line-height: 18px}
.lh20 {line-height: 20px}
.lh22 {line-height: 22px}
.lh24 {line-height: 24px}
.lh26 {line-height: 26px}
.lh28 {line-height: 28px}

.containerleft   {width: 475px; height: 202px; padding: 0px; border-spacing: 0px; text-align: center;}
.containermiddle {width: 204px; height: 202px; padding: 0px; border-spacing: 0px; text-align: center;}
.containerright {width : 367px; height: 202px; padding: 0px; border-spacing: 0px; text-align: center;}
.spacerhor {width: 100%; height: 2px;}
.spacerver {width: 2px;}

.imgbgRCtl {background-image: url('Siteimages/RCtl._high_silver.jpg'); background-repeat: no-repeat;}
.imgbgRCtr {background-image: url('Siteimages/RCtr._high_silver.jpg'); background-repeat: no-repeat;}
.imgbgRCbr {background-image: url('Siteimages/RCbr._silver.jpg'); background-repeat: no-repeat; width: 10px;}
.imgbgRCbl {background-image: url('Siteimages/RCbl._silver.jpg'); background-repeat: no-repeat; width: 10px;}
.imgbgRCtop{background-image: url('Siteimages/RCtop._silver.jpg'); background-repeat: repeat-x;}
.imgbgRCbot{background-image: url('Siteimages/RCbottom._silver.jpg'); background-repeat: repeat-x;}
.imgbgRCleft{background-image: url('Siteimages/RCleft._silver.jpg'); background-repeat: repeat-y; width: 10px;}
.imgbgRCright{background-image: url('Siteimages/RCright._silver.jpg'); background-repeat: repeat-y; width: 10px;}

/*background - round coners and border 1 pixel -*/
/* <!--<div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl">
<div class="tr" style="width: xxxx; height: xxxx"> --> */
/* <!--.t {background: url('Siteimages/Bg_dot_silver.gif') 0 0 repeat-x; width: 2em} */ 
.t {background: url('Siteimages/Bg_dot_silver.gif') 0 0 repeat-x;}
.b {background: url('Siteimages/Bg_dot_silver.gif') 0 100% repeat-x;}
.l {background: url('Siteimages/Bg_dot_silver.gif') 0 0 repeat-y;}
.r {background: url('Siteimages/Bg_dot_silver.gif') 100% 0 repeat-y;}
.bl {background: url('Siteimages/Bg_bl_silver.gif') 0 100% no-repeat;}
.br {background: url('Siteimages/Bg_br_silver.gif') 100% 100% no-repeat;}
.tl {background: url('Siteimages/Bg_tl_silver.gif') 0 0 no-repeat}
.tr {background: url('Siteimages/Bg_tr_silver.gif') 100% 0 no-repeat;} 

/* BACKGROUD IMAGES - COLORS - BORDERS */
img {border: 0px;}
.nob {border-width: 0px;}
.nobgimg {background-image: url('');}

.imgbgbeans{background-image: url('Siteimages/background_beans_variety_pack.jpg');}
.imgbglauhala{background-image: url('Siteimages/background_mat_small_SIPhawaii.JPG');}
.imgbgcalbi{background-image: url('Prodimages/calendar_2012_big_island_of_Hawaii.jpg'); background-repeat: no-repeat;}
.imgbgkoa {background-image: url('Siteimages/bg_koa_wood.png'); background-repeat:repeat-x; background-position: center;}
.imgbgshopsafe {height:83px; background-image: url('Siteimages/Shop_Safe_Vert_Menu_SIPhawaii3.png'); background-position: center;  background-repeat: no-repeat;}
.imgbglogork {height:83px; background-image: url('Siteimages/logo_royal_kona.jpg'); background-repeat: no-repeat; background-position: top left;}
/*.imgbglogo {background-image: url('Siteimages/logo_SIPhawaii_Shop_In_Paradise.png'); background-repeat: no-repeat; background-position: top left;}*/
/*.imgbgshopsafe { height:94px; background-image: url('Siteimages/Shop_Safe_No_CC_number_Storage_Vert_Menu_Large_NEW_SIPhawaii.gif');background-repeat: no-repeat; background-position: bottom center;}*/

.cbgblack   {background-color: black;}
.bgdbrown   {background-color: #663402;}
.cbgsilver  {background-color: #F4F4F4;}
.cbglbrown  {background-color: #F1E4C3;}
.cbglgray   {background-color: #F9F9F8;}
.cbgdsippink{background-color: #FCE6E6;}


/* LINES - SHADOWS - SPACERS */
hr {
	border: none;
	border-top: 1px solid silver;
	height: 1px;
	margin-bottom: 0px;
	padding-top: 0px;
}
.linef  {background: url('Siteimages/divider.png') no-repeat; background-position: center;} 
.linefs {background: url('Siteimages/linef_small.png') no-repeat; background-position: center;}

.linesilver {border-top: 1px solid silver; padding-top:0px; padding-left:1px; padding-right:1px;}
.linegreen  {border-top: 1px dotted green; padding-top:0px; padding-left:1px; padding-right:1px;}

.strike {text-decoration: line-through;}
.linedotted { /* where is this used? - ShopInParadise.com index */
	display: block;
	overflow: hidden;
	background-image: url('Siteimages/dots.gif');
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
}

/* POSITIONING - text-align works for text and pictures with IE but not for pics on Safari; use margin: auto to center or float for pics in safari */
/*.centertable {margin-left: auto; margin-right: auto;}  fix for safari ???*/
.fleft,    .ileft  {float: left;}
.fright,   .iright {float: right;}
.icenter, .centere {margin: 0px auto;} /* image, element */	

.center {text-align: center;}
.left   {text-align: left;}
.right  {text-align: right;}

.vtop    {vertical-align: top;}
.vbottom {vertical-align: bottom;}
.vmiddle {vertical-align: middle;}

/* HEADERS */
/* HEADER styles
h1 { font: bold 200%/1.2 "Lucida Grande", "Lucida Sans Unicode",  arial, helvetica, sans-serif; color: #222; padding-bottom: 0.2em; }
h2 { font: bold 160%/1.2 "Lucida Grande", "Lucida Sans Unicode",  arial, helvetica, sans-serif; color: #C60; padding-bottom: 1.2em; }
h3 { font: bold 120%/1.2 "Lucida Grande", "Lucida Sans Unicode",  arial, helvetica, sans-serif; color: #222; padding-bottom: 0.2em; font-weight:normal; }
h4 { font: bold 120%/1.2 "Lucida Grande", "Lucida Sans Unicode",  arial, helvetica, sans-serif; padding-bottom: 0.2em; }
h5 { font: 90%/1.5 "Lucida Grande", "Lucida Sans Unicode",  arial, sans-serif; color: #666; padding-bottom: 1.5em; }
h6 { font: 90%/1.5 "Lucida Grande", "Lucida Sans Unicode",  arial, sans-serif; color: #000; padding-bottom: 1.5em; }

sup, sub { font-size: 80%; font-family: "trebuchet ms", arial, sans-serif; }
	h1 sup, h1 sub { font-size: 60%; bottom: .8em; }
	
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { display: inline; margin: 0; } 

font-family examples:
Helvetica, Calibri, Arial, sans-serif
Corbel, Verdana, "Bitstream Vera Sans", sans-serif
Candara, "Trebuchet MS", Trebuchet, sans-serif
Cambria, "Times New Roman", Times, serif
Constantia, "Palatino Linotype", Palatino, Georgia, serif
Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace
*/

#header {width: 100%; /* where is this used ? */
	 margin-left: auto;
	 margin-right: auto;
}
#header table { /* where is this used ? */
	margin: 0 auto;
}
#globalfooter table { /* where is this used ? */
	margin: 0 auto;
}
h1 {
	font-family: Arial, Helvetica, "Arial Narrow", Verdana;
	font-size: medium;
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	font-weight: normal;
}
h2 {
	font-family: arial;
	font-size: 10pt;
	font-weight: 700; /* bold */
	margin: 0;
	padding: 0;
}
h3 {
	font-family: verdana;
	font-size: small;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* NAVIGATION */
#hornav {
	/*padding-top: 0px;
	padding-bottom: 0px;*/
	height: 21px;
	background: url('Siteimages/bg_hornav.jpg'); background-repeat: repeat-x;
	/*text-align: center;
	white-space: nowrap;*/
}
#globalheader { /* inside #hornav */
	width: 100%;
	text-align: center;
	font-family: arial;
	font-weight: normal;
	font-size: small;
	color: gray;
	white-space: nowrap;
}
#localheader {
	width: 1216px;
	margin: 0 auto;
	line-height: 20px;
	background-image: url('Siteimages/sound_free_site.png'); background-position:right; background-repeat: no-repeat;
	background-color: #F4F4F4;
	white-space: nowrap;
	text-align: left;
	/* tsipblue */
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	color: navy;
}

/* LINKS */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a:link    {color: silver} 	/* unvisited links */
a:visited {color: silver} 	/* visited links   */
a:hover   {color: #FF2994} 	/* user hovers - csippink */
a:active  {color: #FF2994}	/* active links    */
a.external:visited {color: red}

/*a:focus { background: yellow }
a:focus:hover { background: white }*/

/* VERT NAV - COLUM1 */
.devvertmenu {background: url('Siteimages/devider_small_vmenu.bmp') no-repeat;	line-height: 3px; padding: 0px 0px 0px 0px; background-position: center;}
#vertnavJUNE11 img {margin: 0px 0 0 0px; padding-top: 1px; padding-bottom: 0px;}
#vertnavJUNE11 {
	float: left;
	width: 152px;
	padding-right: 0px;
	/*text-indent: 8px;
	text-align:left;*/
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: large;
	border-width: 0px;
	color: gray;
	background-color: #F9F9F8;
}
#vertnavJUNE11 li a {
	line-height: 30px;
	text-decoration: none;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	color: gray;
}	
#vertnavJUNE11 li a:visited {
	display: block;
	background: url('Siteimages/SIP_Ver_Menu_JUNE11D.jpg') no-repeat; 
	background-position: center; 
	padding: 0px 0px 0px 0px;
}
#vertnavJUNE11 li a:link {
	display: block; 
	background: url('Siteimages/SIP_Ver_Menu_JUNE11D.jpg') no-repeat; 
	background-position: center; 
	padding: 0px 0px 0px 0px;
}
#vertnavJUNE11 li a:hover {
	display: block; 
	background: url('Siteimages/SIP_Ver_Menu_JUNE11_GLOW.jpg') no-repeat;
	background-position: center;
	padding: 0px 0px 0px 0px;
}

/* FOOTER 
#footer {
		clear: both;
		padding: 0px 0px;
}
#footer p {
	margin: 0;
}
* html #footer {
	height: 1px;
}*/
#footerwrapper { /* blue gradient bg full width - on IPAD bg repeats only left aligned to page width below???? */
	clear: both;
	/*width: 100%;*/
	background: url('Siteimages/footer_gradient_small.gif') repeat-x;
}
#globalfooter { /* inside footerwrapper centered with page width */
	width: 1216px;
	margin: 0 auto;
	text-align: center;
	font-family: arial;
	font-weight: normal;
	font-size: medium;
	color: gray;
	white-space: nowrap;
}
#globalfooter a       {color: #666666; border-bottom: 1px dotted silver; text-decoration: none; color:#666666;}
#globalfooter a:link  {color: #666666;}
#globalfooter a:hover {color: #FF2994; border-bottom: 1px dotted #FF2994; text-decoration: none; color: #FF2994;}
/*#globalfooter a:visited{color: gray; border-bottom:1px dotted gray; text-decoration:none;color:gray;}*/
#localfooter {
	white-space: nowrap;
	width: 100%;
	text-align: center;
	font-family: arial;
	font-weight: normal;
	font-size: x-small;
	color: gray;
}

/* other websites we like */
.linkfooter {text-decoration: none; color: #666666; font-family: "Arial Narrow"; font-size: x-small;}

/* SITEMAP */
#sitemap {
	background: #E9F2FB;
	/*background: url('Siteimages/footer_gradient_small.gif') repeat-x;*/
	overflow: hidden;
	padding: 8px; /* set top and bottom */
	clear: both;
	white-space: nowrap; 
	/*width: 100%;*/;
	text-align: left;
	font-family: arial;
	font-weight: normal;
	font-size: 11px; /* 1px smaller than normal */
	color: gray;
}
#sitemap ul {
	display: block;
	overflow: hidden;
	/*background: #f2f2f2;*/
	margin: 1px 5px 1px 0px;
	padding: 0px;
	list-style-image: none;
	float: left;
}
#sitemap ul li {
	list-style-type: none;
	padding: 0px 9px 0px 0px;
	list-style: none !important;
	margin-left: 1px !important;
	padding-left: 0px !important;
}
#sitemap ul li a {
	list-style: none !important;
	margin: 0px !important;
	padding: 0px !important;
	/* font-weight: bold;*/
}

#sitemap a {color: gray; text-decoration:none;}
#sitemap a:link {color: gray;}
#sitemap a:hover {color: #FF2994; text-decoration:none;color: #FF2994;}

/* FONTS */
.xsmall {font-size: x-small;}
.small  {font-size: small;}
.medium {font-size: medium;}
.large  {font-size: large;}

.arial {
	font-family: arial;
}
.arials {
	font-family: arial;
	font-size: small;
}
.arialsb {
	font-family: arial;
	font-size: small;
	font-weight: bold;
}
.arialxs {
	font-family: arial;
	font-size: x-small;
}
.arialxsb {
	font-family: arial;
	font-size: x-small;
	font-weight: bold;
}
.arialm {
	font-family: arial;
	font-size: medium;
	font-weight: normal;
}
.ariall {
	font-family: arial;
	font-size: 18pt;
	font-weight: normal;
}
.ariaxl {
	font-family: arial;
	font-size: x-large;
	font-weight: normal;
}
.ab {
	/*font-family: "arial black";*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-weight: bold;
}
.abs {
	/*font-family: "arial black";*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-size: small;
	font-weight: normal;
}
.abxs {
	/*font-family: "arial black";*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-size: x-small;
}
.ablb {
	/*font-family: "arial black";*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-size: large;
	font-weight: bold;
}
.abxl {
	/*font-family: "arial black";
	font-weight: normal;*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-weight: bold;
	font-size: x-large;
}	
/* AVOID Arial Black UNTIL IE XP SP3 BUG that converts to Italic has been fixed by MS 
.abxlb {
	font-family: "arial black";
	font-size: x-large;
	font-weight: bold;
}
*/
/* Arial Narrow not on IPAD? */
.an {
	font-family: "Arial Narrow", helvetica, arial;
}
.anm {
	font-family: "Arial Narrow", helvetica, arial;
	font-weight: normal;
	font-size: medium;
}
.anmb {
	font-family: "Arial Narrow", helvetica, arial;
	font-weight: bold;
	font-size: medium;
}
.ans {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: small;
}
.ansb {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: small;
	font-weight: bold;
}
.anb {
	font-family: "Arial Narrow", helvetica, arial;
	font-weight: bold;
}
.anxs {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: x-small;
}
.anl {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: large;
	font-weight: normal;
}
.anlb {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: large;
	font-weight: bold;
}
.anxl {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: x-large;
	font-weight: normal;
	letter-spacing: -1px;
}
.anxlb {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: x-large;
	font-weight: bold;
}
.anxxlb {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: xx-large;
	font-weight: bold;
}
.anxxxlb {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: 36pt;
	font-weight: bold;
}
.boss {
	font-family: "bookman old style";
	font-size: small;
}
.bossb {
	font-family: "bookman old style";
	font-size: small;
	font-weight: bold;
}
.bosb {
	font-family: "bookman old style";
	font-weight: bold;
}
.bosm {
	font-family: "bookman old style";
	font-weight: normal;
	font-size: medium
}
.bosmb {
	font-family: "bookman old style";
	font-weight: bold;
	font-size: medium
}
.boslb {
	font-family: "bookman old style";
	font-weight: bold;
	font-size: large
}
.verdanas {
	font-family: verdana, arial, courier;
	font-size: small;
	font-weight:normal;
}
.verdanasb {
	font-family: verdana, arial, courier;
	font-size: small;
	font-weight: bold;
}
.verdanaxs {
	font-family: verdana, arial, courier;
	font-size: x-small;
	font-weight: normal;
}
.verdanaxsb {
	font-family: verdana, arial, courier;
	font-size: x-small;
	font-weight: bold;
}
.verdanan {
	font-family: verdana, arial, courier;
	font-size: 12pt; /*normal */
	font-weight: normal;
}
.verdananb {
	font-family: verdana, arial, courier;
	font-size: 12pt; /*normal */
	font-weight: bold;
}	
.verdanam {
	font-family: verdana, arial, courier;
	font-size: medium;
}
.verdanamb {
	font-family: verdana, arial, courier;
	font-size: medium;
	font-weight: bold;
}

/* COLORS */
/*.black {color: #333333;}*/
.black {color: #555555;}
.blue  {color: blue;}
.green {color: green;}
.white {color: white;}
.gray  {color: gray;}
.red   {color: red;}
.silver{color: silver;}

/*.cgray {color: #333333;}*/
.cgray {color: #555555;}
.cblack {color: black;}
.csippink {	color: #E72F6B;}
.csipblue{ color: #003399;}
.clsipblue {color: #558BBE;}
/*.cbrown {color: #996600;}*/
.cbrown {color: #5B0D0D;}
.cchoc {color: #613101;} 	/*darkbrown - was maroon 800000*/
.cmac {color: #996600}		/*macadamia #D9A658*/
.coranged {color: #F77908}  /*dark orange */
.cbathrose {color: #F17B5C;}/* bath and body page*/
.cbathblue {color:#6B6BB5;} /* bath and body page*/
.cbathgreen {color: #ADBD52;}/* bath and body page*/

/*.csecure {color: #598C01;} dark green */
.csecure    {color: #006600;} /* darker green */
.cooag {color: #67910D;}	/* ooa green */
.cooab {color: #0080FF;}	/* ooa blue */

/*.crbr {color: #FF1000;}
.crbo {color: #FF9900;}
.crby {color: #EEDE11;}
.crbg {color: #5EC14A;}
.crbb {color: #8FC2DD;  blue  }*/
 /*.crbi {color: #0000FF;indigo} */
/* .crbv {color: #8000C0; violet*}/

/* TEXT Colored */
.tcase {
	font-family: "bookman old style", helvetica, arial;
	font-size: x-large;
	font-weight: bold;
	color: red;
}
.tredalert {
	font-family: arial;	
	font-size: small;
	font-weight: bold;
	color: red;
}
.txsgray {
	font-family: verdana, arial, helvetica;
	font-size: x-small;
	font-weight: normal;
	color: gray;
}
.trose {
	font-family: verdana, arial, helvetica;
	font-size: x-small;
	font-weight: normal;
    color: #FEF6F5;
}
.tsipblue {
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	color: navy;
}
.tlocalheader {
	/* tsipblue */
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	color: navy;
}
