/* styles for Young Chef Challenge minisite */


* {

margin: 0px;
padding: 0px;

}

html {

margin: 0px;
padding: 0px;

margin-left: -1px;
overflow-y: scroll;

}

body {

/* height: 100%; */
margin: 0px;
padding: 0px;
text-align: center;

font-family: verdana, helvetica, arial, sans-serif;
font-size: xx-small;

background: #eee url("../img/design/body_bg_blue_770.gif") repeat-y top center;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body {

font-size: x-small;
margin-left: 0px;

}

/* end ie5 fontsize fix */


#container {

position: relative;
width: 750px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 10px 0px;
border: 0px;
text-align: left;
background: #48a5dc;

}


#container.home {

background: #0076c0;

}


/* -------------------------- Tony Aslett float-clearing technique ------------------------------------ */

/* following rule adds a cleared element after container */
/* this forces non IE browsers to enclose any floated elements in container */

#container:after {

content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}

/* following rule is for ie mac float problem */
#container {

display: inline-table;

}


/* following hack is for ie win only */

/* Hides from IE-mac \*/
* html #container {

height: 1%;

}

/* now reset display property for everything except ie mac */
#container {

display: block;

}
/* End hide from IE-mac */



/* -------------------------- end Tony Aslett float-clearing technique ------------------------------------ */




/* ------------------- hidden links ------------------- */

#skiplinks, #skipnav, #skipcontent, #skiplogin, #flashsniffer {

display: block;
position: absolute;
left: -999px;
width: 990px;

}


/* header stuff */

#header {

position: relative;
width: 750px;
margin: 0px;
padding: 0px;

background: url("../img/design/header_bg_10_inside.gif") no-repeat;
/* background: #48a5dc url("../img/design/header_bg_10_inside.gif") no-repeat; */
/* border-bottom: 10px solid #dde244; */

}

#container.home #header {

border: 0px;
background: #48a5dc url("../img/design/header_bg_10.gif") no-repeat;

}

/* min-height rule and hacks */

#header {

height: 475px;
min-height: 475px;

/* adjust height for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
height: 475px;
min-height: 475px;

}

html>body #header {

height: 475px;
min-height: 475px;

}

/* end ie5 height fix  */


#container.home #header {

height: 574px;
min-height: 574px;

}

html>body #container.home #header {

height: auto;

}

/* end min-height stuff */


/* h1 is hidden */
#header h1 {

display: block;
position: absolute;
left: -999px;
width: 990px;

}

#header #menu {

/*height: 170px;
overflow: hidden;*/
margin: 15px 0px 0px 530px;
/* margin: 20px 0px 0px 170px;*/
padding: 0px 0px 0px 0px;
float: left;

display: inline;

}


#header #menu ul {

list-style: none;
margin: 0px;
padding: 0px;

}

#header #menu ul li {

width: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

#header #menu ul li a {

display: block;
padding: 5px 5px 5px 5px;
margin: 0px 0px 5px 0px;
background: #48a5dc;
font-weight: bold;
text-decoration: none;
color: #fff;
overflow: hidden;

}

#header #menu ul li a:hover {

background: #d6e03e;
text-decoration: none;
color: #0076bf;

}

#header #menu ul li a.current {

background: #0076c0;

}

#header #menu ul li a.current:hover {

color: #fff;

}


#header img.logo {

margin: 10px 0px 15px 650px;
padding: 0px 0px 0px 0px;
float: left;

}

#jamesmartinhome {

float: right;

}


#header #strap {

width: 530px;
height: 265px;
margin: 0px;
padding: 0px 0px 0px 0px;
/* background: url("../img/design/strap_bg_10_alt.gif") no-repeat 0px 136px; */
background: url("../img/design/strap_bg_10_alt2.gif") no-repeat 0px 136px;
/* background: url("../img/design/strap_bg_10.gif") no-repeat 0px 136px; */

float: left;

}

/* hide strap */
#header #strap p {

position: absolute;
left: -999px;
width: 990px;

}

#intro {

width: 530px;
margin: 20px 0px 0px 20px;
padding: 1px 20px 10px 20px;
background: #fff;

color: #000;
font-size: small;

}

#intro p {

margin: 20px 0px 0px 0px;
padding: 0px;
color: #000;
font-size: small;

}

#intro p.notes {

font-size: x-small;

}

#intro p a {

color: #48a5dc;
text-decoration: underline;

}

#intro p a:hover {

color: #48a5dc;
text-decoration: none;

}


#intro p a.vidlinkbig {

height: 25px;
display: block;
padding: 17px 0px 0px 55px;
/* font-size: small; */
font-weight: bold;

background: url("../img/design/vidlinkbig.gif") no-repeat 0px 0px;

}

#intro p a.vidlinkbig:hover {

font-decoration: underline;

}

#intro p.invite {

margin: 110px 20px 0px 20px;
padding: 0px;
font-weight: bold;
color: #dde244;

}

#intro .highlight {

font-size: medium;
font-weight: bold;
color: #90be3a;

}

/* h2 uses the smart leahy/langridge image replacement (LIR) technique */
#intro h2 {

width: 500px;

padding: 16px 0 0 0;
margin: 20px 0px 0px 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:16px;

background: url("../img/design/whatisitallabout.gif") no-repeat 0px 0px;

}


#intro h3 {

margin: 20px 0px 10px 0px;

}

#intro h4 {

margin: 20px 0px 10px 0px;

}

#intro ul {

margin: 20px 60px 20px 10px;

}

#intro ul li {

margin: 0px 0px 10px 10px

}

#intro img {

margin: 20px 20px 0px 20px;
padding: 0px;

}


/* hide strap */
#intro h3.prizes {

position: absolute;
left: -999px;
width: 990px;

}

#intro #prizes {

margin: 0px 0px 0px -10px;
padding: 0px 0px 0px 0px;
width: 500px;
height: 200px;
background: url("../img/content/prizes.gif") no-repeat 0px 0px;

}

/* hide prizes content (replaced by graphic) */
#intro #prizes h3, #intro #prizes h4 {

display: block;
position: absolute;
left: -999px;
width: 990px;

}

#intro #prizes p {

display: block;
position: absolute;
left: -999px;
width: 100px;

}


#intro #importantdates {

width: 525px;
height: 300px;
background: url("../img/content/importantdates.gif") no-repeat 0px 0px;

}

#intro #importantdates h3, #intro #importantdates p, #intro #importantdates table {

display: block;
position: absolute;
left: -999px;
width: 990px;

}




#main {

margin: 0px 0px 0px 0px;
padding: 15px 15px 0px 15px;
font-size: x-small;
float: left;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;

}

html>body #main {

font-size: small;
margin-left: 0px;

}

/* end ie5 fontsize fix */



#main h2 {

width: 380px;
margin: 0px 0px 10px 0px;
padding: 10px;
font-size: large;
background: #0076C0;
color: #fff;

}

#main h3 {

margin: 0px 0px 0px 0px;
padding: 3px;
font-weight: bold;
color: #fff;
background: #6cbd45;

}

#main p {

margin: 10px 0px 0px 0px;
padding: 0px;
clear: left;

}

#main ul {

margin: 5px 0px 5px 15px;
padding: 0px;

}

#main ul li {

margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 5px;

}



#main table {

margin: 0px 10px 10px 10px;
padding: 0px;
border-collapse:collapse;
font-size: x-small;
color: #fff;

}

#main table tr {


}

#main table th {

padding: 2px;
text-align: left;
vertical-align: top;

}

#main table td {

padding: 2px 10px 2px 2px;

}

/* default bold class suitable for spans */
#main .bold {

font-weight: bold;

}


#main p.question {

font-weight: bold;

}

#main p.info {

font-weight: bold;
color: #0076c0;

}

#main p.notes {

font-size: x-small;

}

#main p a {

color: #0076c0;
text-decoration: none;

}

#main p a:hover {

text-decoration:underline;

}

#main a.pdflink {

height: 16px;
display: block;
padding: 2px 0px 0px 20px;
font-size: x-small;
background: url("../img/design/pdf.png") no-repeat 0px 0px;

}

#main div.contentpanel {

width: 355px;
margin: 0px 0px 0px 0px;
padding: 10px 25px 10px 20px;
float: left;
clear: right;

background: #fff;

}

#main div.contentpanel p {

margin: 15px 0px 15px 0px;
padding: 0px;

}

#main div.contentpanel p.first {

margin-top: 0px;
color: #006fb7;

}

#main div.contentpanel p.doclink {

margin: 20px 0px 0px 0px;
padding: 0px 0px 10px 20px;
font-size: x-small;
background: url("../img/design/doc.gif") no-repeat 0px 0px;

}

#main div.contentpanel p.next, #intro p.next {

font-size: x-small;
text-align: right;

}

#main div.contentpanel p.next a, #intro p.next a {

color: #53a6d8;
text-decoration: none;
/* color: #8fbf3f; */

}

#main div.contentpanel p.next a:hover, #intro p.next a:hover {

text-decoration: underline;

}

#main div.contentpanel h3 {

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: small;
font-weight: bold;
color: #006fb7;
background: none;
/* border-bottom: 1px dashed #48a5dc; */

}

#main div.contentpanel h3 span.step {

display: block;
margin: 40px 0px 10px 0px;
padding: 3px 3px 3px 3px;
color: #fff;
background: #006fb7;
/* border-bottom: 1px dashed #48a5dc; */

}

#main div.contentpanel h3 span {

margin-bottom: 0px;

}

#main div.contentpanel h3.first span.step {

margin-top: 10px;

}


/* #main div.contentpanel h3.first {

margin-top: 10px;

} */


#main div.contentpanel h4 {

margin: 10px 0px 0px 0px;
padding: 0px;
font-weight: bold;
color: #333;

}

#main div.contentpanel ul {

margin: 20px 10px 20px 10px;
padding: 0px 10px 0px 10px;

}

#main div.contentpanel ul li {

margin: 0px 0px 0px 10px;
padding: 0px 0px 10px 0px;
color: #666;

}


#main div.contentpanel li a {

color: #0076c0;
text-decoration: none;

}

#main div.contentpanel li a:hover {

text-decoration:underline;

}

#main div.contentpanel ul.resourceslist {

list-style: none;
margin-left: 0px;

}

#main div.contentpanel ul.resourceslist li {

margin-left: 0px;

}

#main div.contentpanel ul.resourceslist li a {

height: 16px;
display: block;
padding: 2px 0px 0px 20px;
font-size: x-small;

}

#main div.contentpanel ul.resourceslist li a.pdflink {

background: url("../img/design/pdf.png") no-repeat 0px 0px;

}

#main div.contentpanel ul.resourceslist li a.doclink {

background: url("../img/design/doc.gif") no-repeat 0px 0px;

}

#main div.contentpanel ul.resourceslist li a.xlslink {

background: url("../img/design/xls.gif") no-repeat 0px 0px;

}

#main div.contentpanel ul.resourceslist li a.vidlink {

background: url("../img/design/wmv.gif") no-repeat 0px 0px;

}

#main div.contentpanel ul.resourceslist li a.movlink {

background: url("../img/design/mov.gif") no-repeat 0px 0px;

}

#main div.contentpanel ul.resourceslist li a.pptlink {

background: url("../img/design/ppt.gif") no-repeat 0px 0px;

}

#main div.contentpanel ul.mvmlinks {

margin-left: 0px;

}

#main div.contentpanel ul.mvmlinks li {

font-size: x-small;

}



#main div.contentpanel ol {

margin: 20px 10px 20px 10px;
padding: 0px 10px 0px 10px;

}

#main div.contentpanel ol li {

margin: 0px 0px 0px 10px;
padding: 0px 0px 10px 0px;
color: #666;

}

#main div.contentpanel strong {


}


#main div.contentpanel table {

margin: 0px 0px 0px 0px;
padding: 0px;
color: #666;
border-top: 1px solid #eee;
border-left: 1px solid #eee;

}

#main div.contentpanel td, #main div.contentpanel th {

padding: 5px;
margin: 0px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;

}

#main div.contentpanel th {


}


#main div.contentpanel #cookoffdates {

border-top: 1px solid #fff;
border-left: 1px solid #fff;

}

#main div.contentpanel #cookoffdates td, #main div.contentpanel #cookoffdates th {

padding: 5px;
margin: 0px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;

}

#main div.contentpanel #cookoffdates th {

background: #b6d17a;
color: #fff;

}

#main div.contentpanel #cookoffdates td {

background: #dbe8be;
color: #6e942e;

}

#main div.contentpanel #cookoffdates td.datecol {

color: #006fb7;

}

#main div.contentpanel #cookoffdates td.locationcol {

font-weight: bold;

}



#main div.contentimgpanel {

width: 300px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 200px 10px;
float: left;

/*background: #0ff;*/

}

#main div.contentimgpanel img.contentimg {

margin: 0px 0px 0px 0px;
padding: 10px;
background: #d6e03e;
/*background: #0f0;*/

}


#main div.contentimgpanel p.contentimgcaption {

margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: x-small;
color: #fff;
text-align: right;
/*background: #f0f;*/

}

#main div.contentpanelwide {

width: 700px;
margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 10px;
float: left;
clear: both;

color: #fff;
background: #0076c0;

}


#main div.contentpanelwide p {

width: 130px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: x-small;
float: left;

}



#main div.contentpanelwide p.wider {

width: 400px;
font-size: small;
float: left;

}

#main div.contentpanelwide p.doclink {

width: 110px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 10px 20px;
font-size: x-small;
background: url("../img/design/doc.gif") no-repeat 0px 0px;

}

#main div.contentpanelwide p.doclink a {

color: #fff;
font-weight: bold;

}

#main div.contentpanelwide h3 {

width: 690px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 3px 0px;
font-size: small;
font-weight: bold;
color: #d6e03e;
background: none;
border-bottom: 1px dashed #d6e03e;
/*float: left;*/

}

#main div.contentpanelwide img.contentimgwide {

margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;

}

#main div.contentpanelwide img.contentimgwider {

margin: 30px 0px 0px 20px;
padding: 0px;

}