﻿<style type="text/css">


/*clear all margins - most browsers*/
body {
margin: 0;
padding: 0;
}


body { 
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

#wrapper {
   /* this sets the background color outside the wrapper-website*/
   background-color: white;
   /* this dictates the total width of the content - 8px larger than the main table width*/
   width: 1004px;
   /*height:900px;*/
   /* this tells the page to put an equal amount of margin on both sides, essentially "centering" the content */
   margin: 0 auto;
   border-left: 1px solid silver;
   border-right: 1px solid silver;
   /*border-left:  url('SiteImages/border_shadow_left.gif');
   border-right:  url('SiteImages/border_shadow_right.gif');*/


}

   
}

#wrapperbackgroundcolor {
	background-color: #FEF6F6;
}

#container {
	color: white;
	background-image: url('SiteImages/bg_container_pink_327_306.png');background-repeat :no-repeat;
}

/*scroll bar display - does not work with xhtml or Mac Safari -*/
body {
	scrollbar-base-color: #FFFFFF;
	scrollbar-face-color: #FCE7E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FCE7E7;
	scrollbar-darkshadow-color: #FF2994;
	scrollbar-shadow-color: #COCOCO;
	scrollbar-arrow-color: #FF2994;
	scrollbar-track-color: #F0F0F0;
	position: inherit;
}

.style1 {
	border-style: none;
	border-width: 0;
}
.style2 {
	border-color: silver;
	border-width: 0;
}
.style3 {
	border: 1px solid silver;
}

.style4 {
	font-family: "Arial Narrow";
	font-size: small;
}
.style8 {
	color: #5DC049;
}
.style9 {
	color: #8CC3DE;
}
.style10 {
	color: #0033CC;
}
.style11 {
	color: #7F00BF;
}
.style12 {
	color: #FE0F00;
}
.style14 {
	font-family: "Arial Narrow";
	font-size: small;
	color: #FEF105;
}
.style15 {
	color: #F74D10;
}



h1 {
   /* heading 1 formatting */
   /* font-family: 2em; */
   margin-right: 0px;
   /* color: #FFFFFF; */
   margin-top: 0px;
   margin-bottom: 0px;
	font-size: small;
	color: #662C01;
}


h2 {
	/* heading 2 formatting */
   /* font-family: 2em; */
   margin-right: 0px; /* color: #FFFFFF; */;
	margin-top: 0px;
	margin-bottom: 2px;
	font-family: "Arial Black";
	font-size: medium;
	color: #662C01;
	text-align: center;
	background-repeat: no-repeat;
}


/*background - watermark picture effect=text over picture - for postion also use % instead px - attachment: scroll or fixed*/
/*Shop_Safe_No_CC_number_Storage_SIPhawaii.gif*/

/*body {background-image: url('Siteimages/Shop_Safe_No_CC_number_Storage_Corner_SIPhawaii.gif');
background-repeat: no-repeat;
background-position: 100% 100%;
background-attachment: fixed; 
}
*/

#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow3 {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow2 {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 0px;
    }

/*background - round coners and border 1 pixel*/

.t {background: url('Siteimages/Bg_dot_silver.gif') 0 0 repeat-x; width: 2em}
.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; padding: 2px} 

.sl {background: url('SiteImages/border_shadow_left.gif') 0 100% repeat-y; }
.sr {background: url('SiteImages/border_shadow_right.gif') 100% 0 repeat-y; }


</STYLE>
