*, div, p, ul, li, img {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div, p
{line-height:18px;}

fieldset
{line-height:normal;}

img {
    border: none;
}




/* *****************     HEADERS   ************************** */
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
    font-family: Georgia, Verdana, Helvetica;
    font-weight: bold;
    display: block;
}

h2, .h2 {
    font-size: 28px;
    line-height: 28px;
    color: #4e555b;
    display: block;
    font-weight: normal;
    margin: 7px 0 15px 0;
}



h3, .h3 {
    font-size: 18px;
    color: #0a4a9c;
    margin-bottom: 10px;
    font-weight:normal;
    line-height:normal;
}
h3.black {
    color: #4e555b;
}



h4, .h4 {
    font-size: 16px;
    color: #4e565d;
    margin-bottom: 5px;
}

h5, .h5 {
    font-size: 13px;
    color: #4e565d;
    margin-bottom: 1px;
    font-family: verdana;
}

/************************ LINK STYLES *********************/
a, a:link, a:visited, a:hover, a:active
{outline:none;
text-decoration:none;
color: #0a4a9c;}

 a:hover, a:active
 {text-decoration:underline;
	outline:none;}
 a img
 {border:none;}
 input
 {outline:none;}



a.strong_blue, a.strong_blue:link, a.strong_blue:visited, a.strong_blue:hover, a.strong_blue:active {
    font-weight: bold;
    color: #0a4a9c;
 
}

a.learnMore, a.learnMore:link, a.learnMore:visited, a.learnMore:hover, a.learnMore:active
{color: #0a4a9c;
font-weight:bold;
font-size:12px;

}

/* *****************     TEXT STYLES   ************************** */

.bold
{font-weight: bold;}
.small_bold_blue {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #0a4a9c;
	font-size: 22pt;
}

.small_bold {
    font-size: 11px;
    font-weight: bold;
}

p {
    margin: 15px 0 10px 0;
}

.smaller_text {
    font-size: 10px;
}
.small_text {
    font-size: 9px;
}

.error {
    color: Red;
}

.info_text {
    color: Red;
}




/* *****************     PADDING STYLES  ************************** */

.margin_top_small: {
    margin-top: 10px;
}
.margin_bottom_small: {
    margin-bottom: 10px;
}
.margin_bottom_medium {
    margin-bottom: 25px;
}
.margin_top_medium {
    margin-top: 25px;
}

.margin_bottom_large {
    margin-bottom: 30px;
}
.margin_top_large {
    margin-top: 30px;
}

.pad_top_none
{padding-top:0;}

/* ----------- other misc common classes ---------------------*/
fieldset
{border:none;}
 ul.bulleted,   ul.bulleted li
 {
 list-style-type:disc;
 list-style-position:inside;
 }

img.bordered {
    border: solid 1px #cccccc;
    padding: 2px;
}

.quoted {
    display: block;
    background: #fcfcfa url(file:///css/images/bg_quoted.gif) no-repeat 0 0;
    margin-left: 10px;
    font-family: verdana, helvetica;
    color: #8b8c82;
    padding: 25px;
    font-style: italic;
}

p.borderless, div.borderless, img.borderless {
    border-top: none 0px transparent !important;
    border-right: none 0px transparent !important;
    border-bottom: none 0px transparent !important;
    border-left: none 0px transparent !important;
}


.dark {
    background-color: #fcfcfa;
}

div.to_the_top {
    clear: both;
    height: 30px;
    width: 100%;
    text-align: right;
    background: url(file:///css/Images/bg_to_top.gif) no-repeat right top;
}
div.to_the_top_history {
    clear: both;
    height: 20px;
    width: 100%;
    text-align: right;
    background: url(file:///css/Images/to_the_top_history.gif) no-repeat right top;
}
div.to_the_top_history a, div.to_the_top_history a:link, div.to_the_top_history a:visited, div.to_the_top_history a:hover, div.to_the_top_history a:active {
    display: block;
    float: right;
    height: 20px;
    width: 40px;
    text-decoration: none;
    text-indent: -9px;
}


div.to_the_top a {
    display: block;
    float: right;
    height: 20px;
    width: 40px;
    text-decoration: none;
    text-indent: -9px;
}


div.fancyLineDivider
{
width: 100%;
height:50px;
background: url(file:///css/Images/fancy_div_line.gif) no-repeat 0 0  ;

}
div.shortfancyLineDivider
{
width: 100%;
height:25px;
background: url(file:///css/Images/ShortFancyDivider.gif) no-repeat 0 0  ;
clear:both;
}

div.LineDivider
{
width: 100%;

background: url(file:///css/Images/MidBar.gif) no-repeat 0 0  ;
clear:both;
}
/* *****************     LAYOUT UTILITY  STYLES   ************************** */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


div.ContextualHelpWrapper {
    position: relative;
    z-index: 200;
}

div.SocialBookmarkingContextualHelp {
    left: 5px;
    top: 10px;
}

div.ContextualHelp {
    background-color: #F3F2EF;
    border: 1px solid #CCCCCC;
    display: none;
    padding: 5px 5px 15px 15px;
    position: absolute;
    width: 260px;
    z-index: 100;
}


/* *****************   0.0  LAYOUT  MAIN ************************** */


form {
    text-align: center;
}

body {
	font-family: Verdana, Arial;
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: url(/media/_imgs/bg_body.jpg) repeat-y 50% 50%;
	text-align: left;
}

body.nobg
{
    background: none;
}

div.topBorder
{   background: url(/App_Themes/Quaker/Images/bg_red_line.gif) no-repeat;
	height:18px;}
div.noTopBorder
{display:none;}


#wrapper_outer
{
 width: 1032px;
  margin: 0 auto;
    text-align: left;

}
#wrapper {
    margin: 0 10px 0 26px; /*background: #fff;*/
    overflow: hidden;
   
    text-align: left;
   
}
#Main {
	/*float:left; 	width: 65%;*/
    margin: 0;
	padding-bottom:60px;
}
#SideBar {
    width: 28%;
    float: right;
    padding: 15px;
}
#Header,#Header_nonav, #Footer {
    clear: both;
}
#LeftSideBar {
    width: 40%;
    float: left;
    padding: 15px;
}
#RightSideBar {
    width: 50%;
    float: right;
    padding: 15px;
}

#Main .home_flash{
margin:  0;}


/* *****************   0.1  LAYOUT  HEADER  ************************** */

#Header .imgLogo
{display:none;}

#Header {
	/*margin-bottom: 20px; 	background: #1F5DA7; 	margin-top: 10px;*/
    height: 97px;
	background: url(/media/_imgs/t_swim.jpg);
	position:relative;
	margin: 0 0 0 0;
}

#Header_nonav {
    /*margin-bottom: 20px; 	background: #1F5DA7; 	margin-top: 10px;*/
    height: 30px;
    background: url(file:///css/images/nonav_bg_header.gif) no-repeat top left;
    position:relative;
}

a.Logo {
	width:223px;
	height: 96px;
	position:absolute;
	top: 0px;
}
#TopNavigation
{}
#UtilityNav /* this is  a top nav line */ {
    height: 20px; /*margin-right:15px;*/
    margin: 20px 25px 3px 0;
    width: 690px;
    float: right;
    text-align: right;
}

#UtilityNav a, #UtilityNav a:link, #UtilityNav a:visited, #UtilityNav a:hover, #UtilityNav a:active {
    background: url(file:///css/images/bg_btn_topnav.gif) no-repeat right 1px;
    padding-right: 18px;

  padding-bottom:2px;
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    margin: 0 11px 0 0;
 
}

#UtilityNav a.signin, #UtilityNav a.signin:link, #UtilityNav a.signin:visited, #UtilityNav a.signin:hover, #UtilityNav a.signin:active {
    background-image: none;
    padding-right: 4px;
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    margin: 0 11px 0 0;
 
}
#UtilityNav .searchBox {
    width: 180px;
    height: 15px;
    font-size: 11px;
    margin-left: 2px;
    line-height: 14px;
    padding-left: 2px;
}

#UtilityNav .image {
    vertical-align: top;
}

#menuContainer {
    float: right;
    width: 910px;
    clear: right;
}


/* *****************   0.2  LAYOUT  FOOTER  ************************** */
#Footer {
    clear: both;
    padding: 5px 0 0 25px; /*width: 100%;*/
    height: 140px;
    background: url(file:///css/images/bg_footer.gif) no-repeat 0 0;
}

#Footer img {
    border: none;
}
#Footer a#lnksubscribe, #Footer a#lnksuggest {
    float: left;
    height: 44px;
    border: none;
}

#Footer #lnksubscribe {
    margin-right: 140px;
    width: 346px;
    margin-left: 20px;
}

#Footer #lnksuggest {
    margin-right: 10px;
    width: 391px;
}

#Footer #bottomnav {

    float: left;
    margin-top: 22px;
    height: 20px;
    color: #ffffff;
    font-size: 9px;
}
#Footer #bottomnav a, #Footer #bottomnav a:link, #Footer #bottomnav a:visited, #Footer #bottomnav a:hover, #Footer #bottomnav a:active {
    color: #ffffff;
    text-decoration: none;
    padding: 0 10px;
    font-size: 10px;
   
    text-transform: uppercase;
}



/****************************************RIGHT HAND SIDE STYLES *********************/

#right_rail {
    width: 328px;
    float: right;
    background: #f4f1eb url(file:///css/Images/right_rail/bg_right.gif) no-repeat 0 bottom;
    padding-bottom: 10px;
    font-size: 11px;
    overflow: hidden;
    padding-bottom: 1px;
    
}

#right_rail img {
    display: block;
}
div.RightSideDivider {
    height: 20px;
    width: 305px;
    margin: 0 12px;
    background: url(file:///css/Images/right_rail/bg_right_divider.gif) repeat-x 0 9px;
}

div.relatedProductsRhs, div.toolsRhs, div.questionRhs, div.tagsRhs, div.relatedArticlesRhs, div.relatedRecipesRhs, div.articleUtilityRhs, div.brochuresRhs, .rhsElement, #rhs_WICRecipeBook ,  
#communitySubnavRhs{
    margin: 0 11px 10px 11px;
    display:block;
}

#right_rail a {
    color: #0a4a9c;
}

/*-------------------------------------Article Utility ---------------------------------*/
div.articleUtilityRhs {
    background: /*#f8f7f3*/ url(file:///css/Images/right_rail/art_utility/bg_art_utility.jpg) no-repeat 0 0;
    padding: 17px 0 20px 10px;
    color: #5f656a;
}

/*-------------------------------------Related Products---------------------------------*/
div.relatedProductsRhs {
    background: url(file:///css/Images/right_rail/bg_related_products.jpg) no-repeat 0 top;
    padding: 35px 0 0 0;
    margin-bottom:10px;
    display:block;
}

div.relatedProductsRhs div.productName a {
    font-weight: bold;
    font-size: 11px;
    color: #0a4a9a;
      
    /*   text-decoration: none;
     display: block;
        width: 200px;*/
}

div.relatedProductsRhs div.productName {
 width: 200px;
  
padding-left:20px;
background: url(file:///css/Images/right_rail/bg_arrow.gif) no-repeat 10px 5px;


 
}
/*-------------------------------------Tools ---------------------------------*/

div.toolsRhs {
    background: url(file:///css/Images/right_rail/txt_related_tools.gif) no-repeat 0 top;
    overflow:hidden;
    padding: 15px 0 0 0;
}

div.toolsRhs a.bmiCalculator, div.toolsRhs a.energyBalance {
    display: block;
    height: 62px;
    width: 280px;
    text-indent: -999999px;
}


div.toolsRhs a.bmiCalculator {
    background: url(file:///css/Images/right_rail/img_bmi_calculator.gif) no-repeat 0 top;
}

div.toolsRhs a.energyBalance {
    background: url(file:///css/Images/right_rail/img_energy_balance.gif) no-repeat 0 top;
}

/*-------------------------------------Brochures ---------------------------------*/
div.brochuresRhs {
    background: /*#f8f7f3*/ url(file:///css/Images/right_rail/bg_brochures.gif) no-repeat 0 0;
    padding: 20px 10px 10px 10px ;
    text-align:right;

}
div.brochuresRhs ul {
    margin: 10px 0;
    text-align:left;
}

div.brochuresRhs li
{
  background: /*#f8f7f3*/ url(file:///css/Images/right_rail/img_adobe.gif) no-repeat 0 0;
  margin: 5px 0;
  padding: 2px 0 2px 18px;

}

div.brochuresRhs a.downloadAdobe
{
width: 150px;

}


/*-------------------------------------Related Articles ---------------------------------*/
div.relatedArticlesRhs {
    background: /*#f8f7f3*/ url(file:///css/Images/right_rail/bg_articles.gif) no-repeat 0 0;
      padding: 20px 10px 10px 10px ;
}
div.relatedArticlesRhs ul {
    margin: 10px 0;
}




div.relatedArticlesRhs li
{
  background: url(file:///css/Images/right_rail/img_article.gif) no-repeat 0 0;
  margin: 5px 0;
  padding: 2px 0 2px 18px;

}
a.vewAll
{font-weight: bold;}

/*-------------------------------------Related Recipes ---------------------------------*/
div.relatedRecipesRhs {
    background: /*#f8f7f3*/ url(file:///css/Images/right_rail/txt_related_recipes.gif) no-repeat 0 0;
    padding: 10px 0 0 0;
}
div.relatedRecipesRhs ul {
    margin: 10px 0;
}

/*-------------------------------------Recipe Search ---------------------------------*/
div.recipe_searchRhs {
    padding: 10px 0 0 0;
    background: url(file:///css/Images/recipes/bg_search_recipes_rhs.jpg) no-repeat 0 0;
    margin: 0 0 0 11px;
}


/*-------------------------------------Tags ---------------------------------*/
div.tagsRhs {
    background: /*#f8f7f3*/ url(file:///css/Images/right_rail/txt_tags.gif) no-repeat 0 1px;
    padding: 0;
    border:solid 1px #F4F1EB;
    clear:left;
}

div.tagsRhs a.whatsThis, div.tagsRhs a.whatsThis:link, div.tagsRhs a.whatsThis:visited, div.tagsRhs a.whatsThis:hover, div.tagsRhs a.whatsThis:active {
    width: 88px;
    display: block;
    text-decoration: none;
    margin-left: 190px;
    text-indent: -9999px;
    height: 10px;
    overflow:hidden;

    z-index:300;
}


div.tagsRhs a.whatsThis span {
    visibility: hidden;
}




/*-------------------------------------Tell Us What You Think ---------------------------------*/
div.questionRhs {
margin-bottom:10px;
    background: url(file:///css/Images/right_rail/bg_question.gif) no-repeat 0 top;
}


div.questionRhs h3 {
    display: block;
    font-size: 16px;
    color: #0a4a9a;
    padding: 50px 60px 2px 10px;
        font-family:Georgia;
}

div.questionRhs p {
    margin: 0 60px 20px 10px;
    font-size: 11px;
}


div.questionRhs div.command {
    background: url(file:///css/Images/right_rail/bg_question_command.gif) no-repeat 0 bottom;
    height: 35px;
}



div.questionRhs a.tellus {
    display: block;
    width: 90px;
    height: 25px;
    float: right;
    margin-right: 9px;
    background: url(file:///css/Images/right_rail/btn_tellus.gif) no-repeat 0;
    text-indent: -99999px;
}


div.questionFancyRhs h3 
{font-family:Verdana;}

div.questionFancyRhs {
    background: url(file:///css/Images/right_rail/bg_question_fancy.gif) no-repeat 0 top;
    width: 290px;
    text-align: center;
}



div.questionFancyRhs img {
    margin: 12px 0px;
}

div.questionFancyRhs p {
    width: 215px;
    margin: 1px auto;
    font-family:Verdana;
}


div.questionFancyRhs div.command {
    background: url(file:///css/Images/right_rail/bg_question_command_fancy.gif) no-repeat 0 bottom;
    height: 85px;
    text-align: center;
}
div.questionFancyRhs a.tellus {
    display: block;
    width: 90px;
    height: 25px;
    margin: 15px auto;
    background: url(file:///css/Images/right_rail/btn_tellus_fancy.gif) no-repeat 0;
    text-indent: -99999px;
}

/*---------------------------WIC Recipe Book-----------------------*/
 #rhs_WICRecipeBook {position:relative; width:304px; height:143px;
     background: url(file:///css/Images/right_rail/bg_wic_recipes.jpg) no-repeat 0 0;
 }
 
  #rhs_WICRecipeBook a {display:block; position:absolute ;height: 21px; border:none;
  text-indent: -9999px; }
 #rhs_WICRecipeBook a#pdf_english {width:140px; top:90px; left:32px; }
  #rhs_WICRecipeBook a#pdf_spanish{width:95px; top:90px; left:195px; }
   #rhs_WICRecipeBook a#get_acrobat{width:130px;  top:120px; left:165px; height: 13px;  }
   
   
   /*------------------ community programs navigation -------------------*/
   #communitySubnavRhs ul{
width: 304px;
height: 160px;

background:  url(file:///css/Images/right_rail/bg_community_nav.gif) no-repeat 0;
}

   #communitySubnavRhs li{


}

   #communitySubnavRhs li a{
display: block;
width: 303px;
height: 39px;

text-indent: -9999px;

}

   #communitySubnavRhs li a:hover,    #communitySubnavRhs li a.active{
background:  url(file:///css/Images/right_rail/bg_community_nav.gif) no-repeat 0;
}


   #communitySubnavRhs li#l1 a{
background-position: -329px -1px;
}
   #communitySubnavRhs li#l2 a{
background-position: -329px -40px;
}
   #communitySubnavRhs li#l3 a{
background-position: -329px -79px;
}

   #communitySubnavRhs li#l4 a{
background-position: -329px -118px;
}


   
      #communitySubnavRhs li#l1 a.active{
background-position: -659px 0px;
}
   #communitySubnavRhs li#l2 a.active{
background-position: -659px -40px;
}
   #communitySubnavRhs li#l3 a.active{
background-position: -659px -79px;
}

   #communitySubnavRhs li#l4 a.active{
background-position: -659px -118px;
}
   
   
   
   
   
   
   
   
   
   
 
/*-------------------------------------PollBox---------------------------------*/
.PollBox {
    font-size: 11px;
    background: transparent; /*width: 310px;*/
    padding: 0 10px;
    margin-bottom:10px;
}

.PollBox h2 {
    display: none;
}

.PollBox h3 {
    background: url(file:///css/Images/right_rail/bg_poll_header.jpg) no-repeat 0 top;

    padding: 45px 30px 18px 65px;
    font-size: 11px;
    color: #4e565d;
    font-family:Verdana;
    font-weight:bold;
}


.PollBox fieldset {
    border: 0;
    padding: 0 0 10px 0;
    margin: 0;
    background: url(file:///css/Images/right_rail/bg_poll_bg.jpg) repeat-y;
}

.PollBox fieldset div {
    padding-left: 50px;
}

.PollBox .sf_pollQuestionsList
{ list-style-position:outside;}

.PollBox .sf_pollQuestionsList li {
    margin: 5px 0;
    vertical-align: middle;
    list-style-position:outside;
    clear:left;
    
}
.PollBox .sf_pollQuestionsList li input {
    margin: 0px 4px 0px 0;
    width:16px;
   height:20px;
    float:left;
    clear:left;
}

.PollBox .sf_pollQuestionsList li label {
    vertical-align: top;
    display:block;
    width:215px;
    float:left;
}


.PollBox .sf_pollCommands {
    background: url(file:///css/Images/right_rail/bg_poll_bottom.jpg) no-repeat 0 bottom;
      
    margin: 0;
    padding-bottom:12px;
}

.PollBox .sf_pollCommands input.sf_pollVote
{

}

.PollBox .sf_pollQuestionAnswers {
    background: url(file:///css/Images/right_rail/bg_poll_bg.jpg) repeat-y;
    padding-left: 15px;
    padding-right:15px;
}



/*.sf_pollVoteInfo {
    padding-bottom: 20px;
}*/

/* MISC */

/*---------------------------Article Call Outs-----------------------*/
div.ArticleCallOut {
    margin: 8px 0;
    display: block;
    clear: both;
    float: left;
}

div.ArticleCallOut .img {
    width: 120px;
    float: left;
    border: solid 1px #cccccc;
    clear: right;
    height: 120px;
}


div.ArticleCallOut div {
    margin: 2px 0 0 10px;
    width: 420px;
    float: left;
}

div.ArticleCallOut div h3
{ margin-bottom:0;}


div.ArticleCallOut div a {
    
    color:#0a4a9c;
}

div.ArticleCallOut div p
{margin-top:6px;}

#descriptor, #descriptor p, p.intro {
	line-height: 24px;}
	
	



/* --------------------------- Animation ---------------------------------*/




.animated_bg, .animated_current_bg {
    margin: 0 auto;
    padding: 2px 0 0 0;
    height: 120px;
}


.animated_current_bg
{

	width: 109px; 
	top: -5px; 
	display: block;
}

.animated_bg img, .animated_current_bg img {
    width: 100%;
}





ul.animated_thumbnail_wrap {
    float: left;
}



ul.animated_thumbnail_wrap li
{
	list-style-type: none;
	display: block;
	float: left;
	margin: 0 20px 0 0;
	/*position: relative;*/
	width: 109px; /* height: 153px;*/
	text-align: left;
}



ul.animated_thumbnail_wrap .link_wrap, 
ul.animated_thumbnail_wrap .link_wrap_active  {

    width: 109px;
    text-align: center;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    left: 0; /*IE7*/
}

ul.animated_thumbnail_wrap .link_wrap a {
    color: #868686;
    text-decoration: none;
}


ul.animated_thumbnail_wrap .link_wrap a:hover, ul.animated_thumbnail_wrap li.fakeHover a,
ul.animated_thumbnail_wrap .link_wrap_active  {
    color: #a40102;
    text-decoration: none;
}






#spopper {
	width: 441px;
	float: left;
	padding-bottom: 10px;
	overflow: visible;
	padding-bottom: 12px;
	margin-left: 2px;
	padding-left: 22px;
	padding-right: 18px;
	padding-top: 32px;
	height: 100%;
}
#sganga {
	width: 512px;
	float: left;
	padding-bottom: 10px;
	font-size: 11px;
	overflow: hidden;
	padding-bottom: 1px;
}
#headerpro {
	width: 440px;
	float: left;
	overflow: visible;
	text-align: left;
	padding-bottom: 25px;
}
#olympia {
	/*float:left; 	width: 65%;*/
    margin: 0;
	width: 1032px;
	height: 128px;
}
