/* CSS Document */

/*

Organized by:

Typography
Layout
Navigation
Forms and Tables
Misc.

*/



/* Typography
-------------------------------------------------------------- */

body { 
	color: #C1C1C1; 
	font-family: Arial, Helvetica, sans-serif;
	}

a, a:visited { color: #FFDD88; text-decoration: none; }
a:hover { color: #FFDD88; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #FFCC00; font-weight: bold; }
h2 { font-size: 2.33em; }
h3 { color: #FFF; font-weight: normal; line-height: 1.5em; }
h4 { color: #FFDD88; font-size: 1.25em; font-weight: bold; margin-bottom: 5px; }
h5 { color: #C1C1C1; font-size: 1.2em; margin-bottom: 0.5em; }
h6 { color: #C1C1C1; }

h4.green { margin-bottom: 5px; }

body#home h2 { font-weight: normal; }

.tools { font-size: 0.875em; }
.tools a { color: #CC0000; text-decoration: none; }
.tools a:hover, .tools a.selected { color: #CC0000; text-decoration: underline; }

#main-nav a {
	color: #444;
	font-size: 1.08em;
	font-weight: bold;
	text-decoration: none;
	}
#main-nav a:hover, #main-nav a.selected { color: #CC0000; }

#subnav a {
	color: #FFF;
	font-size: 0.875em;
	font-weight: bold;
	text-decoration: none;
	}
#subnav a:hover, #subnav a.selected { color: #FFCC00; }

#footer { 
	color: #FFF;
	font-size: 0.83em;
	}
#footer a {
	color: #999;
	text-decoration: none;
	}
#footer a:hover { text-decoration: underline; }
#footer .right { color: #999; }
#footer .right a { color: #FFF; }

.contact label, .contact input, .contact textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	}
	
.site-map h4 a { color: #CC0000; }
.site-map li ul a { color: #FFCC00; }

.mocha { color: #DBAA92; }
.cream { color: #F5D98B; }
.green { color: #669966; }
.yellow { color: #FFCC00; }
	


/* Layout
-------------------------------------------------------------- */

body { 
	margin: 0;
	background-color: #111; 
	}
	
#wrapper { background: #2D2D2D url(../img/bg_gradient.gif) repeat-x top left; }

.container {
	width: 1000px;
	margin: 0 auto;
	}

#header { height: 110px; }	
#header h1 {
	float: left;
	margin: 20px 0 0;
	width: 126px;
	height: 78px;
	text-indent: -9000px;
	background: url(../img/logo.gif) no-repeat top left;
	}
#header h1 a {
	display: block;
	height: 78px;
	background: url(../img/logo.gif) no-repeat top left;
	}
	
#body { padding: 0 10px; }
	
#main {
	display: inline;
	float: left;
	width: 530px;
	padding: 30px 0 50px 30px;
	}
body#home #main { width: 595px; }
#main h2 { margin-left: -30px; }
body#home h2 { margin-left: 0; }
h2.title-mccafe, h2.title-mcrib, h2.title-mcrib-sp {
	display: block;
	height: 76px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../img/logo_mccafe.gif) no-repeat top left;
	}
h2.title-mcrib { height: 120px; background: url(../img/title_mcrib_is_back.gif) no-repeat top left; }
h2.title-mcrib-sp { height: 120px; background: url(../img/title_mcrib_is_back_spanish.gif) no-repeat top left; }

#main-wide { 
	width: 980px;
	padding: 30px 0 50px;
	}	
	
#sidebar {
	display: inline;
	float: left;
	width: 370px;
	margin-right: -10px;
	padding-bottom: 50px;
	}
body#home #sidebar {
	width: 305px; 
	margin-right: 0;
	}
#sidebar ul {
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
	}
	
#footer {
	width: 950px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	}
#footer a { margin-right: 20px; }

a.quality-nutrition, a.learn-more, a.apply-mccalifornia, a.click-continue, a.feeding-families, a.follow-us-on-twitter, a.learn-more-mccafe, a.send-question, a.submit-comment, a.submit-message, a.submit-question, a.submit-your-question, a.improving-literacy, a.visit-rmhcsc, a.quality-nutrition-sp, a.learn-more-sp, a.apply-mccalifornia-sp, a.click-continue-sp, a.feeding-families-sp, a.learn-more-mccafe-sp, a.send-question-sp, a.submit-comment-sp, a.submit-message-sp, a.submit-question-sp, a.submit-your-question-sp, a.improving-literacy-sp, a.visit-rmhcsc-sp {
	display: block;
	height: 36px;
	}

/* English Buttons */

a.quality-nutrition {
	width: 415px;
	background: url(../img/btn_quality_nutrition.gif) no-repeat top left;
	}
a.learn-more {
	width: 155px;
	background: url(../img/btn_learn_more.gif) no-repeat top left;
	}
a.apply-mccalifornia {
	width: 323px;
	background: url(../img/btn_apply_mccalifornia.gif) no-repeat top left;
	}
a.click-continue {
	width: 229px;
	background: url(../img/btn_click_to_continue.gif) no-repeat top left;
	}
a.feeding-families {
	width: 349px;
	background: url(../img/btn_feeding_healthy_families.gif) no-repeat top left;
	}
a.follow-us-on-twitter {
	width: 250px;
	height: 40px;
	background: url(../img/btn_follow_us_on_twitter.gif) no-repeat top left;
	}	
a.learn-more-mccafe {
	width: 332px;
	background: url(../img/btn_learn_more_mccafe.gif) no-repeat top left;
	}
a.send-question {
	width: 284px;
	background: url(../img/btn_send_question_comment.gif) no-repeat top left;
	}
a.submit-comment {
	width: 188px;
	background: url(../img/btn_submit_comment.gif) no-repeat top left;
	}
a.submit-message {
	width: 188px;
	background: url(../img/btn_submit_message.gif) no-repeat top left;
	}
a.submit-question {
	width: 188px;
	background: url(../img/btn_submit_question.gif) no-repeat top left;
	}
a.submit-your-question {
	width: 284px;
	background: url(../img/btn_submit_your_question.gif) no-repeat top left;
	}
a.improving-literacy {
	width: 299px;
	background: url(../img/btn_tips_improving_literacy.gif) no-repeat top left;
	}
a.visit-rmhcsc {
	width: 233px;
	background: url(../img/btn_visit_rmhcsc.gif) no-repeat top left;
	}

/* Spanish Buttons */

a.quality-nutrition-sp {
	width: 415px;
	background: url(../img/btn_quality_nutrition_sp.gif) no-repeat top left;
	}
a.learn-more-sp {
	width: 268px;
	background: url(../img/btn_learn_more_sp.gif) no-repeat top left;
	}
a.apply-mccalifornia-sp {
	width: 343px;
	background: url(../img/btn_apply_mccalifornia_sp.gif) no-repeat top left;
	}
a.click-continue-sp {
	width: 279px;
	background: url(../img/btn_click_to_continue_sp.gif) no-repeat top left;
	}
a.feeding-families-sp {
	width: 409px;
	background: url(../img/btn_feeding_healthy_families_sp.gif) no-repeat top left;
	}
a.learn-more-mccafe-sp {
	width: 362px;
	background: url(../img/btn_learn_more_mccafe_sp.gif) no-repeat top left;
	}
a.send-question-sp {
	width: 304px;
	background: url(../img/btn_send_question_comment_sp.gif) no-repeat top left;
	}
a.submit-comment-sp {
	width: 188px;
	background: url(../img/btn_submit_comment_sp.gif) no-repeat top left;
	}
a.submit-message-sp {
	width: 178px;
	background: url(../img/btn_submit_message_sp.gif) no-repeat top left;
	}
a.submit-question-sp {
	width: 188px;
	background: url(../img/btn_submit_question_sp.gif) no-repeat top left;
	}
a.submit-your-question-sp {
	width: 284px;
	background: url(../img/btn_submit_your_question_sp.gif) no-repeat top left;
	}
a.improving-literacy-sp {
	width: 409px;
	background: url(../img/btn_tips_improving_literacy_sp.gif) no-repeat top left;
	}
a.visit-rmhcsc-sp {
	width: 233px;
	background: url(../img/btn_visit_rmhcsc_sp.gif) no-repeat top left;
	}
	
/* --------------- */
	
a.quality-nutrition:hover, a.learn-more:hover, a.apply-mccalifornia:hover, a.click-continue:hover, a.feeding-families:hover, a.follow-us-on-twitter:hover, a.learn-more-mccafe:hover, a.send-question:hover, a.submit-comment:hover, a.submit-message:hover, a.submit-question:hover, a.submit-your-question:hover, a.improving-literacy:hover, a.visit-rmhcsc:hover, a.quality-nutrition-sp:hover, a.learn-more-sp:hover, a.apply-mccalifornia-sp:hover, a.click-continue-sp:hover, a.feeding-families-sp:hover, a.learn-more-mccafe-sp:hover, a.send-question-sp:hover, a.submit-comment-sp:hover, a.submit-message-sp:hover, a.submit-question-sp:hover, a.submit-your-question-sp:hover, a.improving-literacy-sp:hover, a.visit-rmhcsc-sp:hover { background-position: top right; }

a.wheres-ronald-english, a.made-of-english, a.whats-new-english, a.fair-coupon-english, a.mccafe-english {
	display: block;
	width: 305px;
	height: 155px;
	background: url(/img/module_ronald.gif) no-repeat top left;
	}
a.made-of-english { background: url(/img/module_madeof.gif) no-repeat top left; }
a.whats-new-english { background: url(/img/module_whatsnew.gif) no-repeat top left; }
a.fair-coupon-english { background: url(/img/module_faircoupon.gif) no-repeat top left; }
a.mccafe-english { background: url(/img/module_mccafe.gif) no-repeat top left; }
a.wheres-ronald-english:hover, a.made-of-english:hover, a.whats-new-english:hover, a.fair-coupon-english:hover, a.mccafe-english:hover { background-position: top right; }

a.wheres-ronald-spanish, a.made-of-spanish, a.whats-new-spanish, a.fair-coupon-spanish, a.mccafe-spanish {
	display: block;
	width: 305px;
	height: 155px;
	background: url(/img/module_ronald_spanish.gif) no-repeat top left;
	}
a.made-of-spanish { background: url(/img/module_madeof_spanish.gif) no-repeat top left; }
a.whats-new-spanish { background: url(/img/module_whatsnew_spanish.gif) no-repeat top left; }
a.fair-coupon-spanish { background: url(/img/module_faircoupon_spanish.gif) no-repeat top left; }
a.mccafe-spanish { background: url(/img/module_mccafe_spanish.gif) no-repeat top left; }
a.wheres-ronald-spanish:hover, a.made-of-spanish:hover, a.whats-new-spanish:hover, a.fair-coupon-spanish:hover, a.mccafe-spanish:hover { background-position: top right; }

a.find-mccafe {
	float: right;
	display: block;
	width: 97px;
	height: 98px;
	background: url(../img/btn_mccafe.gif) no-repeat top left;
	}
a.find-mccafe:hover { background-position: top right; }

.bg-mccafe { background: url(../img/img_mccafe.jpg) no-repeat top right; }
.bg-mcrib { background: url(../img/img_mcrib.jpg) no-repeat top right; }
.bg-breakfast { background: url(../img/img_breakfast_menu.jpg) no-repeat top right; }

.bg-home-feature-1 { background: url(/files/img_home_feature_1.jpg) no-repeat top right; }
.bg-home-feature-3 { background: url(/files/img_home_feature_3.jpg) no-repeat top right; }
.bg-home-feature-5 { background: url(/files/img_home_feature_5.jpg) no-repeat top right; }
.bg-home-feature-6 { background: url(/files/img_home_feature_6.jpg) no-repeat top right; }

/* News/Press Stying */
.news-heading{
	color: #A8A8A8;
}
#news-navigation{
	float: right;
	font-weight: bold;
	margin-top: -50px;
	margin-right: 50px;	
}
.news-select{
	margin:0px;
	padding:0px;
}
#news-entry{
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 50px;
}
.news-date{
	color: #CEFFFF;
	margin-bottom: 5px;
}
.news-headline{
	color: #FEA700;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;

}
.news-body{
	margin-bottom: 30px;
	
}
.news-divider{
	border: none 0; 
	border-top: 1px dashed #000;/*the border*/
	border-color: #D4D4D4;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 5px;

}

/* Nutrition Blog Stying */

.nutrition-heading{
	margin-bottom: 5px;
	color: #A7D277;
}
#nutrition-navigation{
	float: right;
	font-weight: bold;
	margin-top: -50px;
	margin-right: 50px;	
}
.nutrition-select{
	margin:0px;
	padding:0px;
}
#nutrition-entry{
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 50px;
}
.nutrition-date{
	margin-bottom: 15px;
	color: #FFCC00;
	font-weight: bold;
	text-align: right;
}
.nutrition-headline{
	color: #73A700;
	font-size: 110%;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;

}
.nutrition-body{
	margin-bottom: 30px;
	color: #CBCBCB;
	
}
.nutrition-divider{
	border: none 0; 
	border-top: 1px dashed #000;/*the border*/
	border-color: #D4D4D4;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 15px;
}



/* Navigation
-------------------------------------------------------------- */

#navbar {
	position: relative;
	float: left;
	height: 72px;
	padding-left: 14px;
	background: url(../img/bg_navbar.gif) no-repeat top left;
	}
#navbar div { 
	height: 72px;
	padding-right: 14px;
	background: url(../img/bg_navbar_right.gif) no-repeat top right; 
	}
#navbar .language {
	float: none;
	position: absolute;
	right: 0;
	}
#navbar .language li { background: none; }
	
.tools {
	height: 23px;
	margin: 0;
	padding: 12px 5px 0;
	list-style: none;
	}
.tools li {
	float: left; 
	padding: 0 15px 0 10px;
	background: url(../img/bullet_red.gif) no-repeat center right;
	}
.tools li.last { background: none; }

#main-nav, #main-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#main-nav li {
	float: left;
	background: url(../img/bg_main_nav_border.gif) no-repeat top right;
	}
#main-nav li.last { background: none; }
#main-nav a {
	display: block;
	float: left;
	height: 27px;
	padding: 10px 15px 0;
	}
#main-nav a:hover, #main-nav a.selected { background: url(../img/bg_main_nav_active.gif) repeat-x top left; }

#subnav {
	float: left;
	height: 38px;
	padding-left: 5px;
	background: url(../img/bg_subnav.gif) no-repeat top left;
	}
#subnav div { 
	height: 38px;
	padding-right: 5px;
	background: url(../img/bg_subnav_right.gif) no-repeat top right; 
	}
#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#subnav li {
	float: left;
	margin-top: 10px;
	padding: 0 10px;
	border-right: 1px solid #FFF;
	}
#subnav li.last { border: none; }

.primary { margin-left: 15px; }
.secondary { margin-left: 10%; }
.tertiary { margin-left: 5%; }
.quaternary { margin-left: 15%; }
.quinary { margin-left: 48%; }
.senary { margin-left: 35%; }	



/* Forms and Tables
-------------------------------------------------------------- */

.contact div { margin-bottom: 10px; }
.contact label {
	float: left;
	width: 90px;
	}
.contact input {
	width: 175px;
	padding: 2px;
	border: 1px solid #C9C5C3;
	}
.contact textarea {
	width: 524px;
	height: 145px;
	padding: 2px;
	border: 1px solid #C9C5C3;
	}
.contact #submit {
	width: 188px;
	height: 36px;
	margin-top: 20px;
	padding: 0;
	border: none;
	}

div.check {
	clear: both;
	height: 20px;
	margin-bottom: 10px; 
	}
.check input {
	float: left; 
	width: 20px;
	margin-left: 75px;
	margin-right: 15px;
	border: none;
	}
.check label { width: 350px; }

.nutrition-question label {
	float: none; 
	width: 150px;
	margin-left: 10px;
	}
	
.locator input { border: 1px solid #C9C5C3; }



/* Misc.
-------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }
img.left { margin-right: 5px; }

a.button {
	text-indent: -9000px;
	overflow: hidden;
	}
	
.bumper {
	clear: both;
	padding-left: 40px; 
	}
	
.pdf {
	padding: 4px 0 6px 32px;
	background: url(../img/icon_pdf.gif) no-repeat 0 50%;
	}

.mccafe-offset {
	height: 61px;
	padding: 15px 0 0 160px;
	background: url(../img/logo_mccafe.gif) no-repeat top left;
	}	
	
.site-map ul { list-style: none; }

.watermark-coffee { background: url(../img/watermark_coffee.jpg) no-repeat 100% 110px; }
.watermark-arches { background: url(../img/watermark_arches.jpg) no-repeat 100% 110px; }
.watermark-salad { background: url(../img/watermark_salad.jpg) no-repeat 100% 110px; }
.watermark-ronald-laugh { background: url(../img/watermark_ronald_laugh.jpg) no-repeat 100% 110px; }
.watermark-ronald-chair { background: url(../img/watermark_ronald_chair.jpg) no-repeat 100% 110px; }
.watermark-ronald-juggle { background: url(../img/watermark_ronald_juggle.jpg) no-repeat 100% 110px; }
.watermark-sign { background: url(../img/watermark_sign.jpg) no-repeat 100% 110px; }