/****************************************************************************************\

    Global Styles

\****************************************************************************************/

html 
{
}

body 
{
    position 		: relative;
    width           : 820px;
    margin          : 0 auto;
}

h1 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h2 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h3 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h4 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h5 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h6 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

p 
{
    margin          : 0;
    padding         : .2em 0 1em 0;
    letter-spacing  : normal;
    line-height     : 1.4em;
}

ul 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

ol 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

li 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

strong 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

em 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

u 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:visited 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:hover 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

table 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

tr 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

th 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

td 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

img 
{
}

/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/

/*___ DIV _________________________________________________________________*/

div#branding
{
    position    : relative;
    z-index     : 100;   
}

div#content
{
    position    : relative;
    width       : 800px;
    margin      : 0 auto;   
    overflow    : hidden;
    z-index     : 1;
    clear       : both;
}

div#site_info
{
    position    : relative;
    width       : 800px;
    margin      : 0 auto;   
}

div#content_wrapper
{
    position        : relative;
    float           : left;
    width           : 100%;
    margin-right    : -258px; 
}

div#content_sub
{
    position        : relative;
    float           : right;
    width           : 257px;   
}

div#content_main
{
    position        : relative;
    margin-right    : 268px;   
}


div#reflist {
	font: 12px/normal Arial, Helvetica, sans-serif;
	margin: 5px 20px 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}


div#copyInfo
{
    height          : 12px;
    padding-top     : 9px;
    padding-bottom  : 10px;
    text-align      : center; 
}

div#memberLogin
{
    height          : 32px;
    margin-bottom   : 14px;
    overflow        : hidden;
}

div#memberLoginFields
{
    float           : left;
    height          : 23px;
    width           : 481px;   
    padding-top     : 6px; 
    text-align      : center;
}

div#recipe
{
}

div#homeLargeBox
{
    width           : 455px;
    padding-left    : 325px;
    padding-right   : 20px;
    padding-top     : 25px;   
    height          : 201px;
    margin-bottom   : 14px;
    margin-top      : -15px;
    z-index         : 1;
}

div#slimLargeBox
{
    width           : 449px;
    height          : 126px;
    margin-top      : 13px;
    margin-bottom   : 13px;
    padding         : 30px 20px 30px 331px;
}

div#slimLargeBoxLogo
{
    width           : 449px;
    height          : 126px;
    margin-top      : 13px;
    margin-bottom   : 13px;
    padding         : 30px 20px 30px 331px;
}

div#home150Box
{
	width           : 560px;
	height          : 100px;
	margin-top      : -15px;
	margin-bottom   : 13px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 200px;
}

div.largeBox
{
    position    : relative;
    width       : 800px;
    height      : 226px;   
}

div.150Box
{
    position    : relative;
    width       : 800px;
    height      : 150px;   
}

div.mediumBoxRowTop,
div.mediumBoxRowBottom,
div.smallBoxRowTop,
div.smallBoxRowBottom
div.openBoxRowTop,
div.openBoxRowBottom
{
    width   : 800px;
    height  : 5px;
    clear   : both;
}

div.openBoxRow
{
    position        : relative;
    overflow        : hidden;   
    min-height      : 211px;
}

div.openBoxRowBottom
{
    margin-bottom : 14px;   
}


div.openBox
{
    position        : relative;
    width           : 350px;
    float           : left;
    padding         : 20px;
}


div.mediumBoxRow
{
    position        : relative;
    overflow        : hidden;   
    min-height      : 211px;
}

div.mediumBoxRowBottom
{
    margin-bottom : 14px;   
}


div.mediumBox
{
    position        : relative;
    width           : 230px;
    float           : left;
    padding         : 10px 10px 0 154px;
}

div.mediumBoxOpen
{
	position        : relative;
	width           : 380px;
	float           : right;
	padding         : 10px 10px 0 0px;
}

div.mediumBox.odd
{
    margin-right : 12px;   
}

div.smallBoxRowBottom
{
    margin-bottom : 13px;   
}

div.smallBoxRow
{
    position    : relative;
    overflow    : hidden;   
}

div.smallBox
{
    position        : relative;
    width           : 231px;
    float           : left;
    padding         : 13px 13px 0 13px;
}

div.smallBox.single
{
    position        : relative;
    width           : 231px;
    padding         : 8px 13px 8px 13px;
    float           : none;
}

div.smallBoxTop,
div.smallBoxBottom
{
    position    : relative;
    height      : 5px;
    width       : 257px;     
}

div.smallBoxBottom
{
    margin-bottom : 13px;   
}


div.smallBox.mid
{
    margin-left     : 14px;
    margin-right    : 14px;   
}



/*___ SPAN _________________________________________________________________*/

span#spnMemberSub
{
    display     : block;
    float       : left;
    width       : 150px;
    height      : 26px;
    padding-top : 6px;
    text-align  : center;
}

span.spnImgFrame
{
    display     : block;
    width       : 133px;
    height      : 198px;
    position    : absolute;
    left        : 7px;
    top         : 7px;
}

/*___ H1 _________________________________________________________________*/

h1.h1Branding,
div#branding h1
{
    width       : 820px;
    height      : 102px;
    text-indent : -9999em;    
}

/*___ H2 _________________________________________________________________*/

h2#h2Content
{
    position    : relative;
    width       : 669px;
    height      : 58px;
    text-indent : -9999em;
    margin      : 0 auto;  
    z-index     : 2;  
}

/*___ H3 _________________________________________________________________*/

h3.h3MemberLogin,
div#memberLogin h3
{
	display     : block;
	width       : 160px;
	height      : 26px;
	float       : left;
	text-align  : center;
	padding-top : 6px;
}

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

div#content p
{
    font-size       : 0.9em;  
    margin-bottom   : 0.5em;
    padding-bottom  : 0; 
}

div#content_main p
{
    margin-bottom : 1em;    
}

/*___ UL _________________________________________________________________*/

ul.ulBranding,
div#branding > ul
{
    position        : relative;
    margin          : 0;
    list-style-type : none;
    width           : 820px;
    height          : 30px;
    padding-left    : 40px;
}

div#branding ul ul
{
    position        : absolute;
    left            : 0;
    top             : 30px;
    margin          : 0;
    padding         : 0;
    list-style-type : none;   
    display         : none;
    width           : 100%;
}

div#branding ul li:hover ul
{
    display             : block;   
}





/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

li.liBranding,
div#branding > ul > li
{
    position            : relative;
    display             : block;
    float               : left;
    height              : 12px;
    padding-top         : 7px;
    padding-bottom      : 11px;
    padding-left        : 18px;
    padding-right       : 18px; 
}

div#branding li ul li
{
    display             : block;
    height              : 12px;  
    padding-top         : 4px;
    padding-bottom      : 8px;
    text-align          : center;  
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

div.mediumBox img
{
    position            : absolute;
    top                 : 9px;
    left                : 9px;   
}

div.smallBox img
{
    float               : left;   
    padding-right       : 5px;
}

img[alt="Mr. Food"]
{
    margin-top          : -9px;   
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

input#memberSubmit
{
    background  : none;
    border      : none;   
    cursor      : pointer;
}

div#memberLoginFields input
{
    width : 100px;   
}

/*___ LABEL _________________________________________________________________*/

div#memberLoginFields label + label
{
    padding-left : 3em;    
}

/*___Group/Section/Class_________________________________________________________________*/


/*___Floats_________________________________________________________________*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}