/***** Global Settings *****/

html, body
{
    border: 0;
    margin: 0;
    padding: 0;
}

body
{
    color: #000000;
    background-color: #dad6d6;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0 auto;
    padding: 0;
}

#page
{
    width: 980px;
    margin: 0 auto;
    background-repeat: repeat-y;
    background-position: center;
}



/***** Common Formatting *****/

img
{
    border: 0;
}
#error
{
    background-color: #CCCCCC;
    padding: 10px;
}

#testimonial
{
    margin: 10px 0px 0 20px;
    padding: 5px;
    color: #045eab;
    font-style: italic;
}

#testimonial2
{
    margin: 0 0 0 30px;
    padding: 5px;
    color: #666666;
}

#feedpage
{
    background-color: #FFFFFF;
    width: 600px;
}

/***** Links *****/

a, a:visited
{
    text-decoration: none;
    color: #669933;
}



/***** Wrapper *****/

#wrap
{
    float: left;
    width: 960px;
    margin: 0px 10px 0 10px;
    background-color: #FFFFFF;
}

/***** Header *****/

#header
{
    float: left;
    width: 940px;
    background-image: url(../i/images/header_20120120.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

#header .logo
{
    float: left;
    width: 850px;
    height: 83px;
    background-image: url(../i/images/header_20120120.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#header .logout
{
    float: right;
    padding: 55px 20px 0 0;
}

.logout a { color: #243444; 
	font-weight: bold;
	}

.logout a:hover
{
    color: #243444;
    text-decoration: underline;
}


#date
{
    float: right;
    color: #002B5C;
    padding: 5px 20px 5px 0;
}

#content
{
    float: left;
    width: 940px;
}

#content .content-table
{
    width: 100%;
}

/***** Left Side *****/

#left
{
    padding: 7px;
    margin: 0;
}

/***** Navigation *****/

#nav
{
    width: 180px;
}

#nav li.head
{
    background-color: #243444;
    /*background-image: url(../i/images/nav_top_levelNEW.jpg);*/
    background-repeat: repeat-x;
    background-position: right top;
    text-indent: 11px;
    padding: 3px 0 3px 0;
    list-style-type: none;
    font-weight: bold;
    color: #FFFFFF;
}

#nav span.total
{
    padding: 0 5px 0 0;
    float: right;
}

#nav span.off
{
    color: #999999;
}

/***** Navigation Search Box *****/

#nav li.search
{
    padding: 3px 0 3px 11px;
    background-color: #90999f;
    list-style-type: none;
    border-top: 2px #CAD0E0 solid;
}

#nav li.search a
{
    color: #FFFFFF;
    font-size: 10px;
}

#nav li.search a:hover
{
    text-decoration: underline;
}

#nav li.search img
{
    vertical-align: middle;
    padding: 0;
    margin-bottom: 3px;
    background-image: url("../i/b/arrow-button.gif");
}

#nav .search-box
{
    width: 130px;
    font-size: 11px;
    padding: 1px 0 1px 4px;
    margin-right: 5px;
}

#nav #searchlabel
{
    color: #FFFFFF;
}

/***** Nav Level 1 *****/

#nav ul.level1
{
    margin: 0 0 20px 0;
    padding: 0;
}

#nav li.l1
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #ffffff; /*** nav lev 1 heder bckgnd lightgray  ***/
    border-top: 2px #7cd2da solid; /*** white nav lines between text ***/
}

#nav .l1 a
{
    color: #444242; /*** dark gray main section header nav text color ***/
    font-weight: bold;
    padding: 3px 0 3px 11px;
    width: 169px;
    display: block;
}

#nav .l1 a:hover
{
    color: #444242; /*** dark gray text color  ***/
    background-color: #ffffff; /*** white background  ***/
}

#nav .l1 a.active
{
    color: #ffffff; /*** white text color 735958   ***/
    background-color: #535f6f; /*** gray background color ***/
}

/***** Nav Level 2 *****/

#nav ul.level2
{
    margin: 0;
    padding: 0;
    border-right: 3px /*#002A5C*/ #90999f solid;
    border-left: 3px /*#002A5C*/ #90999f solid;
    border-bottom: 3px /*#002A5C*/ #90999f solid;
}


#nav li.l2
{
    margin: 0;
    padding: 0;
    width: 174px;
    list-style-type: none;
    background-color: #FFFFFF;
    border-top: 1px #E3E7ED solid;
    background-image: url("../i/nav/grad.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
}

#nav .l2 a
{
    color: #90999f;
    font-weight: normal;
    padding: 3px 0 3px 22px;
    width: 152px;
    display: block;
}

#nav .l2 a:hover
{
    font-weight: bold;
    color: #455560;
    background-color: white;
    background-image: url("../i/nav/grad.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
}

#nav .l2 a.active
{
    font-weight: bold;
    color: #6a777f;
    background-color: #FFF;
    background-image: url(#);
}


/***** Nav Level 3 *****/

#nav ul.level3
{
    margin: 0;
    padding: 0;
}

#nav li.l3
{
    margin: 0;
    padding: 0;
    width: 174px;
    list-style-type: none;
    background-color: #FFFFFF;
    border-top: 1px #E3E7ED solid;
    background-image: url("i/nav/grad.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
}

#nav .l3 a
{
    color: #5C8727;
    font-weight: normal;
    padding: 3px 0 3px 44px;
    width: 130px;
    display: block;
}


#nav .l3 a:hover
{
    color: #cad9ed;
    font-weight: bold;
    background-image: url(#);
    background-color: #FFF;
}

/***** Nav Level 4 *****/
#nav ul.level4
{
    margin: 0;
    padding: 0;
}

#nav li.l4
{
    margin: 0;
    padding: 0;
    width: 174px;
    list-style-type: none;
    background-color: #FFFFFF;
    border-top: 1px #E3E7ED solid;
    background-image: url("i/nav/grad.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
}

#nav .l4 a
{
    color: #000000;
    font-weight: normal;
    padding: 3px 0 3px 66px;
    width: 108px;
    display: block;
}


#nav .l4 a:hover
{
    color: #002A5C;
    font-weight: bold;
    background-image: url(#);
    background-color: #FFF;
}

#nav .l4 a.active
{
    color: #00a5c;
    font-weight: bold;
}



#nav li.features, #nav li.articles
{
    margin: 0;
    padding: 0;
    width: 174px;
    list-style-type: none;
    background-color: #FFFFFF;
    border-top: 1px #E3E7ED solid;
}

#nav li.feedback
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #ab0018;
    border-top: 1px #E3E7ED solid;
    border-bottom: 1px #E3E7ED solid;
}

#nav .features a
{
    color: #B5121B;
    font-weight: normal;
    padding: 3px 0 3px 44px;
    width: 130px;
    display: block;
}

#nav .features a:hover
{
    color: #B5121B;
    background-image: url(#);
    font-weight: bold;
    background-color: #FFF;
}

#nav .features a.active
{
    color: #FFF;
    background-color: #B5121B;
}

#nav .articles a
{
    color: #0A63AE;
    font-weight: normal;
    padding: 3px 0 3px 44px;
    width: 130px;
    display: block;
}

#nav .articles a:hover
{
    color: #0A63AE;
    font-weight: bold;
    background-image: url(#);
    background-color: #FFF;
}

#nav .articles a.active
{
    color: #FFF;
    background-color: #0A63AE;
}

#nav .feedback a
{
    color: #ffffff;
    font-weight: bold;
    padding: 3px 0 3px 44px;
    display: block;
}

#nav .feedback a:hover
{
    color: #CAD0E0;
    font-weight: bold;
    background-color: #002A5C;
}

#nav .feedback a.active
{
    color: #FFF;
    background-color: #5C8727;
}


/***** Key *****/

#key
{
    width: 180px;
    background-color: #E6E6E6;
    padding: 2px 0 6px 0;
    margin: 0;
    border: 0;
    display: none; /* 5/9/08 Hiding the key for now */
}

ul.keylist
{
    margin: 4px 0 0 0px;
    padding: 0;
    list-style-type: none;
    line-height: 1.8em;
}

img.icon
{
    margin: 0 4px 0 10px;
    padding: 0;
}

/***** Global Center Content *****/

#center
{
    width: 740px;
    padding: 0;
    margin: 7 0 0 20px;
}

#main
{
    width: 560px;
    padding: 0;
    margin: 0 0 0 0px;
    font-size: 12px;
}

#maincover
{
    width: 740px;
    background-color: #FFFFFF;
    padding: 0;
}

.infobar
{
    font-weight: bold;
    padding-left: 10px;
    color: #ffffff;
    height: 19px;
    background-image: url(../i/images/infobar.jpg);
    padding-top: 2px;
    margin: 0px;
}

.infobarleft
{
    font-weight: bold;
    color: #ffffff;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(../i/images/Editors_infobarLeft.jpg);
    background-repeat: repeat-x;
    padding-left: 10px;
    height: 18px;
    width: 200px;
}

.infobarright
{
    font-weight: bold;
    color: #ffffff;
    padding-left: 10px;
    background-image: url(../i/images/Editors_infobarright.jpg);
    background-repeat: repeat-x;
    height: 18px;
    width: 520px;
    margin: 0;
}

h1
{
    font-size: 1.7em;
    font-weight: 200;
    font-style: none;
    line-height: 1em;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

/*h2

{ 	

	font-size: 1.4em;

	font-weight: normal;

	font-style: italic;

	line-height: 1em;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

}*/



h2
{
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1em;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}


h3
{
    font-size: 1.0em;
    font-weight: bold;
    font-style: italic;
    line-height: 1em;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

h4
{
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1em;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.global
{
    color: #455560;
    margin-top: 20px;
}


.feature
{
    color: #B5121B;
}
.article
{
    color: #669933;
}
.specialty
{
    color: #B06010;
}
a.global
{
    color: #455560;
}
a.feature
{
    color: #B5121B;
}
a.article
{
    color: #669933;
}
a.specialty
{
    color: #B06010;
}

#center a:link
{
    text-decoration: none;
}

#center a:hover
{
    text-decoration: underline;
}

#center a:active
{
    text-decoration: none;
}

p.center
{
    line-height: 1.3em;
    margin-top: 2px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    font-size: 12px;
}

em
{
    font-weight: bold;
    font-style: normal;
}

ul.center
{
    margin: 6px 0 0 0;
    list-style: disc;
    line-height: 1.3em;
    text-indent: 0px;
    padding: 0 0 0 10px;
}

li.center
{
    margin: 0 0 0 15px;
}

dd
{
    list-style: circle;
    margin: 0 0 0 10px;
}

.border
{
    margin-top: 10px;
    border: 1px #669933 solid;
}



#center img.noborder
{
    margin: 10px 0 0 0;
    border: none;
}



#spotlight
{
    float: left;
    width: 600px;
    padding: 0;
    margin: 0;
    border: 0;
}

#CalendarBorder
{
    margin: 0px 0 0 0px;
    padding: 2px 0 2px 10px;
    border: 1px #002a5c solid;
}

#EditorialCalendar
{
    width: 597px; /* width originally was 100%, causing the div to expand outside the container */
    background-color: #c6c6c6;
    padding: 0 0 1px 0;
    margin: 20px 0 20px 0; /*right margin was 10px*/
    border: 1px #002A5C solid;
}

#EditorialCalendar p.infobar
{
    font-weight: bold;
    color: #ffffff;
    background-color: /*#002A5C*/ #669933;
    margin: 0px 0 0 0px;
    padding: 2px 0 2px 10px;
}



#highlight
{
    width: 98%;
    padding: 0 0 1px 0;
    margin: 20px 10px 20px 10px; /*right margin was 10px*/
    border: 1px #669933 solid; /*#002A5C*/
}

#highlight p.infobar
{
    font-weight: bold;
    color: #ffffff;
    background-color: #669933; /*#002A5C*/
    margin: 0px 0px 0px 0px;
    padding: 2px 0 2px 10px;
}



.descriptiontitle
{
    font-size: 1.5em;
    font-weight: normal;
    font-style: italic;
    line-height: 1em;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 4px;
    margin-left: 10px;
    color: #B5121B;
}

#sponsors
{
    margin: -10px 0px 0px 30px;
}

/***** Category Home Page Content *****/





#center td.feature-bg
{
    background-image: url("../i/HOME_feature_BG.gif");
    background-repeat: repeat-x;
    height: 230px;
}







#center td.article-bg
{
    background-image: url("../i/HOME_article_BG.gif");
    background-repeat: repeat-x;
    height: 230px;
}







/***** Listing Page *****/


#listing
{
    float: left;
    width: 100%;
    padding: 0 0 6px 0;
    border-bottom: solid 1px #6a777f;
}


#listing p.link
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
}


.download
{
    margin: 28px 0 0 18px;
    border: none;
}

/***** Detail Page *****/

#detail
{
    float: left;
    width: 480px;
    padding: 0;
    margin: 0;
    border: 0;
}

#info
{
    float: left;
    width: 100%;
    padding: 0;
    margin: 20px 0 0 0;
    border: 0;
}

p.info
{
    line-height: 1.3em;
    margin-top: 10px;
    margin-right: 4px;
    margin-bottom: 10px;
    margin-left: 10px;
}


#specific
{
    width: 97%;
    background-color: #dadddf;
    padding: 0;
    margin: 0 5px 20px 10px;
    border: 1px #6a777f solid;
}

#specific p.infobar
{
    background-image: url(../i/images/infobar.jpg);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: bold;
    color: #ffffff;
    margin: 0px 0 0 0px;
    padding: 2px 0 2px 10px;
}

#generic
{
    width: 97%;
    background-color: white;
    padding: 0;
    margin: 0 5px 20px 10px;
    border: 1px #6a777f solid;
}

#generic p.infobar
{
    background-image: url(../i/images/infobar.jpg);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0px 0 0 0px;
    padding: 2px 0 2px 10px;
}

#rightbar
{
    float: right;
    width: 240px;
    padding: 0;
    margin: 0 0 0 0px;
    border: 0;
}


ul.rightbar
{
    list-style-type: none;
    line-height: 1.5em;
    margin: 4px 0 5px 10px;
    padding: 0px 0 0 0px;
}

p.rightbar
{
    font-size: .95em;
    line-height: 1.2em;
    margin: 0 0 20px 0;
}

#rightfeedback
{
    line-height: 1.5em;
    background-color: #ab0018;
}

#rightfeedback a
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.5em;
    background-color: #ab0018;
    padding: 3px 0 3px 46px;
    display: block;
}

#rightfeedback a:hover
{
    color: #CAD0E0;
    font-weight: bold;
    line-height: 1.5em;
    background-color: #002A5C;
    display: block;
    text-decoration: none;
}



#downloads
{
    width: 99%;
    background-color: #E7EAF6;
    padding: 0;
    margin: 0 0 20px 0;
    border: 1px #669933 solid;
}





#downloads p.infobar
{
    background-image: url(../i/images/infobar.jpg);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: bold;
    color: #ffffff;
    margin: 0px 0 0 0px;
    padding: 2px 0 2px 10px;
}



a.bluebold
{
    color: #005DAA;
    font-weight: bold;
}





#related
{
    width: 99%; /*was 100% but reduced it 1% to get right border in IE 7 to appear*/
    background-color: white;
    padding: 0;
    margin: 0 0 20px 0;
    border: 1px #002B5C solid;
}



#related p.infobar
{
    background-image: url(../i/images/infobar.jpg);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: bold;
    color: #B2BBD2;
    margin: 0px 0 0 0px;
    padding: 2px 0 2px 10px;
}

a.navybold
{
    color: #002B5C;
    font-weight: bold;
}

#notes
{
    width: 100%;
    background-color: none;
    border: none;
    padding: 0;
    margin: 10px 0px 20px 0px;
}

#notes h3
{
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
}


/***** Registration *****/

.inputbox
{
    padding: 1pt;
}



#infobox
{
    width: 100%;
    background-color: white;
    padding: 0;
    margin: 0 0 20px 0;
    border: 1px #002B5C solid;
}



#infobox p.infobar
{
    background-image: url(../i/images/infobar.jpg);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0px 0 0 0px;
    padding: 2px 0 2px 10px;
}



/*****Syndicated Column Page *****/



#syndcolumn
{
    width: 75%;
    background-color: #E7EAF6;
    padding: 0;
    margin: 0 0 20px 20px;
    border: 1px #669933 solid;
}

#syndcolumn p.infobar
{
    background-image: url(../i/images/infobar.jpg);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: bold;
    color: #ffffff;
    margin: 0px 0 0 0px;
    padding: 2px 0 2px 10px;
}

#syndcolumn a:hover
{
    text-decoration: underline;
}


/***** Order History *****/

#orderhistory
{
    border-collapse: collapse;
    border: 1px solid #6a777f;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 4px;
    margin-bottom: 10px;
}

#orderhistory col
{
    border-right: 1px solid #ccc;
}

#orderhistory td
{
    padding: 0.1em 1em;
    border-right: 1px solid #ccc;
}

#orderhistoryhead
{
    background-color: #6a777f;
    color: #FFFFFF;
    border-collapse: collapse;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid#ccc;
}

#orderhistory tr:hover
{
    background-color: #CAD0E0;
    color: #6a777f;
}

#orderhistory thead tr:hover
{
    background-color: transparent;
    color: inherit;
}


#orderhistory .odd
{
    background-color: #edf5ff;
}


/***** HTML Tables *****/

#TableFormat
{
    border-collapse: collapse;
    border: 1px #cccccc solid;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 4px;
    margin-bottom: 10px;
}

#TableFormat col
{
    border-right: 1px solid #ccc;
}


#TableFormat td
{
    padding: 0.1em 1em;
    border-collapse: collapse;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid#ccc;
    border-right: 1px solid #ccc;
}

#TableFormat thead
{
    background-color: #005daa;
    color: #FFFFFF;
    border-collapse: separate;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    vertical-align: middle;
}

/***** Localization *****/
#localization
{
    width: 90%;
    background-color: #E7EAF6;
    padding: 0;
    margin: 15px 0 5px 10px;
    border: 1px #005DAA solid;
}


#localization p.infobar
{
    background-image: url(../i/images/infobar.jpg);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: bold;
    color: #ffffff;
    margin: 0px 0 0 0px;
    padding: 2px 0 2px 10px;
}

/***** Special Section *****/
.dropshadow
{
    background: url(../i/shadow.jpg) no-repeat bottom right;
}

a:hover.specialsection
{
    color: #CCCCCC;
}

a.specialsection
{
    color: #002b5c;
    text-decoration: none;
}

/***** Home Promo *****/

#promoimage
{
    position: fixed;
    left: 375px;
    top: 145px;
    width: 681px;
}

/***** Web Registration Box *****/
#webregistration
{
    width: 100%;
    background-color: #ffffff;
    padding: 0;
    margin: 15px 0 5px 0px;
    border: 1px #005DAA solid;
}


#webregistration p.infobar
{
    background-image: url(../i/images/infobar.jpg);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: bold;
    color: #ffffff;
    margin: 0px 0 0 0px;
    padding: 2px 0 2px 10px;
}



#belowpage
{
    background-image: url(../i/images/belowPage.jpg);
    width: 960px;
    height: 10px;
    background-repeat: repeat-x;
    clear: both;
    margin-top: 2px;
    margin-left: 10px;
}


/***** Footer *****/



#footer
{
    /*text-align: center;*/
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 8px;
    margin-left: auto;
    font-size: 10px;
    background-color: #dad6d6;
    width: 940px;
    text-align: center;
}

/***** Structure Change - 12/2009 *****/
.listingContainer
{
    width: 740px;
    padding-bottom: 10px;
}
.orderdate
{
    font-weight: bold;
    float: right;
    padding-right: 5px;
}
.topGrad
{
    background-image: url(../i/images/topGrad.jpg);
    background-repeat: repeat-x;
    height: 15px;
    margin-top: 2px;
    clear: both;
}
.listingContainer .info
{
    width: 350px;
    float: left;
    clear: none;
    margin-top: 6px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.bottomGrad
{
    background-image: url(../i/images/bottomGrad.jpg);
    background-repeat: repeat-x;
    height: 15px;
    margin-top: 10px;
    clear: both;
}
.newsnipe
{
    background-image: url(../i/images/NewSnipe.png);
    height: 17px;
    width: 32px;
    background-repeat: no-repeat;
    float: left;
    margin-left: 8px;
}
.headline
{
    font-weight: bold;
    color: #990000;
    float: left;
    margin-left: 10px;
    font-size: 14px;
}
.subhead
{
    float: left;
    margin-left: 10px;
    font-weight: bold;
    margin-top: 1px;
}
.intro
{
}
.recipes
{
    margin-left: 12px;
}
.downloadButton
{
    float: right;
    height: 27px;
    width: 120px;
    margin-top: 6px;
}
.thumb
{
    background-color: #996699;
    margin: 8px;
    clear: left;
    height: 125px;
    width: 170px;
    float: left;
}
.Midzone
{
    clear: left;
}
.footer1
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}
#nav .formats
{
    background-color: #b9c4db;
    font-weight: bold;
    color: #FFFFFF;
    padding: 2px 0 2px 7px;
    font-size: 10px;
}
#nav .formats select
{
    font-size: 10px;
}

#FormFeatButton a:link
{
    height: 31px;
    width: 82px;
    float: left;
}

#FormFeatButton a:hover
{
    background-image: url(mockupimages/buttons/FormFeat_on.jpg);
    height: 31px;
    width: 82px;
    float: left;
}

#UnFormFeatButton a:link
{
    background-image: url(mockupimages/buttons/UnformFeat_off.jpg);
    background-repeat: no-repeat;
    height: 31px;
    width: 82px;
    float: left;
}

#UnFormFeatButton a:hover
{
    background-image: url(mockupimages/buttons/UnformFeat_ON.jpg);
    background-repeat: no-repeat;
    height: 31px;
    width: 82px;
    float: left;
}

#ArticleButton a:link
{
    height: 31px;
    width: 74px;
    float: left;
}

#HTMLButton a:link
{
    height: 31px;
    width: 74px;
    float: left;
}

#VideoButton a:link
{
    height: 31px;
    width: 74px;
    float: left;
}

#FastFillerButton a:link
{
    height: 31px;
    width: 74px;
    float: left;
}
ul.recipebullets
{
    margin: 0 0 0 15px;
    padding: 0;
}
ul.recipebullets li
{
    list-style-image: url(../i/images/bullet.gif);
    margin: 0;
    padding: 0;
}
li.bullet
{
    list-style-image: url(../i/images/bullet.gif);
    margin-left: -10px;
    color: #355caa;
}

.calloutintro
{
    color: #000;
    font-size: 24px;
}
.callouttitle
{
    width: 342px;
    background: #6ba7b9 url(../i/images/HeaderBackground.gif) repeat-x top left;
    padding: 10px;
    border-top: solid 1px #99BBE9;
}
.callouttitle a, .callouttitle a:hover
{
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}
.calloutdescription
{
    width: 348px;
    min-height: 100%;
    padding: 10px 0 0 0;
}
* html .calloutdescription
{
    height: 100%;
}
.calloutbutton
{
    width: 358px;
    height: 98px;
    background: url(../i/images/bottomGradBottom.gif) no-repeat bottom right;
    border-left: solid 2px #e2e2e4;
    border-right: solid 2px #e2e2e4;
}

#sectionbar
{
    width: 717px;
    height: 22px;
    padding: 3px;
    font: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    background-color: #999;
}

#foodimage
{
    background: url(../i/images/fulldemopage.jpg) no-repeat bottom left;
    height: 420px;
    width: 300px;
}

#leftfood
{
    width: 300px;
    height: 420px;
    float: left;
    padding: 0;
}

#leftwidget
{
    width: 300px;
    float: left;
    padding: 3;
}

#leftcluster
{
    width: 300px;
    float: left;
    padding: 3;
}

#leftvideo
{
    width: 300px;
    float: left;
    padding-top: 3px;
}

#leftarticles
{
    width: 300px;
    float: left;
    padding-top: 3px;
}

#leftdatabase
{
    width: 300px;
    float: left;
    padding-top: 3px;
}

#rightfood
{
    width: 390px;
    float: right;
    padding-top: 3px;
}

#rightwidget
{
    width: 360px;
    float: right;
    padding-top: 3px;
}

#rightcluster
{
    width: 350px;
    float: right;
    padding-top: 3px;
}

#rightvideo
{
    width: 300px;
    float: right;
    padding-top: 3px;
}

#rightarticles
{
    width: 350px;
    float: right;
    padding-top: 3px;
}

#rightdatabase
{
    width: 350px;
    float: right;
    padding-top: 3px;
}

#maindemo
{
    width: 720px;
    padding: 0;
    margin: 0 0 0 0px;
}

#div1
{
    clear: both;
}

#thinbar
{
    width: 717px;
    height: 1px;
    background-color: #999;
}