body{
margin: 0;
padding: 0;
font-family: "Arial", Verdana, Helvetica, sans-serif;
color: #3F3F3F;
font-size: x-small;
background-color: #483015;}

#page_home{
width: 100%;
height: 1100px;
margin: 0 auto 0 auto;
background-image: url(images/bg_home.jpg);
background-repeat: no-repeat;
background-position: center top;
padding: 0;}

#page_about{
width: 100%;
height: 1100px;
margin: 0 auto 0 auto;
background-image: url(images/bg_about.jpg);
background-repeat: no-repeat;
background-position: center top;
padding: 0;}

#page_menu{
width: 100%;
height: 1100px;
margin: 0 auto 0 auto;
background-image: url(images/bg_menu.jpg);
background-repeat: no-repeat;
background-position: center top;
padding: 0;}

#page_locations{
width: 100%;
height: 1100px;
margin: 0 auto 0 auto;
background-image: url(images/bg_winter.jpg);
background-repeat: no-repeat;
background-position: center top;
padding: 0;}

#inner_page{
width: 900px;
margin: 0 auto 0 auto;
padding: 0;
font-family: "Arial", Verdana, Helvetica, sans-serif;
color: #3F3F3F;
font-size: small;
line-height: 20px;}

h2 {
font-family: "Arial", Verdana, Helvetica, sans-serif;
color: #C0434A;
font-size: 130%;}

.YoppiYogurt {
font-weight: normal;
color: #C0434A;
font-size: 120%;}

.clear {
clear: both;}

img {
border: none;}

a {
outline: none;
font-size: 110%;
color: #FFFFFF;
text-decoration: none;}

a:hover {
color: #F8B81E;
text-decoration: none;}

a.contact_email {
color: #3F3F3F;
text-decoration: none;}

a.contact_email:hover {
color: #C0434A;
text-decoration: none;}

#header {
width: 900px;
height: 230px;}

#header_l {
width: 217px;
height: 177px;
float: left;}

#header_l img {
padding: 15px 0 0 25px;}

#header_r {
width: 640px;
height: 230px;
float: right;}

#contact-form {
width: 312px;
height: 97px;
margin: 15px 0 0 275px;}

#divider {
width: 340px;
border-bottom: thin #C0434A dashed;
padding: 15px 0 15px 0;}

#message {
height: 150px;overflow: auto;}
/* MENU */

#main_nav {
width: 640px;
height: 122px;}

ul#nav {
margin: 0 0 0 0;
padding: 0 0 0 0;}

ul#nav li {
float: right;
list-style-type: none;}

a#btn_about {
display: block;
height: 122px;
width: 117px;
background-image: url(images/btn_about.png);
background-position: 0px;
background-repeat: no-repeat;}

a#btn_about:hover {
background-position: -117px;}

a#btn_about_on {
display:block;
height: 122px;
width: 117px;
background-image: url(images/btn_about.png);
background-position: -117px;
background-repeat: no-repeat;}

a#btn_menu {
display: block;
height: 122px;
width: 159px;
background-image: url(images/btn_menu.png);
background-position: 0px;
background-repeat: no-repeat;}

a#btn_menu:hover {
background-position: -159px;}

a#btn_menu_on {
display: block;
height: 122px;
width: 159px;
background-image: url(images/btn_menu.png);
background-position: -159px;
background-repeat: no-repeat;}

a#btn_locations {
display: block;
height: 122px;
width: 117px;
background-image: url(images/btn_locations.png);
background-position: 0px;
background-repeat: no-repeat;}

a#btn_locations:hover {
background-position: -117px;}

a#btn_locations_on {
display: block;
height: 122px;
width: 117px;
background-image: url(images/btn_locations.png);
background-position: -117px;
background-repeat: no-repeat;}

a#btn_contact {
display: block;
height: 122px;
width: 115px;
background-image: url(images/btn_contact.png);
background-position: 0px;
background-repeat: no-repeat;}

a#btn_contact:hover {
background-position: -115px;}

a#btn_contact_on {
display: block;
height: 122px;
width: 115px;
background-image: url(images/btn_contact.png);
background-position: -115px;
background-repeat: no-repeat;}

a#btn_franchise {
display: block;
height: 122px;
width: 123px;
background-image: url(images/btn_join.png);
background-position: 0px;
background-repeat: no-repeat;}

a#btn_franchise:hover {
background-position: -123px;}

a#btn_franchise_on {
display: block;
height: 122px;
width: 123px;
background-image: url(images/btn_join.png);
background-position: -123px;
background-repeat: no-repeat;}

/* CONTENT */

#content {
width: 900px;
height: 605px;}

#content_home_r {
padding: 515px 10px 0 0; 
text-align: right;
vertical-align: middle;
float: right;
width: 100px;}

#content_home_l {
width: 750px;
float: left;}

#content_home_l_top {
width: 390px;
height: 240px;
padding: 20px 0 60px 33px;}

#content_home_l_btm {
width: 600px;
height: 235px;}

#content_contact_l {
background-image:url(images/box_contact.png);
background-repeat:no-repeat;
width: 405px;
height: 525px;
padding: 0;
margin: 15px 0 0 0;
float: left;}

#contact_info {
width: 340px;
margin: 75px 0 0 35px;}


/* CONTENT FRANCHISE */

#content_franchise {
background-image:url(images/box_join.png);
background-repeat:no-repeat;
width: 900px;
height: 425px;
padding: 0;
margin: 15px 0 0 0;
float: left;}

/* CONTENT ABOUT US */

#content_about {
background-image:url(images/box_about.png);
background-repeat:no-repeat;
width: 900px;
height: 425px;
padding: 0;
margin: 15px 0 0 0;
float: left;}

#about_container {
width: 840px;
height: 300px;
padding: 88px 0 0 35px;}


/* CONTENT LOCATIONS */

#content_locations {
background-image:url(images/box_locations.png);
background-repeat:no-repeat;
width: 900px;
height: 425px;
padding: 0;
margin: 15px 0 0 0;
float: left;}

.locations_box{
width: 840px;
padding: 0px 0 30px 0;}

.locations_info {
width: 400px;
margin: 0;
padding: 0 0 0 0;}

.locations_title {
width: 400px;}

.locations_detail {
width: 400px;}

table.address {
padding: 10px 0 10px 0;}

table.business_hours {
padding: 5px 0 5px 15px;
background-color: #e5e7b7;}


table td {
padding:0;
margin:0;}

td.date {
width: 60px;
text-align: left;}

td.hours {
width: 100px;
text-align: left;}

.photo_left {
width: 180px;
height: 135px;
padding: 0 10px 0 0;
float: left;}

.photo_right {
width: 180px;
height: 135px;
float: right;}

#submit_locations {
padding: 20px 0 0 33px;}


/* CONTENT MENU */

#content_flavors {
background-image: url(images/box_flavors.png);
background-repeat: no-repeat;
width: 425px;
height: 425px;
padding: 0;
margin: 15px 0 0 0;
float: left;}

#content_toppings {
background-image: url(images/box_toppings.png);
background-repeat: no-repeat;
width: 425px;
height: 425px;
padding: 0;
margin: 15px 0 0 0;
float: right;}

#nutrition {
padding: 10px 0 30px 0;}

#nutrition p{
font-size: 90%;
padding: 0 0 0 0;}

.flavors li{
width: 150px;
list-style-type: none;
padding: 0 0 5px 0;}

.Fruit {
float: left;}

.Dry {
float: right;}


/*SLIDING BOX*/

#slide_menu { 
background-image: url(images/box_news.png); 
background-repeat: no-repeat;
width: 285px;
height: 235px;
float: left;}

#slide_locations { 
background-image: url(images/box_locations_s.png); 
background-repeat: no-repeat;
width: 285px;
height: 235px;
padding: 0;
float: right;}

#nav_left {
padding: 0;
margin: 0 17px 0 20px;
width: 15px;
float: left;
height: 165px;}

#nav_right {
padding: 0;
margin:0 15px 0 15px;
width: 15px;
float: left;
height: 165px;}

#nav_left_locations {
padding: 0;
margin: 0 17px 0 20px;
width: 15px;
float: left;
height: 165px;}

#nav_right_locations {
padding: 0;
margin:0 0 0 16px;
width: 15px;
float: left;
height: 165px;}

.photo_table {
padding: 0 0 0 0;
margin: 55px 0 0 0;
width: 180px;
height: 165px;
float: left;
overflow: hidden;
position:relative;}

.list_table {
padding: 0;
margin: 0;
width: 900px;}

.photo_issue {
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 180px;
float: left;
height: 165px;}

.issue_cover {
padding: 0;
margin: 0;
/*width: 180px;*/
height: 135px;}

.issue_info {
padding: 5px 0 0 0;
margin: 0;
/*width: 180px;*/
height: 30px;
text-align: center;}

.issue_info h2 {
padding: 5px 0 0 0;
margin: 0;
color: #3F3F3F;
font-size: 10px;
font-weight: bold;}

a.btn_left {
display: block;
width: 15px;
height: 35px;
margin: 105px 0 0 0;
background-image: url(images/arrow_l.gif);
background-repeat: no-repeat;
background-position: 0px;}

a.btn_left:hover {
background-position: -15px;}

a.btn_right {
display: block;
width: 15px;
height: 35px;
margin: 105px 0 0 0;
background-image: url(images/arrow_r.gif);
background-repeat: no-repeat;
background-position: 0px;}

a.btn_right:hover {
background-position: -15px;}

ul#photo_ul {
margin: 0;
padding: 0;}

li.photo_li {
float: left;
margin: 0;
padding: 0;
list-style-type: none;}



/* FOOTER */

#footer {
width: 900px;
height: 260px;
padding: 5px 0 0 0;}

a#footer {
color: #FFFFFF;
text-decoration: none;}

#footer img {
padding: 25px 0 0 0;}

#footer_nav {
font-size: 100%;
width: 900px;
/*height: 10px;*/}

ul#sub_nav {
font-size: 100%;
margin: 0 0 0 0;
padding: 0 0 0 430px;}

ul#sub_nav li {
float: right;
list-style-type: none;}

#footer_nav ul#sub_nav li img{
padding: 3px 10px 0 10px;}

#info {
font-size: 100%;
width: 900px;
color: #FFFFFF;
text-align:right;
padding: 10px 0 0 0;}

/*FORM*/

.row{
display: block;
min-height: 35px;}

.form_left{
width: 60px;
padding: 0;
min-height: 24px;
float: left;}
   
.form_right{
width: 260px;
padding: 0;
min-height: 24px;
float: left;}
    
.send{
padding: 20px 0 0 60px;
margin: 0;}
    
.submit_btn{
padding: 0;
margin: 0 15px 0 0;
cursor: pointer;
text-indent: -2000em;
color: transparent;
background-color: transparent;
background-image: url(images/submit.png);
background-repeat: no-repeat;
border: none;
width: 77px;
height: 25px;
float: left;}

.reset_btn{
padding: 0;
margin: 0;
cursor: pointer;
text-indent: -2000em;
color: transparent;
background-color: transparent;
background-image: url(images/reset.png);
background-repeat: no-repeat;
border: none;
width: 77px;
height: 25px;
float: left;}

.text{
width: 266px;}
    
.ruler{
width: 270px; 
border-bottom: dashed 1px #ddcdcc;}
    
tr:focus{
background-color: #fcfcf0;}
    
td{
vertical-align: top;}
    
.over{
background-color: #f0f0f0;}

       
.out{
background-color: #FFFFFF;}

#reply {
width: 615px;}