body{
    background-color: #D8D0EE;
}
a 
{
    cursor: pointer;
}
/*
special font section
for things like italics and bold
*/
.itext{
    font-style: italic; 
}
.btext{
    font-weight: bold;
}
/* start main content */
#main{
    width: 933px;
    margin: auto;
}
#header{
    width: 933px;
    height: 102px;
    background-image: url('../images/site/fffheader.jpg');
}
#header div
{
    width: 210px;
    position: relative;
    top: 25px;
    left: 660px;
}
#header div a img
{
	outline: 0;
    text-decoration: none;
    border: none;
    padding-left: 15px;
    padding-right: 10px;
}


/* navigation */
#navigation-area{
    width: 931px;
    background-color: #BDB2DD;
    border-left: 1px solid #AB99DD;
    border-right: 1px solid #AB99DD;
    margin: 0px;
    padding: 4px 0px 4px 0px;
}
/*
  #navbar is pushed in by the padding of #nav to create
  the two-tone look
*/
#navbar{
   background-color: #6F5DA2;
   padding: 0px;
   margin: 0px;
   height: 28px;
   position: relative;
   z-index:		99;
}

#navtext
{
    position: absolute;
    left: 180px;
    top: 0px;
    font-family: Sans-Serif;
    font-size: 12px;
}

/*** SUPERFISH ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

/*** SUPERFISH DEMO SKIN - modified for use in FFF site ***/
.sf-menu 
{
	float:	left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.70em 1.5em;
	text-decoration: none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu li li {
	background:		#BDB2DD;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#BDB2DD;
	color:		#6F5DA2;
	outline:		0;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/site/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/* end navigation */



/* content area */
/*
 revision
 5-11-2008 removed 'height: 518px;' in #content-area
*/
#content-area
{
    clear: left;
    width: 931px;
    background-color: #FFFFFF;
    border-left: 1px solid #AB99DD;
    border-right: 1px solid #AB99DD;
}
/* top-content section */
#top-content{
    width: 931px;
    height: 219px;
    position: relative;
}
/* bottom-content section */
#bottom-content{
    width: 931px;
    height: 530px;
    position: relative;
}

/* rotating picture section */
#flipper{
    width: 459px;
    height: 219px;
    float: left;
}
ul#fffrotator *{
    border: 0px;
}
ul#fffrotator{
    list-style: none;
    background: #ffffff;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 0;
}
ul#fffrotator li{
    width: 459px;
    height: 219px;
}
ul#fffrotator img{
    width: 459px;
    height: 219px;
}
/* end rotating pictures */

#blurb{
    background: url('../images/site/flutrends.png') no-repeat top left;
    width: 493px;
    height: 160px;
    position: absolute;
    top: 0px;
    left: 438px;
}
#blurbbutton{
   left:55px;
	position:relative;
	top:115px;
	border: 0px;
}
#blurbtext a, img {
	border: 0px;
}
#stuner {
    background: url('../images/site/fffmessage.png') no-repeat top left;
    width: 495px;
    height: 59px;
    position: absolute;
    top: 160px;
    left: 436px;
}
#campains{
    background-color: #ffffff;
    width: 520px;
    height: 432px;
    float: left;
    padding-top: 20px;
}
.campain-item{
    position: relative;
    font-family: sans-serif;
    margin: 15px 50px 0;
   line-height: 1.3; 
}
.campain-heading{
    color: #8089B5;
   font-size: 16px;
   font-weight: 600;
   padding-bottom: 6px;
}
.campain-heading-attn{
    color: #6C7FDB;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 6px;
}
.campain-text{
	font-size: 13px;
}
.campain-text img{
	float: left;
	margin: 5px 10px 20px 0;
}
.campain-text a{
	text-decoration: none;
	color: #285A9F;
}
/*
#campain-items
{
    position: relative;
    
    font-family: sans-serif;
    font-size: 13px;
    margin: 30px 20px 0;
    line-height: 1.3; 
}
#campain-items td
{
     border: none;
     vertical-align: top;
     padding: 10px 10px 15px;
}
#campain-items .jump-image
{
    padding-top: 5px;
}
#campain-items td ul
{
    list-style: none;
    margin: 0;
    padding: 10px 0 0;
}
#campain-items td ul li
{
    position: relative;
    float: left;
}
#campain-items td a
{
    text-decoration: none;
    color: #285A9F;
}
#campain-items td ul li a
{
    padding-left: 10px;
    color: #285A9F;    
}
*/

#tweetwrapper{
	padding: 30px 0px 10px 43px;
}
#fbookwrapper{
	padding-top: 10px;
}

   
/* FAQ SECTION */
#faq{
    width: 411px;
    height: 530px;
    float: left;
    overflow: hidden;
    background-color: #EAEAEA;
    position: relative;
}
#faq .faq_links{
	margin-top: 25px;
}
#faq a{
	text-decoration: none;
	text-align: center;
}
#faq img{
	border: 0px;
}
/*
ul#faq_links{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul#faq_links a{
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    text-decoration: none;
    color: #7A70A4;
    margin: 0px;
    padding: 0px;
}
ul#faq_links a:hover{
    opacity: 0.95;
    color: #564E79;
}
ul#faq_links a span{
    font-size: 14px;
    font-family: sans-serif;
    position: relative;
    display: block;
    line-height: 1.2em;
}
#faq_links_first{
    background-image: url('../images/site/whatisflu.png');
    height: 120px;
}
#faq_links_first span{
    top: 36px;
    left: 72px;
    width: 70px;
}
#faq_links_second{
    background-image: url('../images/site/vaccination.png');
    height: 119px;
    top: -25px;
    z-index: 1;
}
#faq_links_second span{
    top: 45px;
    left: 38px;
}
#faq_links_third{
    background-image: url('../images/site/prevention.png');
    height: 105px;
    top: -45px;
}
#faq_links_third span{
    top: 42px;
    left: 62px;
}
*/
/* END FAQ */

/* Start Advisors 
.advisor{
    font-family: sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 30px;
    clear: both;
}
.advisor p{
    color: gray;
}

.advisor-name{
    font-weight: bold;
    font-size: 16px;
}
.advisor-photo{
    float: left;
    padding: 0px 15px 5px 0px;
}*/
.advisor{
    padding: 30px;
    clear: both;
    overflow: hidden; /*is this needed??*/
}
.advisor-photo{
    float: left;
}
.advisor-bio{
    margin-left: 140px;
    margin-right: 30px;
    font-family: sans-serif;
    font-size: 13px;
    color: #000000;
}
.advisor-name{
    font-weight: bold;
    font-size: 14px;
}

/* end advisors */

/* fact vs fiction */
#factvsfiction{
    padding-bottom: 30px;
}
#fvsf-left{
    float: left;
}
#fvsf-right{
    margin-left: 249px;
}
.fvsf-heading{
    font-family: Garamond, serif;
    font-size: 40px;
    color: #5e5e5e; /* gray */
    padding: 20px 0px 10px 0px;
}
.fvsf-heading span{
    color: #2d9732; /* green */
}
#fvsf-right dl{
    font-family: sans-serif;
    font-size: 13px;
    margin: 0px;
    /* margin: 0px helped stop extra space at top and bottom of page
      and copyright section that would float around the page in IE for some reason.
    */
}
#fvsf-right dd{
    text-align: left;
    margin: 0px;
    padding: 5px 50px 15px 0px;
}
#fvsf-right dt{
    color: #6f5da2; /* purple */
    font-size: 16px;
}
#fvsf-right dt span{
    color: #e0632e; /* orange */
}
/* fvsf colors
  green #2d9732
  orange #e0632e
  gray #5e5e5e
  purple #6f5da2
/* end fact vs fiction */

/* Start "What is Flu" */
.resources-section{
    padding-bottom: 40px;
}
.flu-resource{
    font-family: sans-serif;
    font-size: 13px;
    padding: 30px;
    clear: both;
}
.flu-resource span{
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
.floater-image {
    float: right;
    padding: 0px 5px 0px 5px;
}
.non-floater-image {
    padding: 0px 0px 5px 0px;
}
.left-section{
    float: left;
    width: 176px;
}
.left-section div{
    width: 140px;
    margin: auto;
    color: #285A9F;
}
.left-section div a{
    color: #285A9F;
    font-weight: bold; 
}
.right-section{
    margin-left: 176px;
    padding-left: 30px;
   
}
.right-section a 
{
    color: #285A9F;
}
/* End "What is Flu" */

/* About FFF */
.about {
    font-family: sans-serif;
    font-size: 13px;
    padding: 30px;
}
.about img{
    padding-bottom: 10px;
}
.about-left{
    width: 187px;
    float: left;
}
.about-right{
    margin-left: 187px;
    padding-left: 30px;
    padding-bottom: 30px;
}
.about-quote{
    color: #7755c8;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}
.about-sig{
    color: #7755c8;
    font-size: 11px;
    margin-top: 10px;
}
/*- board members -*/
.board{
    padding: 30px 50px 30px 50px;
}
.board-left{
    float: left;
    width: 544px;
}
.board-right{
    margin-left: 544px;
    padding-left: 50px;
}
.board-box{
    font-family: sans-serif;
    font-size: 13px;
    border: 1px solid #c8b8f5;
    padding: 20px 20px 5px 20px;
    margin: 0px;
    background-color: #ede7ff;
}
.board-box dt{
    color: #6f5da2; /* purple */
    font-size: 14px;
    font-weight: bold;
    text-transform:  uppercase; 
}

.board-box dd{
    text-align: left;
    margin: 0px;
    color: #6f5da2; /* purple */
    padding: 10px 0px 15px 0px;    
}
.board-pic-text{
    text-align: center;
    margin: auto;
    font-family: sans-serif;
    font-size: 13px;
    padding-top: 10px;
}

/* End About FFF */

/*Start Helpful Links*/
#helpful-links
{
    padding: 30px 100px;
    font-family: Sans-Serif;
    font-size: 13px;
}
#helpful-links div
{
    padding: 5px 0 5px;
}
#helpful-links .organizationName
{
    font-weight: bold;
}
/*End Helpful Links*/

/* video */
#media-active object,embed
{
    z-index: 1; /*not sure this even works*/
}

/* Privacy area */
#privacy
{
    font-family: Sans-Serif;
    font-size: 13px;
    padding: 30px 100px;
}
#privacy div
{
    padding: 5px 0 5px;
}
#privacy div a 
{
    color: #285A9F;
}

/* end content */

/* footer area */
#footer-area{
    width: 933px;
    height: 49px;
    background-image: url('../images/site/ffffooter.gif');
    position: relative;
    margin: 0px;
    padding: 0px;
}

#footer span{
    position:relative;
    display:block;
    font-size: 10px;
    font-family: sans-serif;
    color: gray;
    width: 915px;
    text-align: right;
    top: 19px;
}
#cr_note span{
    position: relative;
    font-size: 10px;
    font-family: sans-serif;
    color: gray;
    top: 5px;
    padding-left: 300px;
}
#cr_note span a{
    color: gray;
}
/* end footer */