﻿
a, a:link   { color: #000; font-family: Verdana; }
a:hover     { color: #09C; }
a:visited   { color: #666; }

strong em,
em strong   { font-weight: bold; font-style: italic; }
    
/* =urlicons
----------------------------------------------- */    
a.audio     { background: url(../images/urlicons/audio.gif) no-repeat center right; padding: 5px 20px 5px 0;}
a.email     { background: url(../images/urlicons/email.gif) no-repeat center right; padding: 5px 20px 5px 0;}
a.excel     { background: url(../images/urlicons/excel.gif) no-repeat center right; padding: 5px 20px 5px 0;}
a.external  { background: url(../images/urlicons/external.gif) no-repeat center right; padding: 5px 20px 5px 0;}
a.movie     { background: url(../images/urlicons/movie.gif) no-repeat center right; padding: 5px 20px 5px 0;}
a.pdf       { background: url(../images/urlicons/pdf.gif) no-repeat center right; padding: 5px 20px 5px 0;}
a.word      { background: url(../images/urlicons/word.gif) no-repeat center right; padding: 5px 20px 5px 0;}
    
.data th        { color: #000; background: url(../images/th_bg.jpg) repeat-x 0 0; border: 0; }
.data td        { background-color: #e8f3f5; border: 0; }
.data .alt td   { background-color: #FFF; }

.customdoc  { margin: auto; text-align: left; width: 900px; }
.column1_1  { padding: 18px 10px 0 0; }
.column2_2,
.column3_3  { float: right; width: 151px; }
.column2_3  { float: right; width: 148px; padding: 18px 25px 0 11px; }
.column1_2,
.column1_3  { margin-right: 151px; position: relative; padding: 18px 10px 0 0; }
.column1_3  { margin-right: 335px; }

#content    { padding-left: 21px; }
.header
{
    height: 134px; /* 145px - 11px top padding */
    background: #FFF url(../images/top_bg.jpg) no-repeat 0 0;
    padding: 11px 0 0 18px;
}
/* fixes IE unclickable links when they contain transparent PNG(s) */
.header a   { position: relative; } 

.leftnav
{
    padding-bottom: 179px;
    background: #FFF url(../images/menu/bg.png) no-repeat 0 bottom;
}

.leftnav ul, .leftnav li
{   /* remove default list styles */ 
    margin: 0; 
    padding: 0; 
    list-style: none; 
}

/* hide submenus */
.leftnav li ul { display: none; }

/* show submenus of selected items */
.leftnav li.selected ul,
.leftnav li.childselected ul { display: block; }

.leftnav li     { height: 31px; line-height: 31px; display: inline; }
.leftnav li li  { height: 18px; }

.leftnav li span,
.leftnav li a       
{
    display: block;
    width: auto; 
    height: 31px; 
    line-height: 31px;
    padding-left: 26px;
    text-decoration: none;
    font-size: 85%;
    font-family: Verdana;
 }
 
.leftnav li a,
.leftnav li a:visited   { color: #000; }
.leftnav li a:hover     { color: #FFF; }
.leftnav li span        { color: #222; }

.leftnav li li a,
.leftnav li li span { height: 18px; line-height: 18px; padding-left: 31px; }
.leftnav li img     { width: 100%;  height: 100%; }

/* sprite offsets */
.leftnav a,
.leftnav a img          { background-position: 0 0; background-repeat: no-repeat; }
.leftnav a:hover,
.leftnav a:hover img    { background-position: 0 -31px; }
.leftnav span,
.leftnav span img       { background-position: 0 -62px; background-repeat: no-repeat; }

/* subnav sprite offsets */
.leftnav li li a:hover,
.leftnav li li a:hover img  { background-position: 0 -18px; }
.leftnav li li span,
.leftnav li li span img     { background-position: 0 -36px; background-repeat: no-repeat; }

/* background sprite */
.leftnav li a,
.leftnav li span        { background-image: url(../images/menu/item_bg.png); }
.leftnav li li a,
.leftnav li li span     { background-image: url(../images/menu/child_bg.png); } 

/* foreground text sprites*/ 
.leftnav .home a img,
.leftnav .home span img     { background-image: url(../images/menu/home.png); }
.leftnav .about a img,
.leftnav .about span img    { background-image: url(../images/menu/about.png); }
.leftnav .kidszone a img,
.leftnav .kidszone span img { background-image: url(../images/menu/kidszone.png); }
.leftnav .tools a img,
.leftnav .tools span img    { background-image: url(../images/menu/tools.png); }
.leftnav .events a img,
.leftnav .events span img   { background-image: url(../images/menu/events.png); }
.leftnav .tips a img,
.leftnav .tips span img     { background-image: url(../images/menu/tips.png); }
.leftnav .recipes a img,
.leftnav .recipes span img  { background-image: url(../images/menu/recipes.png); }

.titlebar           { width: 100%; height: 36px; position: relative; background: #CF9 url(../images/round_corner.png) no-repeat 0 0; }
.titlebar h1        { width: 100%; display: block; margin: 0; padding: 0; height: 16px; font-size: 16px; line-height: 16px;  background: url(../images/round_corner.png) no-repeat right -36px;}
.titlebar object    { position: absolute; top: 9px; left: 20px; }

.sifr               { visibility: hidden; }
.sifr-replaced      { visibility: visible !important; }    
.sifr-replaced .alt
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

.topshadow          { background: url(../images/shadow.jpg) repeat-x 0 0; }
.text               { font-family: Verdana; font-size: 11px; }

.relatedlinks ul, 
.relatedlinks li    { margin: 0; padding: 0; list-style: none; }
.relatedlinks       { padding-bottom: 62px; background: #CFF url(../images/related_links_bg.jpg) no-repeat 0 bottom; }
.relatedlinks li    { padding: 0 5px 5px 24px; background: url(../images/arrow.gif) no-repeat 14px 7px; }
.relatedlinks a,
.relatedlinks a:link    { color: #000; font-size: 11px; }
.relatedlinks a:hover   { color: #09C; }
.relatedlinks a:visited { color: #666; }

.footer     { text-align: center; padding-top: 10px; }
.footer ul,
.footer li  { margin: 0; padding: 0; list-style: none; }
.footer li  { display: inline; padding-right: 20px; }
.footer p   { font-size: 77%; font-family: Verdana; margin-top: 10px; }
.footer a,
.footer a:link      { color: #000; font-size: 11px; }
.footer a:hover     { color: #09C; }
.footer a:visited   { color: #000; }

/* homepage styles */
.homequad
{
    height: 161px;
    width: 300px !important;
    margin-bottom: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.homequad h2,
.homequad p,
.homequad a         { font-size: 11px; font-family: Verdana; margin-bottom: 5px; margin-top: 0; }
.homequad a         { text-decoration: none; font-weight: bold; }
.homequad_wrapper   { padding-right: 35px; }
.recipes            { background-image: url(../images/home/recipes.jpg); }
.iso                { background-image: url(../images/home/ISO.jpg); }
.kidszone           { background-image: url(../images/home/kidszone.jpg); }
.kidszone a         { display: block; height: 100%; width: 100%; }
.tips               { background-image: url(../images/home/tips.jpg); }
.recipes,
.tips,
.iso
{
    padding-top: 40px;
    height: 121px;
    padding-left: 10px;
    padding-right: 120px;
    width: 170px !important;
}
.iso        { padding-top: 60px; height: 101px; }

/* kidszone */
.kidquad
{
    height: 207px;
    width: 322px !important;
    margin-bottom: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
}
.kidquad h2,
.kidquad p          { font-size: 11px; font-family: Verdana;position: absolute; top: 80px; left: 105px; }
.kidquad a          { display: block; height: 100%; width: 100%; }
.kidrecipes         { background-image: url(../images/kidszone/recipes.jpg); }
.colorbook          { background-image: url(../images/kidszone/colorbook.jpg); }
.eatrun             { background-image: url(../images/kidszone/eatandrun.jpg); }
.saladdressin       { background-image: url(../images/kidszone/saladdressin.jpg); }

.photos { float:right; clear:right; }

