body {
margin:0;
 background: url(../images/background-gradient.jpg) #FFFFFF repeat-x;
font-family:"Verdana", Arial, sans-serif;
font-size:small;
text-align:center;
}

#container {
margin:10px auto;
text-align:left;
width:980px;
}

#popup {
margin:10px auto;
text-align:left;
width:580px;
}




/*    Top Header area    */ 

#header {
 width:980px;
	height:42px;
 background:url(../images/header-gradient.gif) no-repeat;
}

#header .login {
 text-align:right;
	padding-right:10px;
 padding-top:14px;
}

.login a {
color:#989898;
	font-size:85%;
text-decoration:none;
}
.login a:hover {
color:#CFCFCF;
text-decoration:none;
}
#header h1 {
left:-1000px;
position:absolute;
top:-1000px;
}

#home-splash-graphic {
 height:519px;
	width:980px;
	background:url(../images/a-fresh-approach.jpg) no-repeat;
}

/*    Sub Header area    */ 

#sub-header {
 position:relative;
 height:59px;
	width:980px;
	background:url(../images/bb-logo.gif) no-repeat 12px 6px;
}

#secondary-nav {
 position:absolute;
	bottom:8px;
	right:8px;
}

/*    Content area    */ 
#container #content {
 background:url(../images/content-bg-top.gif) no-repeat top left;
	padding-top:20px;
}

#popup #content {
 background:url(../images/content-bg-top-popup.gif) no-repeat top left;
	padding-top:20px;
}

#container #box-bottom {
 background:url(../images/content-bg-bot.gif) #FFFFFF no-repeat top left;
	height:10px;
}

#popup #box-bottom {
 background:url(../images/content-bg-bot-popup.gif) #FFFFFF no-repeat top left;
	height:10px;
}

#content H1 {
 font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:250%;
	margin:0px 10px 10px 10px;
	padding:0;
}

#content H2 {
 font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:180%;
	margin:30px 10px 10px 10px;
	padding:0;
}

#content H3 {
 font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:140%;
	margin:30px 10px 10px 10px;
	padding:0;
}
#content p {
	font-size:100%;
	line-height:1.5em;
	margin:0px 10px 10px 10px;
	padding:0;
}

#content .caption  {
 font-size:85%;
	color:#666666;
	margin-top:0px;
	line-height:1.5em;
	font-weight:bold;
}



/*    News Ticker area    */ 
#newsticker {
background:url(../images/news_ticker_all.gif) no-repeat center bottom;
height:38px;
width:980px;
}
#newsticker p {
font-size:100%;
color:#666666;
display:inline;
float:left;
font-weight:bold;
margin:0pt 0pt 0pt 10px;
padding:14px 0pt 0pt;
}
#newsticker ul {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#newsticker li {
color:#666666;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:14px 0pt 0pt 20px;
}
#newsticker a {
color:#666666;
text-decoration:none;
}
#newsticker a:hover {
color:#999999;
text-decoration:none;
}
#newsticker li.error {
color:#FF0000;
}


/*    Hero area    */ 

#heroArea {
margin-top:10px;
width:995px;
height:208px;
background:url(../images/hero-background.gif) no-repeat top left;
}

#hero1, #hero2, #hero3 {
height:180px;
background:url(../images/hero-pipe.gif) repeat-y top right;
float:left;
margin:10px 0px 10px 10px;
width:316px;
}

#heroArea h2 {
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:120%;
	color:#666666; 
	line-height:1.5em;
	padding-bottom:15px;
}

#heroArea p {
 color:#666666;
	line-height:1.2em;
	padding-right:10px;
}

#heroArea .link {
 text-align:right;
}



/*   footer area   */

#footer {
clear:both;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
margin-top:10px;
padding:6px 0px 6px 0px;
width:980px;
font-size:85%;
height:15px;
}

#footer p {
color:#999999;
display:inline;
float:left;
}
#footer ul {
color:#0000FF;
display:inline;
}
#footer ul li {
display:inline;
float:right;
}
#footer ul li a {
color:#0000FF;
text-decoration:none;
}
#footer ul li a:hover {
color:#000000;
text-decoration:underline;
}



/*  Utilities  */
.hide {display:none;}
p {margin:0;}