/* ========================================
    
    File: preview.css
    Site: preview.com
    Author: Rob Dove (preview.co.uk)
    Copyright: 2009 preview.co.uk
 
   ======================================== */

    @import url("reset.css");
    
/* ----------------------------------------
    1. Body
   ---------------------------------------- */

    /* The font-size percentage is of 16px. (0.75 * 16px = 12px) */
     
    body {
        background: #fff url(images/sitebg.jpg) repeat-x top;
        font-family: Verdana, Arial, sans-serif;
        font-size:12px;
        color:#333;
    }

/* ----------------------------------------
    2. Type
   ---------------------------------------- */
    p, ul li, ol li, form, h3, h2, h1 {line-height:1.2em;}
    
    h1, .box h2{ font-size:1.8em;font-weight:normal;margin:0.4em 0 1em 0;padding:0;color:#034e2e;border:0;}
    h2{font-size:1em; color:#034e2e;font-weight:bold; margin:0 0 0.7em 0 !important;padding:0.5em 0;border-bottom:1px solid #034e2e;}
    h2 a {color:#034e2e;}
    h3 { font-size:1.2em;font-weight:bold;margin-bottom:0.3em; }
        
    p, #content ul, dl { margin:0 0 1em 0;}
    
    .col2 ul {
        margin-left:2em !important;
    }
    
    hr {
        margin-bottom:2em;
        border:0;
        height:1px;
        margin-top:1.8em;
        background:#CCC;
    }
    a { color:#034e2e;cursor:pointer; font-weight:bold; }
    a:hover, .current {  }

/* ----------------------------------------
    3. Classes
   ---------------------------------------- */
    
    .col3 {
        width:300px;
        margin-right:20px;
        float:left;
    }
    .col2 {
        width:620px;
        float:left;
        margin-right:20px;
    }
    
    .clearall { clear:both;}
    .floatright { float:right !important;margin-right:0;}
    .floatleft { float:left; }
    .alignright { text-align:right;}
   
    .box {
        background:#ccdbd5;
        display:block;
        padding:10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    
/* ----------------------------------------
    4. Layout
   ---------------------------------------- */
   
    #wrapper {
        width:940px;
        margin:0 auto;
        margin-bottom:20px;
    }

    #header {
        height:172px;
        margin-bottom:0px;
    }
        #logo {
            padding-top:30px;
            margin-left:0px;
        }
    
    #navigation {
        height:47px;
        background:url(images/navbg.jpg) no-repeat;
    }
    
    #banner {
        background:url(images/banner.jpg) no-repeat;
        height:230px;
        margin:15px 0 20px 0;
        position:relative;
    }
        #banner-text {
            color:#fff !important;
            padding:0;
            position:absolute;
            bottom:15px;
            left:20px;
            font-size:1.4em;
            font-family:"Times New Roman", Verdana;
        }
        #banner-text a {
            color:#fff;
            font-weight:bold;
        }
    #content {
        
    }
    
    #navigation ul {
        margin-left:3px;
    }
    #navigation ul li {
        list-style:none;
        display:inline;
    }
    #navigation ul li a {
        float:left;
        padding:10px 0;
        width:100px;
        text-align:center;
        color:#fff;
        font-weight:normal;
        font-family:"Times New Roman", Verdana;
        font-size:15px;
    }
    #navigation ul li a:hover,#navigation ul li a.current {
        color:#CCC;
    }
    #navigation ul li a#nav2 { width:190px;}
    #navigation ul li a#nav3 { width:112px;}
    #navigation ul li a#nav4 { width:140px;}
    #navigation ul li a#nav5 { width:110px;}
    
    #footer {
        font-size:0.9em;
        border-top:1px solid #DDD;
        padding:10px 0;
        color:#CCC;
    }


/* ----------------------------------------
    6. Forms
   ---------------------------------------- */
    FORM {
        margin:20px;
        width:90%;
    }
    FORM .formrow {
        margin:5px 0px;
        width:48%;
        float:left;
    }
    FORM .fullwidth {
        width:100%;
    }
    
    FORM .formrow input, FORM .formrow select, FORM .formrow textarea {
        width:100%;
        border:1px solid #6d6e70;
        background:#F4F4F4;
        padding:5px;
        color:#333;
        font-size:1em;
        font-family:Verdana;
    }
    FORM .formrow textarea {
        width:100%;
        height:100px;
        font-size:1em;
        font-family:Verdana;
    }

    FORM .formrow input.submit {
        width:auto;
        background:#034e2e;
        width:auto;
        border:0;
        color:#fff;

        padding:5px 10px;
        margin:0;
        cursor:pointer;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    
    label.error, h3.error {
        color:#ff0000;
        font-size:0.8em;
        clear:both;
        position:absolute;
        top:-99999px;
    }
    h3.error {
        font-size:1em;
    }
    input.error, textarea.error {
        border:1px solid #ff0000 !important;
    }
    
    .autowidth {
        width:auto !important;
    }
    
   

/* ----------------------------------------
    7. Other
   ---------------------------------------- */