body {
    background:#cdf4ff url(../images/campaignBG.jpg) top center no-repeat;
    font:62.5%/1.3 Arial, Verdana;
    color:#004990;
    padding:0 0 20px 0;
} 

/* Resets */
img a, a img, form, fieldset { border:none; }
h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; }
ul, ol { list-style-type:none; }
a { color:#004990; }

#container {
    width:990px;
    position:relative;
    padding:28px 0 15px 0;
}

#container,
#footer {
    margin:0 auto;
}

#footer {
    width: 970px;
    padding:15px 0 0 20px;
    font-size:1.1em;
}

#footer p { float:left; }
#footer ul {
    float:right;
    padding:0 20px 0 0;
}

#footer ul li {
    display:inline;
    padding:0 0 0 10px;
}

#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* Header */
#header { padding:0 0 2px 0; }
#header #title {
    width:356px;
    float:left;
    padding:0 0 0 15px;
}

#header #makeadonation {
    width:316px;
    float:right;
    padding:5px 15px 0 0;
    position:relative;
}

#header #makeadonation a
{
    display:block;
    overflow:hidden;
    width:316px;
    height:54px;
    text-indent:-9999em;
    background:url(../images/makeADonation.jpg) no-repeat;
}

#header #makeadonation a:hover
{
   background-position: 0 -54px;
}
#flashWrap { }

#flashcontent,
#formWrap {
    width:989px;
    height:480px; 
}

/* Footer elements */
#wrapFooterModules {
    clear:both;
    padding:5px 10px;
}

/* Nav */
#navigation {
    width:180px;
    margin:0 20px 0 0;
    float:left;
    clear:both;
    padding:12px 0 0 10px;
}

#navigation ul {
    width:162px;
    height:84px;
}

#navigation ul li a {
    display:block;
    overflow:hidden;
    height:30px;
    text-indent:-9999em;
    background:url(../images/navSprite.gif) no-repeat;
}

#navigation ul li a:hover 
{
        background:url(../images/navSpriteOver.gif) no-repeat;
}
#navigation ul li#navDrink a    { background-position:0 0;  }
#navigation ul li#navThink a    { background-position:0 -30px; }
#navigation ul li#navBe a       { background-position:0 -60px; }


/* secondary (journey nav) */
#discoverModule {
    width:745px;
    float:left;
    padding:18px 0 0 0;
    font-size:1.1em;
}

#discoverModule p.pMsg { margin:-15px 0 0 0; position:relative; }

#secondaryNavigation {
    height:65px;
    overflow:hidden;
    position:relative;
    background:url(../images/campaignJourney.gif) top left no-repeat;
    background-position: 0px -260px;
}

#secondaryNavigation h2 { text-indent:-9999em; }
#secondaryNavigation ul {
    position:absolute;
    top:-25px;
    left:220px;
}

#secondaryNavigation ul li a {
    width:100px;
    height:22px;
    position:absolute;
    overflow:hidden;
    text-indent:-9999em;
}

#secondaryNavigation ul li#nav2006 a { top:38px; left:70px; }
#secondaryNavigation ul li#nav2007 a { top:42px; left:170px; }
#secondaryNavigation ul li#nav2008 a { top:53px; left:270px; }
#secondaryNavigation ul li#nav2009 a { top:56px; left:370px; }

#secondaryNavigation ul li#nav2006 a:hover  
{
    background:url(../images/campaignJourneyOver.gif) top left no-repeat; 
    background-position: -288px -12px;
}

#secondaryNavigation ul li#nav2007 a:hover  
{
    background:url(../images/campaignJourneyOver.gif) top left no-repeat; 
    background-position: -388px -16px;
}

#secondaryNavigation ul li#nav2008 a:hover  
{
    background:url(../images/campaignJourneyOver.gif) top left no-repeat; 
    background-position: -488px -27px;
}

#secondaryNavigation ul li#nav2009 a:hover  
{
    background:url(../images/campaignJourneyOver.gif) top left no-repeat; 
    background-position: -588px -30px;
}

/* Form (thanks and re-direct) */
#formWrap {
   background:url(../images/formWrapBg.jpg) top left no-repeat;
   clear:both;
}

#formWrap .formModule {
    width:460px;
    height:220px;
    position:absolute;
    top:205px;
    left:245px;
    padding:25px 20px;
	color:#bd4374;
	font-size:1.1em;
}  

#formWrap .formModule p { margin:0 0 12px 0; }

#formWrap .formModule p a 
{
    color:#bd4374;
    text-decoration:underline;    
}

#formWrap .formModule h2 {
    width:338px;
    height:21px;
    overflow:hidden;
    display:block;
    text-indent:-9999em;
	margin:0 0 10px 0;
}
#formWrap .formModule h2#h2Flash   { background:url(../images/h2Flash.gif) top left no-repeat; }
#formWrap .formModule h2#h2Thanks   { background:url(../images/h2Thanks.gif) top left no-repeat; }
#formWrap .formModule h2#h2Add      { background:url(../images/h2AddYourMsg.gif) top left no-repeat; }

#formWrap .formModule input.txtField {
	color:#000;
	font-size:1em;
	display:block;
	border:1px solid #e9a2c1;
	background-color:#fae6f1;
	padding:5px;
	width:444px;
	margin:0 0 12px 0;
}

#formWrap .formModule textarea.txtArea {
	border:1px solid #e9a2c1;
	background-color:#fae6f1;
	padding:5px;
	width:374px;
	margin:0 0 8px 0;
	font-size:1em;
	height:48px;
	font-family:Arial, Helvetica, sans-serif;
}

#formWrap .formModule .avatar { float:left; width:53px; margin:6px 11px 0 6px; display:block; min-height:50px; height:auto !important; height:50px; }
#formWrap .formModule .preview { float:left; width:380px; }
#formWrap .formModule .submitBtn { float:right; }

* html #formWrap .formModule textarea.txtArea { width:368px; }

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */