/* $Id: banner.css 1543 2012-02-01 10:21:41Z jackrg $ */

/* This style applies the tiled red background. */
#banner 
{
    margin-top: 2px;
    clear: both;
	position: relative;   /* so we can abs-position its children */
	background-color: #116C1A;
	background-image: url(../../images/brocade-green.jpg);
}

/* And this one does the gold edges. */
#banner-inner
{
	background: transparent url(../../images/border/border-mid.gif) repeat-y;
	background-position: 0 26px;
	padding: 6px;
}

/* The logo area as a whole (pic of Lauren, "Fall in love with..." text) */	
#logo
{
	margin: 6px;
	margin-left: 126px;
	margin-right: 126px;
	position: relative;
	height: 147px;
	padding: 0.5em 10px;
	
	background-image: url(../../images/banner-screen-greenbg.gif);
	background-position: center;
	background-repeat: no-repeat;
}

#logo h1 img
{
    visibility: hidden;
}

/* The picture of Lauren. */
#banner-inner #banner-pic 
{
    float: right;
    width: 117px;
    height: 147px;
    margin: 10px 6px;
}

/* Position the two image parts of the border. */
#banner #border-top-img, #banner #border-bot-img
{
    width: 752px;
    height: 26px;
}
#banner #border-top-img 
{
    position: absolute;
}
/*#banner #border-bot-img
{ 
    bottom: 0;
    z-index: 1;
}*/
/* Holly Hack so that abs-positioning on #border-bot-img works properly 
    in Internet Exploiter. */
/* Hides from IE-mac \*/
* html #banner {height: 1%;}
/* End hide from IE-mac */