/* Main Home Page Styles */
/************************************************
*	Homepage 		    	                    * 
************************************************/
#homepage {
float: left;
width: 610px;
margin: 0px;
padding: 0px;
}
#homepage p {
margin: 0px;
padding: 0px;
}
#homepage p img {
border: none;
float: left;
margin: 0px;
}
/************************************************
*	Featured Content Gallery				    * 
************************************************/
#fcgcontainer {
float: left;
width: 610px;
margin: 0px auto 10px;
padding: 0px;
background-color: #DBDBDB;
}
#fcgboxcontents {
padding: 10px;
margin: 0px auto;
}
/************************************************
* Narrow Image Contained Boxes - Left Side      * 
************************************************/
.leftnarrowboxcontainer {
float: left;
width: 300px;
margin: 0px;
padding: 0px;
}
/************************************************
* Narrow Image Contained Boxes - Right Side      * 
************************************************/
.rightnarrowboxcontainer {
float: right;
width: 300px;
margin: 0px;
padding: 0px;
}
/*****************************************************
* Allergies & Asthma Narrow Box                      * 
******************************************************/
.leftnarrowbox-1-top {
background: url(images/300-blue-top.gif) top no-repeat;
float: left;
width: 300px;
height: 37px;
margin: 0px;
padding: 0px;
}
.leftnarrowbox-1-top h3{
color: #FFFFFF;
font: 16px Trebuchet MS, Verdana, Arial, Tahoma;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 5px;
padding: 0px;
}
.leftnarrowbox-1-middle {
background: url(images/300-blue-middle.gif) top repeat-y;
float: left;
width: 300px;
margin: 0px;
padding: 0px;
}
.leftnarrowbox-1-bottom {
background: url(images/300-blue-bottom.gif) top no-repeat;
float: left;
width: 300px;
height: 4px;
margin: 0px;
padding: 0px;
}
.leftnarrowbox-1-contents {
float: left;
width: 288px;
margin: 5px;
padding: 0px;
}
.leftnarrowbox-1-contents img {
border: none;
margin: 0px;
}
.leftnarrowbox-1-contents a:link{
color: #404040;
text-decoration: none;
font-weight: bold;
}
.leftnarrowbox-1-contents a:visited {
color: #404040;
text-decoration: none;
font-weight: bold;
}
.leftnarrowbox-1-contents a:hover{
color: #404040;
text-decoration: underline;
font-weight: bold;
}
.leftnarrowbox-1-contents a:active {
color: #404040;
text-decoration: underline;
font-weight: bold;
}
/*****************************************************
* Digestive Health Narrow Box                        * 
******************************************************/
.leftnarrowbox-3-top {
background: url(images/300-blue-top.gif) top no-repeat;
float: left;
width: 300px;
height: 37px;
margin: 0px;
padding: 0px;
}
.leftnarrowbox-3-top h3{
color: #FFFFFF;
font: 16px Trebuchet MS, Verdana, Arial, Tahoma;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 5px;
padding: 0px;
}
.leftnarrowbox-3-middle {
background: url(images/300-blue-middle.gif) top repeat-y;
float: left;
width: 300px;
margin: 0px;
padding: 0px;
}
.leftnarrowbox-3-bottom {
background: url(images/300-blue-bottom.gif) top no-repeat;
float: left;
width: 300px;
height: 4px;
margin: 0px;
padding: 0px;
}
.leftnarrowbox-3-contents {
float: left;
width: 288px;
margin: 5px;
padding: 0px;
}
.leftnarrowbox-3-contents img {
border: none;
margin: 0px;
}
.leftnarrowbox-3-contents a:link, .leftnarrowbox-3-contents a:visited{
color: #404040;
text-decoration: none;
font-weight: bold;
}
.leftnarrowbox-3-contents a:hover, .leftnarrowbox-3-contents a:active{
color: #404040;
text-decoration: underline;
font-weight: bold;
}
/*****************************************************
* Cold & Flu Narrow Box                              * 
******************************************************/
.rightnarrowbox-2-top {
background: url(images/300-blue-top.gif) top no-repeat;
float: right;
width: 300px;
height: 37px;
margin: 0px;
padding: 0px;
}
.rightnarrowbox-2-top h3{
color: #FFFFFF;
font: 16px Trebuchet MS, Verdana, Arial, Tahoma;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 5px;
padding: 0px;
}
.rightnarrowbox-2-middle {
background: url(images/300-blue-middle.gif) top repeat-y;
float: right;
width: 300px;
margin: 0px;
padding: 0px;
}
.rightnarrowbox-2-bottom {
background: url(images/300-blue-bottom.gif) top no-repeat;
float: right;
width: 300px;
height: 4px;
margin: 0px;
padding: 0px;
}
.rightnarrowbox-2-contents {
float: right;
width: 288px;
margin: 5px;
padding: 0px;
}
.rightnarrowbox-2-contents img {
border: none;
margin: 0px;
}
.rightnarrowbox-2-contents a:link, .rightnarrowbox-2-contents a:visited{
color: #404040;
text-decoration: none;
font-weight: bold;
}
.rightnarrowbox-2-contents a:hover, .rightnarrowbox-2-contents a:active{
color: #404040;
text-decoration: underline;
font-weight: bold;
}
/*****************************************************
* Heart Health Narrow Box                            * 
******************************************************/
.rightnarrowbox-4-top {
background: url(images/300-blue-top.gif) top no-repeat;
float: right;
width: 300px;
height: 37px;
margin: 0px;
padding: 0px;
}
.rightnarrowbox-4-top h3{
color: #FFFFFF;
font: 16px Trebuchet MS, Verdana, Arial, Tahoma;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 5px;
padding: 0px;
}
.rightnarrowbox-4-middle {
background: url(images/300-blue-middle.gif) top repeat-y;
float: right;
width: 300px;
margin: 0px;
padding: 0px;
}
.rightnarrowbox-4-bottom {
background: url(images/300-blue-bottom.gif) top no-repeat;
float: right;
width: 300px;
height: 4px;
margin: 0px;
padding: 0px;
}
.rightnarrowbox-4-contents {
float: right;
width: 288px;
margin: 5px;
padding: 0px;
}
.rightnarrowbox-4-contents img {
border: none;
margin: 0px;
}
.rightnarrowbox-4-contents a:link, .rightnarrowbox-4-contents a:visited{
color: #404040;
text-decoration: none;
font-weight: bold;
}
.rightnarrowbox-4-contents a:hover, .rightnarrowbox-4-contents a:active{
color: #404040;
text-decoration: underline;
font-weight: bold;
}
/************************************************
*	Wide Boxes                            * 
************************************************/	
.wideboxcontainer {
float: left;
width: 610px;
margin: 10px 0px 0px 0px;
padding: 0px;
}
/************************************************
*	Wide Box Holds Sex & Relationships          * 
************************************************/
.widebox-1-contents {
float: left;
width: 600px;
margin: 5px;
padding: 0px;
}
.widebox-1-contents img {
border: none;
margin: 0px;
}
.widebox-1-contents a:link, .widebox-1-contents a:visited{
color: #404040;
text-decoration: none;
font-weight: bold;
}
.widebox-1-contents a:hover, .widebox-1-contents a:active{
color: #404040;
text-decoration: underline;
font-weight: bold;
}
.widebox-1-top {
background: url(images/600-red-top.gif) top no-repeat;
float: left;
width: 610px;
height: 36px;
margin: 0px;
padding: 0px;
}
.widebox-1-top h3{
color: #FFFFFF;
font: 16px Trebuchet MS, Verdana, Arial, Tahoma;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 5px;
padding: 0px;
}
.widebox-1-middle {
background: url(images/600-red-middle.gif) top repeat-y;
float: left;
width: 610px;
margin: 0px;
padding: 0px;
}
.widebox-1-bottom {
background: url(images/600-red-bottom.gif) top no-repeat;
float: left;
width: 610px;
height: 4px;
margin: 0px;
padding: 0px;
}
/*****************************************************
* Fitness & Nutrition Box                            * 
******************************************************/
.leftnarrowbox-5-top {
background: url(images/300-green-top.gif) top no-repeat;
float: left;
width: 300px;
height: 37px;
margin: 0px;
padding: 0px;
}
.leftnarrowbox-5-top h3{
color: #FFFFFF;
font: 16px Trebuchet MS, Verdana, Arial, Tahoma;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 5px;
padding: 0px;
}
.leftnarrowbox-5-middle {
background: url(images/300-green-middle.gif) top repeat-y;
float: left;
width: 300px;
margin: 0px;
padding: 0px;
}
.leftnarrowbox-5-bottom {
background: url(images/300-green-bottom.gif) top no-repeat;
float: left;
width: 300px;
height: 4px;
margin: 0px;
padding: 0px;
}
.leftnarrowbox-5-contents {
float: left;
width: 288px;
margin: 5px;
padding: 0px;
}
.leftnarrowbox-5-contents img {
border: none;
margin: 0px;
}
.leftnarrowbox-5-contents a:link, .leftnarrowbox-5-contents a:visited{
color: #404040;
text-decoration: none;
font-weight: bold;
}
.leftnarrowbox-5-contents a:hover, .leftnarrowbox-5-contents a:active{
color: #404040;
text-decoration: underline;
font-weight: bold;
}
/*****************************************************
* Tips & Tricks Box                                  * 
******************************************************/
.rightnarrowbox-6-top {
background: url(images/300-orange-top.gif) top no-repeat;
float: right;
width: 300px;
height: 37px;
margin: 0px;
padding: 0px;
}
.rightnarrowbox-6-top h3{
color: #FFFFFF;
font: 16px Trebuchet MS, Verdana, Arial, Tahoma;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 5px;
padding: 0px;
}
.rightnarrowbox-6-middle {
background: url(images/300-orange-middle.gif) top repeat-y;
float: right;
width: 300px;
margin: 0px;
padding: 0px;
}
.rightnarrowbox-6-bottom {
background: url(images/300-orange-bottom.gif) top no-repeat;
float: right;
width: 300px;
height: 4px;
margin: 0px;
padding: 0px;
}
.rightnarrowbox-6-contents {
float: right;
width: 288px;
margin: 5px;
padding: 0px;
}
.rightnarrowbox-6-contents img {
border: none;
margin: 0px;
}
.rightnarrowbox-6-contents a:link, .rightnarrowbox-6-contents a:visited{
color: #404040;
text-decoration: none;
font-weight: bold;
}
.rightnarrowbox-6-contents a:hover, .rightnarrowbox-6-contents a:active{
color: #404040;
text-decoration: underline;
font-weight: bold;
}