/*            
CSS for Header Area RS Gifting Site            
*/            
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:left;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:navy; border:0px solid #000; padding:10px;}
</style>
             
}              
         
h1 {              
 font-family: "Verdana", Trebuchet MS, Helvetica, Arial, sans-serif;              
 font-size: large;
 color: navy;              
}              

h2 {                  
font-family: "Arial", Trebuchet MS, Helvetica, Verdana, sans-serif; 
font-size: medium;
font-weight: bold;
color: #00a6ca;
}


h3 {                  
font-family: "Arial", Trebuchet MS, Verdana, Helvetica, sans-serif; 
font-size: small;
font-weight: regular;
color: #9d7d0c;
}

li {  
 font-family: "Arial", Trebuchet MS, Helvetica, Verdana, sans-serif;            
 font-size: small;
 color: #00a6ca;              
}              
             
p {              
font-family: "Arial", Trebuchet MS, Helvetica, Verdana, sans-serif; 
font-size: small;              
 color: navy;              
}

line-height: 90%;              
padding: 15px;

@media print {
body {background-color: white}
}

}
a img {border: none}
)

/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu { margin: 10px; height: 100px; font-size: 10pt; font-family: verdana; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 12em; }
.menu li { background-color: #9d7d0c; float: left; }
.menu li.sub { background-color: #9d7d0c; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px none #ffffff; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 12em; color: #ffffff; padding-left: 1em; font-weight: bold; font-style: normal; font-variant: small-caps; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 12em; }
* html .menu a:hover { color: #ffffff; background-color: #66ffff; position: relative; font-weight: bold; font-style: normal; font-variant: small-caps; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #ffffff; background-color: #66ffff; font-weight: bold; font-style: normal; font-variant: small-caps; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #ffffff; background-color: #66ffff; font-weight: bold; font-style: normal; font-variant: small-caps; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 8em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }


 
</head>