/* 
    Document   : layout
    Created on : 05-Oct-2009, 14:42:01
    Author     : Matthew Jones
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body
{
    font-size:70%;
}

p
{
    color: #463c3c;
    font-family: 'ArialMT', 'Arial', sans-serif;
    font-size: 110%;
}

a:link, a:visited {
    color: #993366;
    text-decoration: underline;
}
a:hover {
    color: #666666;
    text-decoration: underline;
}

h1
{
    color: #463c3c;
    font-family: 'QlassikMedium', 'Qlassik Medium', 'ArialMT', 'Arial', sans-serif;
    font-size: 190%;
    font-weight: normal;
    margin:0;
    padding:0;
}

h2
{
    font-size:120%;
    color: #7e2152;
    font-weight: bold;
    padding:0;
    margin:0;
}

ul, ol
{
    color: #463c3c;
    font-family: 'ArialMT', 'Arial', sans-serif;
    font-size: 110%;
}

td
{
    color: #463c3c;
    font-family: 'ArialMT', 'Arial', sans-serif;
    font-size: 100%;
}

.emphasis
{
    color: #7e2152;
    font-weight: bold;
}
/* CONTAINER */
#site-container
{
    width:700px;
    margin:auto;
    text-align:center;
}

#left
{
    float:left;
    width:145px;
    padding-right:5px;
    text-align:left;
    padding-top:50px;
}

#content
{
    float:left;
    width:460px;
    padding-right:90px;
    background:url(../graphics/right.jpg) no-repeat bottom right;
    text-align:left;
}

#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content #h6
{
    padding-left:30px;
    padding-right:30px;
}

#quote
{
    width:460px;
    height:140px;
}

#footer
{
    clear:left;
    width:700px;
    text-align:center;
}


/*MAIN MENU */
.main-menu
{
    padding:0;
    margin:0;
}

.main-menu li
{
    list-style:none;
    padding-top:25px;
}

.main-menu li a:link, .main-menu li a:visited
{
    font-size:130%;
    color: #463c3c;
    text-decoration:none;
    font-family: 'QlassikMedium', 'Qlassik Medium', 'ArialMT', 'Arial', sans-serif;
}

.main-menu li a:hover
{
    color: #000;
    text-decoration:none;
}


/* LINK BUTTON */
.link-button
{
    display:block;
    width:116px;
    height:22px;
    text-align:center;
    background:url(../graphics/button1.png) no-repeat;
    font-size:110%;
    margin-left:30px;
    padding:0;
    padding-top:7px;
}

.link-button a:link, .link-button a:visited
{
    color:#fff;
    text-decoration:none;
}

.link-button a:hover
{
    color:#ccc;
    text-decoration:none;
}


/* FOOTER */
.footer-text
{
    padding-top:20px;
}

.footer-text a:link, .footer-text a:visited
{
    color:#666;
    text-decoration:none;
}

.footer-text a:hover
{
    color:#000;
    text-decoration:none;
}

/*CONTACT US FORM*/
.form-left
{
    clear:left;
    float:left;
    width:100px;
    margin-left:30px;
    padding-bottom:5px;
}

.form-right
{
    float:left;
    width:200px;
    padding-bottom:5px;
}

label
{
        color: #463c3c;
    font-family: 'ArialMT', 'Arial', sans-serif;
    font-size: 110%;
    font-weight:bold;
    padding:0;
    margin:0;
}

textarea
{
    width:250px;
    height:100px;
}

.ticks li
{
    background:url(../graphics/tick.png) no-repeat left top;
    list-style:none;
    padding-left:20px;
    padding-bottom:10px;
}