/* STANDARD STYLES */

html {
	height:101%;
}

body {
	border:0;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#ffffff;
	text-align:left;
}

table, tr, th, td, p, h1, h2, h3, h4, ul, li, a, form, hr {
	border:0;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:left;	
}

img {
	border:0px;
}

sup {
	font-size: 70%;
	vertical-align: top;
}

.wrapper {
	width:924px;
	margin:0 auto;
}

.both {
	clear:both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.none {
	display:none;
}



/* HEADER ELEMENTS */

.headerbgnd {
	height:104px;
	background-color:#7a2426;
	background-image:url(../images/global/jrp-head-bgnd.gif);
}

.header {
	height:104px;
	background-color:#7a2426;
	background-image:url(../images/global/jrp-head-bgnd.jpg);
}

.header img {
	padding-top:5px;
}

.header h1 {
	display:none;
}

.medianav {
	float:right;
	font-size:60%;
	font-weight:bold;
	color:#f6ead2;
	padding-top: 5px;
}

.medianav a {
	color:#f6ead2;
	text-decoration:none;
}

.medianav a:hover {
	color:#ffffff;
	text-decoration:underline;
}



/* FOOTER ELEMENT */

.footer {
	border-top:1px solid #7a2426;
	padding-top:6px;
	margin-top:16px;
}

.footernav {
	float:left;
	font-size:60%;
	color:#7a2426;
}

.footernav a {
	color:#7a2426;
	text-decoration:none;
}

.footernav a:hover {
	color:#a7484a;
	text-decoration:underline;
}

.footernavmed {
	float:right;
	font-size:60%;
	color:#7a2426;
}

.footernavmed a {
	color:#7a2426;
	text-decoration:none;
}

.footernavmed a:hover {
	color:#a7484a;
	text-decoration:underline;
}



/* PRIMARY NAVIGATION ELEMENTS */

.primenav {
	height:26px;
	background-image:url(../images/navigation/jrp-nav-off.gif);
	background-repeat:repeat-x;
}

.primenav ul {
	position:relative;
	list-style:none;
}

.navoff {
	float:left;
	background-image:url(../images/navigation/nav-line.gif);
	background-repeat:no-repeat;
	height:26px;
}

.navon {
	float:left;
	background-color:#f6ead2;
	background-image:url(../images/navigation/nav-line-on.gif);
	background-repeat:no-repeat;
	height:26px;
}

.primenav a {
	display:inline-block;
	padding:5px 14px 0 14px;
	font-size:70%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background-repeat:repeat-x;
}

.primenav a:hover {
	color:#f6ead2;
}

.navon a {
	color:#5f0811;
}

.navon a:hover {
	color:#5f0811;
}



/* SECONDARY NAVIGATION ELEMENTS */

.subnav {
	font-size:70%;
	height:34px;
	background-image:url(../images/global/jrp-undernav.gif);
	background-repeat:repeat-x;
}

.subnav ul {
	list-style:none;
	position:relative;
}

.subnav li {
	float:left;
	padding:10px 20px 0 0;
}


.subnav a {
	color:#a7484a;
	text-decoration:none;
}

.subnavon a {
	text-decoration:underline;
	color: #7a2426;
}

.subnav a:hover {
	text-decoration:underline;
	color: #7a2426;
}


.contboarder {
	border-top:1px solid #7a2426;
	padding-top:16px;
}




/* GLOBAL CONTENT ELEMNETS */

#picshot {
	padding-bottom: 12px;
}

/* LEFT CONTENT ELEMNETS */

.contentleft {
	float:left;
	width:288px;
}

.contentleftbox {
	padding:12px;
	border:1px solid #7a2426;
	background-color:#f6ead2;
}

.contentleft h2 {
	font-size: 100%;
	color:#a7484a;
	padding-bottom:12px;
}

.contentleft h3 {
	font-size: 90%;
	color:#a7484a;
	padding-bottom:6px;
}

.contentleft p {
	font-size:70%;
	color:#89706a;
	padding-bottom:12px;
}

.contentleft a {
	color:#a7484a;
	text-decoration:none;
	font-weight:bold;
}

.contentleft a:hover {
	color:#7a2426;
	text-decoration:underline;
}

.postit {
	padding:12px 0 0 32px;
}

.darkleftbox {
	padding:12px 12px 2px 12px;
	border-top:10px solid #ffffff;
	background-color:#a7484a;
}

.darkleftbox h3 {
	color: #f6ead2;
}

.darkleftbox p {
	color: #f6ead2;
}

.darkleftbox a {
	color: #f6ead2;
}



/* RIGHT CONTENT ELEMNETS */

.signaturedishheading
{
	display:block;
	color:#7a2426;
	font-size:80%;
	font-weight:bold;
	padding-bottom:5px;
}


.signaturedishnumbers
{
	color:#a7484a;
}

.contentright {
	float:right;
	width:605px;
}

.contentrightrecipecards
{
	float:right;
	width:579px;
	background-color:#a7484a;
	padding:13px;
	font:11px Arial, Tahoma, Verdana;
	color:#ffffff;
}

.contentrightrecipecards a
{
	text-decoration:underline;
	font-style:normal;
	font-weight:bold;
	color:#ffffff;
}

.contentright h2 {
	font-size: 100%;
	color:#7a2426;
	padding-bottom:12px;
}

.contentright h3 {
	font-size: 90%;
	color:#a7484a;
	padding-bottom:6px;
}

.contentright b {
	display:block;
	font-size: 75%;
	color:#7a2426;
	padding-bottom:6px;
}

.contentright p {
	font-size: 70%;
	color:#000000;
	padding-bottom:12px;
}

.contentright a {
	color:#a7484a;
	text-decoration:none;
	font-weight:bold;
}

.contentright ul {
	margin-left: 14px;
	font-size: 70%;
	padding-bottom:12px;
}

.contentright li {
	padding-bottom: 4px;
}

.contentright ul ul {
	padding: 4px 0 0 0;
	font-size: 100%;
}

.contentright a:hover {
	color:#7a2426;
	text-decoration:underline;
}

.listline {
	border-top:1px solid #7a2426;
	padding-top: 10px;
}

.rightlist {
	clear: right;
	padding-bottom: 10px;
}

.rightlist p {
	padding-right: 216px;
}

.rightlist img {
	float:right;
	padding:0 0 16px 0;
}

.rightlistprod {
	clear: right;
	padding-bottom: 10px;
}

.rightlistprod img {
	float:right;
	padding:0 0 16px 0;
}

.rightlistprod table {
	width:415px;
	font-size: 70%;
	margin-bottom: 10px;
}

.rightlistprod th, .rightlistprod td, .rightlistprod p {
	color: #7a2426;
}

.rightlistprod td, .rightlistprod th {
	border-bottom: 4px solid #ffffff;
	padding-right: 4px;
}

.td250 {
	width:250px;
}

.td250 p {
	padding-right: 20px;
}

.td200 p{
	width:200px;
	padding-right:10px;
}

.rightlistprod em {
	font-style: normal;
	font-size:90%;
	font-weight:bold;
}

.smallcopy {
	font-size:90%;
	font-weight:bold;
}

/* RECIPE STYLES */

.recipedrop select {
	width: 220px;
	margin-bottom: 12px;
}

.reciperesults {
	float: left;
	width: 148px;
	height: 190px;
}

.reciperesults p {
	padding-right: 18px;
	font-size: 65%;
}

.reciperesults a img {
	border: 1px solid #ffffff;
}

.reciperesults a:hover img {
	border: 1px solid #a7484a;
}

.inglist ul {
	font-size: 70%;
	padding-bottom: 12px;
	margin-left: 15px;
}

.inglist li {
	padding-bottom: 4px;
}

.inglist ul ul{
	padding: 4px 0 0 0;
	font-size: 100%;
}


/* FORM ELEMNETS */

.formwrapper td {
	padding: 3px 8px 3px 8px;
	border-bottom: 2px solid #ffffff;
}

.formwrapper table {
	width:600px;
}

.formheading {
	background-color:#a7484a;
	color:#fdf3b6;
	height:30px;
	font-size:80%;
	font-weight:bold;
}

.formcontent {
	background-color:#f6ead2;
	font-size:70%;
}

.formcontent input {
	border:1px solid #858585;
}

.formcontent em {
	font-style: normal;
	font-size: 90%;
	color: #9a5c2d;
}

.submitcontform {
	background-image:url(../images/global/jrp-submit.gif);
	background-color:#a7484a;
	background-repeat:no-repeat;
	border: 0;
	width:70px;
	height:17px;
	font-size:90%;
	cursor:pointer;
}

.formwrapper td {
	padding: 3px 8px 3px 8px;
	border-bottom: 2px solid #ffffff;
}

.formwrapper table {
	width:600px;
}

.formheading {
	background-color:#a7484a;
	color:#f6ead2;
	height:30px;
	font-size:80%;
	font-weight:bold;
}

.formcontent {
	background-color:#f6ead2;
	font-size:70%;
}

.formcontent input {
	border:1px solid #858585;
}

.formcontent em {
	font-style: normal;
	font-size: 90%;
	color: #a7484a;
}

#submitcontform {
	background-image:url(../images/global/jrp-submit.gif);
	background-color:#a7484a;
	background-repeat:no-repeat;
	border: 0;
	width:70px;
	height:17px;
	font-size:90%;
	cursor:pointer;
}

/* RECIPE STYLES */

.pos300 {
	float: left;
	width: 300px;
}


