/*
 Juice City homepage css
*/

@import url("./juicecity.css");

#header {
 color: #fff;
 width: 925px;
 float: left;
 padding: 0px;
 height: 328px;
 margin: 0px 0px 0px 0px;
 background-image: url("./banner-juicecity-index2.gif");
 background-repeat: no-repeat;
 background-position: center center;
/* border: 1px solid red; */
}

#content { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px;
/* height: 1045px; */
 height: 1142px;
/* height: 875px; */
 width: 925px;
 float: left;
 background-color: #faef58;
 background-image: url("./backdrop-index2.gif");
 background-position: bottom right;
 background-repeat: no-repeat;
/* border: 1px solid purple; */
}

#leftcolumn { 
 float: left;
 font-size: 11pt;
 color: #333;
/* border: 1px solid black; */
 margin: 0px 0px 0px 0px;
 height: 795px;
 width: 598px;
 display: inline;
 position: relative;
}

#leftsidebar {
 float: left;
 width: 155px;
/* height: 625px; */
 position: relative;
/* border: 1px solid orange; */
 padding: 0px;
 margin-top: 90px; 
 margin-left: 15px;
 margin-right: 25px;
}

#leftsidebar dl, #leftsidebar dl dt {
 margin: 0px;
 padding: 0px;
}

.orangeoutline {
 border: 3px solid #cc6600;
}

#lefttopcontent {
 float: left;
 width: 398px;
/* height: 625px; */
 position: relative;
/* border: 1px solid orange; */
 padding: 0px;
 margin: 75px 0px 0px 0px;
}


#leftbottomcontent {
/* border: 2px solid purple; */
 width: 598px;
 height: 235px;
 float: left;
 position: relative;
}

a.mealplanlink {
/* border: 1px dashed purple; */
 float: left;
 position: relative;
 height: 125px;
 width: 598px;
 margin-top: 75px;
}

#rightcolumn { 
 float: right;
 font-size: 10pt;
 color: #333;
/* border: 1px solid orange; */
 margin: 0px 0px 0px 0px;
 height: 650px;
 width: 324px;
 display: inline;
 position: relative;
 text-align: center;
}

#righttopcontent {
 float: right;
 height: 400px;
 width: 324px;
 display: inline;
 position: relative;
/* border: 1px solid white; */
/* background-color: grey; */
}

#righttopcontent p {
 font-size: 36px;
 color: black;
 font-weight: bold;
/* visibility: hidden;  */
}

a.yogurtlink {
 float: right;
 position: relative;
 height: 135px;
 width: 165px;
/* border: 1px solid red; */
 margin-top: 45px;
 margin-left: 15px;
 margin-right: 115px;
}

#rightbottomcontent {
 float: right;
 position: relative;
 width: 322px;
 height: 450px;
/* border: 1px solid green; */
 padding: 20px 0px 0px 0px;
}

#rightbottomcontent p {
 padding: 0px 0px 5px 0px;
}

#rightbottomcontent p a {
 color: #ca1a11;
}

.section {
/* border: 1px solid green; */
 color: #ca1a11;
 font-size: 14pt;
 font-weight: bold;
 width: 300px;
 padding: 10px 10px 30px 0px;
}

.caption {
/* border: 1px solid green; */
 color: #ca1a11;
 font-size: 14pt;
 font-weight: bold;
 width: 346px;
 text-align: center;
}

a {
 text-decoration: none;
}