/*=== GENERAL LAYOUT ========================================================*/

#baking101 {
}

#baking101 #left {
    width: 580px;
    float: left;
    display: inline;
    margin-top:10px;
    margin-left:20px;
    overflow: hidden;
}


#baking101 #right {
    width: 394px;
    float: right;
    display: block;
    margin-right: 0px;
    overflow: hidden;
    text-align: right;
    height: auto;
    background-position: right top;
    background-repeat: no-repeat;
}
/*===  RIGHT SIDE STYLES ========================================================*/


#baking101 #right #subnav_content {
    background: #f7f4ef url( "/App_Themes/Quaker/Images/baking101/bg_right_subnav.gif" ) no-repeat 0 0px;
    padding: 13px 0 0 0;
    text-align: left;
    float: right;
    width: 329px;
    margin-right: 15px;
    display: inline;
}
/*------ right subnav -------------*/


#baking101 #subnav_content ul {
    margin-bottom: 10px;
    display: block;
}
#baking101 #subnav_content ul.l1 {
    margin-bottom: 0px;
}
#baking101 #subnav_content ul.l1 li {
    width: 329px;
    height: 29px;
    display: block;
    vertical-align: middle;
    background: transparent url( "/App_Themes/Quaker/Images/baking101/bg_right_subnav_li.gif" ) no-repeat 0 0px;
}

#baking101 #subnav_content ul.l1 li.selected {
    background: transparent url( "/App_Themes/Quaker/Images/baking101/bg_right_subnav_li_on.gif" ) no-repeat 0 0px;
}


#baking101 #subnav_content ul.l1 li a, #baking101 #subnav_content ul.l1 li a:link, #baking101 #subnav_content ul.l1 li a:hover, #baking101 #subnav_content ul.l1 li a.active {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    color: #0a4a9a;
    text-decoration: none;
    padding-left: 20px;
}

#baking101 #subnav_content ul.l1 li a:hover, #baking101 #subnav_content ul.l1 li.selected a, #baking101 #subnav_content ul.l1 li.selected a:link, #baking101 #subnav_content ul.l1 li.selected a:hover, #baking101 #subnav_content ul.l1 li.selected a.active #baking101 #subnav_content ul.l2 li a:hover, #baking101 #subnav_content ul.l2 li.selected a, #baking101 #subnav_content ul.l2 li.selected a:link, #baking101 #subnav_content ul.l2 li.selected a:hover, #baking101 #subnav_content ul.l2 li.selected a.active {
    color: #b60b14;
}

#baking101 #subnav_content ul.l2 {
    background-repeat:no-repeat;
    background-color:Transparent;
    background-position: 0 0 ;
    padding-top: 35px;
    margin-bottom: 0px;
}

#baking101 #subnav_content .partial_menu ul.l2 {
    background-image: none;
    padding-top: 0px;
}

#baking101 #subnav_content ul.l2 li a, #baking101 #subnav_content ul.l2 li a:link, #baking101 #subnav_content ul.l2 li a:hover, #baking101 #subnav_content ul.l2 li a.active {
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding-top: 1px;
    padding-left: 20px;
    text-decoration: none;
}

#baking101 #subnav_content ul.l2 li a:hover
{
    text-decoration: underline;
}



#baking101 #subnav_content .partial_menu {
    padding: 10px 0 0 0;
}
#baking101 #subnav_content .partial_menu ul li {
    height: 18px;
    overflow: hidden;
}

#baking101 #subnav_content .findRecipeLink {
    margin: 12px 10px 10px 14px;
    border-top: solid 1px #e3e2dd;
    font-weight: bold;
    font-size: 11px;
    padding: 3px 0 0 0px;
}
#baking101 #subnav_content .findRecipeLink a {
    display: block;
    margin-left: 7px;
}




/* ---------------- article utility ----------------*/
#baking101 #right #subnav_content .articleUtilityRhs {
    margin-top: 10px;
    height: 150px;
    background: transparent url("/App_Themes/Quaker/Images/baking101/bg_art_utility.jpg") no-repeat scroll 0 0;
}
#baking101 #right #subnav_content .articleUtilityRhs #ratings {
    display: none;
}


/*----------- right recipe callout --------*/
#baking101 #right #subnav_content #recipe_search {
    width: 329px;
    height: 123px;
    margin-top: 12px;
}

#baking101 #right #subnav_content #recipe_search {
    background-repeat: no-repeat;
    background-position: 0 0;
}


#baking101 #right #subnav_content #recipe_search a {
    font-family: Georgia;
    font-size: 16px;
    float: left;
    font-weight: normal;
    margin-top: 43px;
    margin-left: 23px;
    width: 155px;
}



/*===  TOP  NAVIGATION ========================================================*/



#baking_nav_div {
    width: 982px;
    padding: 0;
    float: left;
    margin:35px 0 10px 20px;
    height: 45px;
    overflow: hidden;
}

ul#baking_nav {
    text-align: left;
    background: transparent url( "/App_Themes/Quaker/Images/baking101/bg_subnav.gif" ) no-repeat 0 0px;
    height:49px;
    overflow:hidden;
}


ul#baking_nav li {
    float: left;
    display: inline;
    margin-left: 0;
    margin: 0;
}


ul#baking_nav li a {
    display: block;
    height: 50px;
    text-indent: -9999px;
    margin: 0;
}

ul#baking_nav li a.NotSelected:hover, ul#baking_nav li a.selected:link, a.selected:visited, a.selected:hover, a.selected:active  {
    background: transparent url( "/App_Themes/Quaker/Images/baking101/bg_subnav.gif" ) no-repeat 0 0px;
    outline: none;
}

ul#baking_nav li#nav01 a {
    width: 165px;
}
ul#baking_nav li#nav02 a {
    width: 98px;
}
ul#baking_nav li#nav03 a {
    width: 120px;
}
ul#baking_nav li#nav04 a {
    width: 95px;
}
ul#baking_nav li#nav05 a {
    width: 100px;
}

ul#baking_nav li#nav06 a {
    width: 126px;
}


ul#baking_nav li#nav07 a {
    width: 130px;
}




ul#baking_nav li#nav01 a.NotSelected, ul#baking_nav li#nav01 a.NotSelected:hover {
    background-position: 0 -55px;
}
ul#baking_nav li#nav02 a.NotSelected, ul#baking_nav li#nav02 a.NotSelected:hover {
    background-position: -165px -55px;
}
ul#baking_nav li#nav03 a.NotSelected, ul#baking_nav li#nav03 a.NotSelected:hover {
    background-position: -263px -55px;
}
ul#baking_nav li#nav04 a.NotSelected, ul#baking_nav li#nav04 a.NotSelected:hover {
    background-position: -383px -55px;
}
ul#baking_nav li#nav05 a.NotSelected, ul#baking_nav li#nav05 a.NotSelected:hover {
    background-position: -478px -55px;
}

ul#baking_nav li#nav06 a.NotSelected, ul#baking_nav li#nav06 a.NotSelected:hover {
    background-position: -578px -55px;
}

ul#baking_nav li#nav07 a.NotSelected, ul#baking_nav li#nav07 a.NotSelected:hover {
    background-position: -704px -55px;
}



ul#baking_nav li#nav01 a.selected {
    background-position: 0 -110px;
}
ul#baking_nav li#nav02 a.selected{
    background-position: -165px -110px;
}
ul#baking_nav li#nav03 a.selected {
    background-position: -263px -110px;
}
ul#baking_nav li#nav04 a.selected {
    background-position: -383px -110px;
}
ul#baking_nav li#nav05 a.selected {
    background-position: -478px -110px;
}

ul#baking_nav li#nav06 a.selected {
    background-position: -578px -110px;
}

ul#baking_nav li#nav07 a.selected {
    background-position: -704px -110px;
}




/*==================== GENERAL STYLES *****************/
/* ----------------   headings and intros ----------------------*/
#baking101 h1 {
    font-family: Georgia, Verdana;
    font-size: 28px;
    line-height: normal;
    margin-top: 7px;
    padding-left: 10px;
    font-weight:normal;
}
#baking101 h2 {
    font-family: Georgia, Verdana;
    font-size: 18px;
    line-height: normal;
    padding-top: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
        font-weight:normal;
}


#baking101 h3, #baking101 span.h3, #baking101 a.h3 {
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
    margin-top: 7px;
    display: block;
}


#baking101 a.h3 {
    margin-top: 0px;
    display: block;
    margin-bottom: 5px;
}


#baking101 .content_body h3 {
    color: #4E555B;
}


#baking101 span.h3 {
    margin-top: 2px;
    display: block;
    margin-bottom: 2px;
    color: #4E555B;
}



#baking101 h5 {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}



#baking101 p.intro, #baking101 p.intro_problems {
    font-family: Verdana;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 30px 0;
    padding-left: 12px;
}
#baking101 p.intro_problems {
    margin: 10px 0 20px 0;
}

#baking101 .sub_intro {
    font-family: Verdana;
    font-size: 14px;
    line-height: 21px;
}
#baking101 .sub_intro img, #baking101 p.intro img, #baking101 img.float_left {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    margin-top: 5px;
}
#baking101 .sub_intro .floated_text, #baking101 .line_top .floated_text {
    float: left;
    width: 420px;
}



p.row {
    clear: left;
    float: left;
    width: 100%;
    margin: 5px 0 5px;
}

.pad_left_10 {
    padding-left: 10px;
}

.pad_left_12 {
    padding-left: 12px;
}

#baking101 .content_body {
    padding-left: 12px;
}

/* ------------- dividers -------------------*/
div.divider_l1 {
    border-top: solid 1px #e3e2dd;
    width: 588px;
    height: 30px;
}
div.divider_l1 img {
    margin: 11px 0 0 11px;
}

.line_top {
    border-top: solid 1px #e3e2dd;
    padding-top: 10px;
}

.line_bottom {
    border-bottom: solid 1px #e3e2dd;
}



/* ----------------   table  ----------------------*/
#baking101 table {
    width: 100%;
    border: solid 1px #e3e2dd;
    font-size: 11px;
    padding: 1px;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}
#baking101 table th, #baking101 table td {
    padding: 7px;
    vertical-align: top;
}

#baking101 table th {
    background-color: #e7eef1;
    font-weight: bold;
}

#baking101 table td {
    background-color: #f3f6f8;
}

#baking101 table td {
    border-top: solid 1px #e3e2dd;
}


/* ----------------------- lists --------------------------*/

/*- bulleted list */
#baking101 ul.bullets {
    margin: 5px 0;
}



#baking101 ul.bullets li {
    background: transparent url( "/App_Themes/Quaker/Images/list_bullet.gif" ) no-repeat 0 6px;
    margin: 10px 0;
    padding: 0 0 0 12px;
}

/* - solution list - */
#baking101 ul.solution, #baking101 div.solution {
    padding-top: 0;
}

#baking101 ul.solution {
    padding-top: 20px !important;
    background: transparent url( "/App_Themes/Quaker/Images/baking101/title-solution.jpg" ) no-repeat 0 8px;
}
#baking101 p.solution {
    padding-top: 30px !important;
    margin-top: 5px;
    background: transparent url( "/App_Themes/Quaker/Images/baking101/title-solution.jpg" ) no-repeat 0 8px;
}

/* - numbered list - */
#baking101 ul.numbered {
}
#baking101 ul.numbered li {
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 3px;
    margin: 10px 0;
    padding: 0 0 0 23px;
}
#baking101 ul.numbered li.l1 {
    background-image: url( "/App_Themes/Quaker/Images/numbers/number-1.jpg" );
}

#baking101 ul.numbered li.l2 {
    background-image: url( "/App_Themes/Quaker/Images/numbers/number-2.jpg" );
}

#baking101 ul.numbered li.l3 {
    background-image: url( "/App_Themes/Quaker/Images/numbers/number-3.jpg" );
}

#baking101 ul.numbered li.l4 {
    background-image: url( "/App_Themes/Quaker/Images/numbers/number-4.jpg" );
}
#baking101 ul.numbered li.l5 {
    background-image: url( "/App_Themes/Quaker/Images/numbers/number-5.jpg" );
}
#baking101 ul.numbered li.l6 {
    background-image: url( "/App_Themes/Quaker/Images/numbers/number-6.jpg" );
}
#baking101 ul.numbered li.l7 {
    background-image: url( "/App_Themes/Quaker/Images/numbers/number-7.jpg" );
}
#baking101 ul.numbered li.l8 {
    background-image: url( "/App_Themes/Quaker/Images/numbers/number-8.jpg" );
}
#baking101 ul.numbered li.l9 {
    background-image: url( "/App_Themes/Quaker/Images/numbers/number-9.jpg" );
}



/*- expandable  list */

#baking101 ul.sf_expandableList li.item {
    border-bottom: solid 1px #cccccc;
    padding: 10px 0;
    width: 100%;
    float: left;
}


#baking101 ul.sf_expandableList li.faqListItemFirst {
    border-top: solid 1px #cccccc;
}

#baking101 ul.sf_expandableList h3 {
    background: transparent url( "/App_Themes/Quaker/Images/arrow-blue-right-large.jpg" ) no-repeat 12px 4px;
    color: #0A4A9C;
    padding: 0px 0 0 35px;
    font-family: Georgia;
    font-weight:normal;
    cursor: pointer;
    font-size: 18px;
    margin: 0px;
}

#baking101 ul.sf_expandableList h3.on {
    background: transparent url( "/App_Themes/Quaker/Images/arrow-blue-down-large.jpg" ) no-repeat 12px 4px;
}

#baking101 ul.sf_expandableList h3.off /* this is for ones that only have one item - renders them inactive*/
{
 background: transparent url( "/App_Themes/Quaker/Images/arrow-blue-down-large.jpg" ) no-repeat 12px 4px;

 /* background-image:none;*/
    color: #4E555B;
    /*padding: 0px 0 0 11px;
        font-family: Verdana;
    font-size: 13px;
    font-weight:bold;*/
    cursor:default;

    


}

#baking101 ul.sf_expandableList li div.item {
    margin: 2px 0 2px 35px;
    display: none;
}




#baking101 ul.sf_expandableList li .p12 {
    font-size: 12px;
}

#baking101 ul.sf_expandableList li .p11 {
    font-size: 11px;
}

p.indented {
    margin-left: 30px;
}


/* ----------------   int-page navigation ----------------------*/
#baking101 ul.navlist {
margin-left:11px;
}
#baking101 ul.navlist li {
    margin: 9px 0;
    background: transparent url( "/App_Themes/Quaker/Images/bg_btn_blue_nav.gif" ) no-repeat 0 3px;
    padding-left: 20px;
}
#baking101 ul.navlist a, #baking101 ul.navlist a:link, #baking101 ul.navlist a:visited, #baking101 ul.navlist a:hover, #baking101 ul.navlist a:active {
    font-family: Georgia;
    font-size: 18px;
    font-weight: normal;
}
#baking101 ul.navlist a:hover, #baking101 ul.navlist a:active {
}





/*=== INDIVIDUAL SECTION OVERRIDES========================================================*/




#baking101.overview_1 #right #subnav_content, #baking101.cookies_1 #right #subnav_content, #baking101.bar-cookies_1 #right #subnav_content, #baking101.muffins_1 #right #subnav_content, #baking101.biscuits_1 #right #subnav_content, #baking101.quick-breads_1 #right #subnav_content, #baking101.yeast-breads_1 #right #subnav_content {
    background: transparent;
}

#baking101.overview_1 #subnav_content ul, #baking101.overview_2 #subnav_content ul.l1 {
    margin-bottom: 10px;
}



#baking101.overview_1 #recipe_search, #baking101.overview_2 #recipe_search {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_update_recipe_box_overview.jpg");
}


#baking101.cookies_1 #recipe_search, #baking101.cookies_2 #recipe_search, #baking101.cookies_3 #recipe_search {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_update_recipe_box_cookies.jpg");
}
#baking101.bar-cookies_1 #recipe_search, #baking101.bar-cookies_2 #recipe_search, 
#baking101.bar-cookies_3 #recipe_search {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_update_recipe_box_bar_cookies.jpg");
}
#baking101.muffins_1 #recipe_search, #baking101.muffins_2 #recipe_search, #baking101.muffins_3 #recipe_search {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_update_recipe_box_muffins.jpg");
}
#baking101.biscuits_1 #recipe_search, #baking101.biscuits_2 #recipe_search, #baking101.biscuits_3 #recipe_search {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_update_recipe_box_biscuits.jpg");
}
#baking101.quick-breads_1 #recipe_search, #baking101.quick-breads_2 #recipe_search, #baking101.quick-breads_3 #recipe_search {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_update_recipe_box_quick_breads.jpg");
}
#baking101.yeast-breads_1 #recipe_search, #baking101.yeast-breads_2 #recipe_search, #baking101.yeast-breads_3 #recipe_search {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_update_recipe_box_yeast_breads.jpg");
}


/* ------------------------------------------------------------------------------------------- */
#baking101.overview_1 #right {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_right_1_overview.jpg" );
    height: 470px;
    margin-top:30px;
    margin-right:18px;
}
#baking101.cookies_1 #right {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_right_1_cookies.jpg");
    height: 400px;
    margin-top:30px;
    margin-right:18px;
}
#baking101.bar-cookies_1 #right {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_right_1_bar_cookies.jpg");
    height: 425px;
    margin-top:30px;
    margin-right:18px;
}
#baking101.muffins_1 #right {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_right_1_muffins.jpg");
    height: 521px;
    margin-top:30px;
    margin-right:18px;
}
#baking101.biscuits_1 #right {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_right_1_biscuits.jpg");
    height: 500px;
    margin-top:30px;
    margin-right:18px;
}
#baking101.quick-breads_1 #right {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_right_1_quick_bread.jpg");
    height: 500px;
    margin-top:30px;
    margin-right:18px;
}
#baking101.yeast-breads_1 #right {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_right_1_yeast_bread.jpg");
    height: 515px;
    margin-top:30px;
    margin-right:18px;
}


/*----------------------------------------------*/



#baking101.cookies_1 ul.l2, #baking101.cookies_2 ul.l2, #baking101.cookies_3 ul.l2 {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_common_issues_cookies.jpg");
}
#baking101.bar-cookies_1 ul.l2, #baking101.bar-cookies_2 ul.l2, #baking101.bar-cookies_3 ul.l2{
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_common_issues_bar_cookies.jpg");
}
#baking101.muffins_1 ul.l2, #baking101.muffins_2 ul.l2, #baking101.muffins_3 ul.l2{
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_common_issues_muffins.jpg");
}
#baking101.biscuits_1 ul.l2, #baking101.biscuits_2 ul.l2, #baking101.biscuits_3 ul.l2 {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_common_issues_biscuits.jpg");
}
#baking101.quick-breads_1 ul.l2, #baking101.quick-breads_2 ul.l2, #baking101.quick-breads_3 ul.l2 {
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_common_issues_quick_breads.jpg");
}
#baking101.yeast-breads_1 ul.l2, #baking101.yeast-breads_2 ul.l2, #baking101.yeast-breads_3 ul.l2{
    background-image: url( "/App_Themes/Quaker/Images/baking101/bg_common_issues_yeast_breads.jpg");
}