@charset "utf-8";
/* CSS Document for Gifts From The Heart GFTH */
body     {
         background-image:url(back.jpg);
         font-family:Helvetica, sans-serif;
         height:auto;
         }

h1       {
         color:#770000;
         font-family:Helvetica, sans-serif;
         font-size:xx-large;
         line-height:120%;
         }

h2       {
         color:#770000;
         font-family:Helvetica, sans-serif;
         font-size:x-large;
         }

h3       {
         color:#ffaa00;
         font-family:Helvetica, sans-serif;
         font-size:large;
         }

h4       {
         color:#ffaa00;
         font-family:Helvetica, sans-serif;
         font-size:medium;
         }

p        {
         color:#005700;
         font-family:Helvetica, sans-serif;
         line-height:120%;
         }

p.red    {
         color:#FF0000;
         border:0;
         }

li       {
         color:#005700;
         font-family:Helvetica, sans-serif;
         line-height:120%;
         }

td.p     {
         color:#005700;
         font-family:Helvetica, sans-serif;
         line-height:120%;
         }

th       {
         color:#ffaa00;
         font-family:Helvetica, sans-serif;
         font-size:medium;
         }

ul.none  {list-style: none;
         }

img.marg {margin:10px;
         }

.lmarg   {margin-left:15px;
         }

.rmarg   {margin-right:15px;
         }

.red     {border:5px ridge red;
         color: #FF0000;
         }

.redtext {
         color: #FF0000;
         }
.bordero {border:4px solid #EEAA00;
         padding:20px;
         }

.blueback {background:#BBBBFF;
         }

.center  {text-align:center;
         }

img.happy {
         border-radius: 15px;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
         }
/* Areas to be used. wrap is the area to be filled with the header, navbar, main, and footer. */

#wrap    {
         width:950px;
         height:auto;
         background:#ffffff;
         margin-right:auto;
         margin-left:auto;
         border-top:3px solid #000;
         border-left:3px solid #000;
         border-right:3px solid #000;
         border-bottom:3px solid #000;
         }
#header  {
         width:950px;
         border-top:3px solid #000;
         border-bottom:3px solid #000;
         }


/* Navigation stuff. */
.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}


#main    {
         background-color:#fff;
         width:850px;
         height:auto;
         padding:30px;
         line-height:150%;
         }


#footer  {
         background-color:#cf3432;
         border-top:3px solid #000;
         border-bottom:3px solid #000;
         height:235px;
         clear:both;
         font-family:Helvetica, sans-serif;
         line-height:150%;
         }