﻿/*////////// General Layout //////////*/

body
{
    color: #828E95;
    font-family: Arial, Verdana, 'Trebuchet MS';
    font-size: 80%;
    line-height: 17px;
    text-align: center;
    background: url(/images/bg.gif) repeat-x #7299A5;
}

#wrapper
{
    width: 800px;
    margin: 0 auto;
    text-align: left;
    padding-left: 6px;
    border: 1px #666 solid;
    background: #fff;
    margin-top: 10px;
}

#header
{
    width: 100%;
    padding-top: 30px;
}

#logo
{
    float: left;
    width: 170px;
    border-bottom: 5px #fff solid;
    margin-top: -7px;
    
}

#nav
{
    float: left;
    width: 624px;
    text-align: right;
    border-bottom: 5px #9C8A7E solid;
}

#container
{
    width: 100%;
    background: url(/images/bg_container.gif) bottom repeat-x;
}

#leftCol, #rightCol, #fullCol
{
    float: left;
    width: 332px;
    border-right: 1px #EBECF0 dashed;
    padding: 20px;
}

#rightCol
{
    width: 379px;
    border-left: 1px #CACACE dashed;
}

#fullCol
{
    width: 754px;
}

#footer
{
    background: #fff;
    text-align: right;
    font-size: 90%;
    padding: 6px 6px 6px 6px;
}

/*////////// Text, Images, Links Etc. //////////*/

a{color: #000;}
a:hover{text-decoration: none;}

h1, h2, h3
{
    letter-spacing: 0.2px;
    font-size: 160%;
    font-weight: bold;
    color: #7FBCBB;
    font-family: 'Trebuchet MS';
}

h2
{
    font-size: 105%;
}

h3
{
    color: #000;
    font-size: 105%;
}

.formErrors
{
    color: red;
    font-weight: bold;
}

/*////////// Form Styles //////////*/

form.appointments, form.friend
{
    float: left;
    width: 320px;
    min-height: 262px; _height: 262px;
    padding: 15px;
    background: #fff;
    border: 1px #69A5A7 solid;
    border-left: none;
    border-right: none;
}

form.friend
{
    width: 370px;
}

form.appointments label, form.appointments label.contact, form.friend label, form.friend label.contact
{
    float: left;
    width: 130px;
    margin-top: 7px;
}

form.appointments label.contact, form.friend label.contact
{
    width: 110px;
}

form.appointments input, form.appointments select, form.friend input, form.friend select
{
    width: 170px;
    margin-top: 7px;
}

form.appointments select, form.friend select
{
    width: 100px;
}

form.appointments select.sml
{
    width: 55px;
}

form.appointments select.big
{
    width: 115px;
}

form.appointments input.submit, form.friend input.submit
{
    width: 70px;
    border: 1px #666 solid;
    background: #fff;
    margin-top: 15px;
}

form.appointments input.submit{margin-top: 27px;}