body
{
    background-color: #336699;
    height: 100%;
}
p, td
{
    padding: 12px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    list-style-type: square;
    list-style-position: inside;
    line-height:160%;
}
#wrapper
{
    border-style: solid;
    border-width: thin;
    border-color: #999999 #333333 #000000 #999999;
    width: 848px;
    z-index: 0;
    top: 15px;
    left: 45px;
    position: absolute;
    min-height: 100%;
        background-color: #FFFFFF;
        margin: 0 auto;  
}
#logo
{
    top: 15px;
    left: 15px;
    position: absolute;
    z-index: 6;
    width: 228px;
    height: 127px;
}
#teamappLogo
{
    top: 15px;
    left: 741px;
    position: absolute;
    z-index: 7;
    width: 96px;
    height: 101px;
}
#leftSidePanel
{
    background-image: url('images/pageleft.gif');
    background-repeat: repeat;
    min-height: 100%;
    width: 228px;
    z-index: 2;
    position: absolute;

}
#menuDiv
{

    width: 227px;
    z-index: 3;
    position: relative;
    top:300px;
}
#teamDiv
{
    width: 227px;
    z-index: 5;
    top: 334px;
    position: absolute;
    left: 0px;
}
#footer
{
    background-position: left bottom;
    background-image: url('images/pageBottom.png');
    z-index: 3;
    height: 77px;
    width: 846px;
    background-repeat: no-repeat;
    vertical-align: bottom;
    position: relative;
    top: 2px;
    left: 1px;
}
#header
{
    background-position: left top;
    height: 165px;
    width: 850px;
    background-repeat: no-repeat;
    vertical-align: top;
    z-index: 3;
    position: absolute;
}
#content
{
    width: 622px;
    z-index: 1;
    left: 226px;
    position: relative;
    top: 29px;
    background-color: #FFFFFF;
    min-height: 100%;

}
.buttons
{

    background-color: #333333;
    border-style: solid;
    border-width: thin;
    border-color: #999999 #000000 #000000 #999999;
    padding-top: 18px;
    padding-left: 12px;

    height: 30px;
    text-align: left;
}
.buttons a:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
.buttons a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
    text-decoration: underline;
        font-weight: bold;
}
.buttons a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
        font-weight: bold;
}
#cafeButton
{
    background-image: url('images/buttonback.png');
    text-align: right;
    height: 20px;
    line-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-repeat: no-repeat;
}
#cafeButton a:link
{
    color: #FFFFFF;
    text-decoration: none;

}
#cafeButton a:hover
{
    color: #FF0000;
    text-decoration: underline;

}
.cafeButton a:visited
{
    color: #FFFFFF;
    text-decoration: none;

}
a:link
{

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #3333FF;
    font-weight: 700;
}
a:hover
{

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: underline;
    color: #CC0000;
}
a:visited
{

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #3333FF;
}
#basicTop
{
    background-position: top;
    background-image: url('images/meeting.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
        top: -25px;
}
#coffeeTop
{
    background-position: top;
    background-image: url('images/coffeejournal.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
}
#diagramTop
{
    background-position: bottom;
    background-image: url('images/diagram.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
        top: -25px;
}
#filterTop
{
    background-position: top;
    background-image: url('images/critique.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
}

#contactTop
{
    background-position: bottom;
    background-image: url('images/contact.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
        top: -25px;
}

#homeTop
{
    background-position: 50% bottom;
    background-image: url('images/meeting.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
    position: relative;
    top: -25px;
}
#bookTop
{
    background-position: bottom;
    background-image: url('images/bookclub.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
    position: relative;
    top: -25px;
}
#espressoTop
{
    background-position: bottom;
    background-image: url('images/espresso.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
    position: relative;
    top: -25px;
}
#home2Top
{
    background-position: top;
    background-image: url('images/meeting.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
        top: -25px;
}
#toppingsTop
{
    background-position: bottom;
    background-image: url('images/coffeeMeeting.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
        top: -25px;
}
#perkTop
{
    background-position: bottom;
    background-image: url('images/perk.jpg');
    width: 622px;
    height: 250px;
    background-repeat: no-repeat;
    top: -25px;
}


        .style2
        {
            font-family: Arial;
            font-size: 12px;
        }
        h1
{
    font-family: Verdana;
    font-size: 16px;
    color: #003366;
    text-decoration: none;
    line-height: 160%;
}