/* 
::
::  Created by Joe Brunelle of iBec Creative
::             April 29, 2009
::  These styles are meant to not interfere with the existing (and awful) stylesheet,
::  and facilitate the newish layout which is mostly div-based (rather than tables...)
::
*/


/* ----- :: Classes :: ----- */
br.clear { clear:both; }
.floatright {float:right;}

#wrapper { position:relative; }
    #wrapper #call-home {
        position:absolute;
        top:80px;
        right:30px;
        width:290px;
        z-index:999;}
        #wrapper #call-home h2 {
            font-weight:bold;
            color:#fff; }
        #wrapper #call-home h2.blue { color:#7acefa; }
    #wrapper a#btn-facebook {
        position:absolute;
        top:36px;
        left:510px;
        z-index:999;}
    #wrapper p#call {
        position:absolute;
        top:3px;
        left:513px;
        z-index:999;
        font-family:Arial Rounded MT Bold,Verdana,sans-serif;
        color:#fff; }
        

/* ----- :: Scaffolding :: ----- */
div#content {
    width:100%;
    background:#008000;
}
    div#content-inner {
        position:relative;
        width:670px;
        margin:0 0 0 47px;
        padding:0;
        background:#fff;
    }
        div#content-inner div#photos {
            position:absolute;
            z-index:5000;
            top:10px;
            right:-127px;
            background-image:url('graphics/photos.gif');
            background-repeat:no-repeat;
            width:192px;
            height:612px;
        }
        div#content-inner div.area1 {
            position:relative;
            width:416px;
        }
        div#content-inner div.area2 {
            position:relative;
            width:369px;
        }
        div#content-inner div.area3 {
            position:relative;
            width:670px;
        }
        div#content-inner div#content-shadow {
            position:absolute;
            bottom:0;
            _bottom:-15px;
            left:0;
            width:670px;
            height:15px;
            background-image:url('graphics/bg-content-shadow.png');
            background-repeat:repeat-x;
        }
    
        
/* ----- :: Main Content Styles :: ----- */
    div#content h1 {
        display:block;
        font-family: Arial Rounded MT Bold, Verdana, sans-serif;
        font-size:18px;
        color:#0152a3;
        font-weight:bold;
        line-height:25px;
        margin:0 0 0 44px;
        padding:17px 0 0 0;
    }
    div#content h2 {
        display:block;
        font-family: Arial Rounded MT Bold, Verdana, sans-serif;
        font-size:13px;
        color:#0152a3;
        font-weight:bold;
        line-height:18px;
        margin:0 0 2px 44px;
        padding:0;
        font-style:italic;
    }
    div#content h3 {
        display:block;
        font-family: Arial Rounded MT Bold, Verdana, sans-serif;
        font-size:13px;
        color:#0152a3;
        font-weight:bold;
        line-height:18px;
        margin:0 0 2px 44px;
        padding:0;
    }
        div#content h3 a,
        div#content h3 a:link,
        div#content h3 a:visited {
            color:#008000;
            text-decoration:none;
            font-size:13px;
            font-weight:bold;
        }
        div#content h3 a:hover,
        div#content h3 a:active { 
            color:#0050a3;
            font-size:13px;
            font-weight:bold;
       }
        
    div#content label {
        display:inline;
        font-family:Arial, Verdana, sans-serif;
        font-weight:bold;
        font-style:normal;
        font-size:13px;
        color:#1c7e04;
        margin:0;
        padding:0;
    }
    div#content p,
        div#content li,
        div#content table td{
        font-family: Arial, Verdana, sans-serif;
        font-size:13px;
        line-height:18px;
        color:#161715;
    }
    div#content p {
        margin: 0 44px;
        padding:0 0 16px 0;
        display:block;
    }
    div#content p a,
    div#content p a:link,
    div#content p a:visited,
    div#content li a,
    div#content li a:link,
    div#content li a:visited {
        font-family: Arial, Verdana, sans-serif;
        font-size:13px;
        color:#008000;
        text-decoration:none;
    }
    div#content p a:hover,
    div#content p a:active,
    div#content li a:hover,
    div#content li a:active { 
        text-decoration:none; 
        color:#0050a3;
    } 
    div#content ul,
    div#content ol {
        margin:0 0 0 44px;
        padding:0 0 20px 0;
    }
    div#content ul { list-style-type:none; }
        div#content ul li {
            margin:4px 0;
            padding:0 20px;
            background-image:url('graphics/bullet-arrow.png');
            background-repeat:no-repeat;
            color:#008000;
        }
        
    div#content img.floatleft {
        float:left;
        border:9px solid #1650a2;
        margin:10px 44px 30px 44px;
    }
    div#content img.floatright {
        float:right;
        border:9px solid #1650a2;
        margin:30px 44px 10px 44px;
    }
    div#content img.border {
        border:9px solid #1650a2;
        margin:10px 0 0 0;
    }
    
    
    /* ----- :: Toolbox :: ----- */
    div#content div#toolbox {
        position:absolute;
        top:80px;
        right:0;
        width:235px;
        height:180px;
        padding:0;
        margin:0;
        background-image:url('graphics/bg-toolbox.png');
        background-repeat:no-repeat;
    }
    div#content div#toolbox.lower { top:200px; }
    div#content div#toolbox.higher { top:20px; }
        div#content div#toolbox ul { 
            position:absolute;
            top:34px;
            left:34px;
            list-style-type:none;
            margin:0;
            padding:0;
        }
            div#content div#toolbox ul li { 
                position:relative;
                display:block;
                margin:0;
                padding:3px 0 4px 0;
                line-height:13px;
                background:none;
            }
                div#content div#toolbox ul li a {
                    font-family: Arial, Verdana, sans-serif;
                    font-size:13px;
                    line-height:13px;
                    color:#0152a3;
                    text-decoration:none;
                    font-weight:normal;
                    margin:0;
                    padding:0;
                }
                div#content div#toolbox ul li a:hover,
                div#content div#toolbox ul li a:active { 
                    text-decoration:underline;
                    color:#000;
                }
    
    /* ----- :: Tours for the Deaf Button (homepage) :: ----- */
    div#content a#btn-deaf-tours {
        position:absolute;
        top:253px;
        right:58px; }
    
    /* ----- :: Testimonial :: ----- */
    div#content div#testimonial {
        position:absolute;
        top:423px;
        right:0;
        width:281px;
        padding:0;
        margin:0;
        border-left:1px solid #008000;
    }
        div#content div#testimonial blockquote {
            display:block;
            position:relative;
            margin:10px 40px 10px 43px;
            padding:0;
            font-family:Arial Rounded MT Bold, Verdana, sans-serif;
            font-size:18px;
            line-height:26px;
            color:#028002;
            font-weight:normal;
        }
            div#content div#testimonial blockquote cite {
                display:block;
                position:relative;
                padding:10px 0 0 0;
                margin:0;
                font-family:Arial,Verdana,sans-serif;
                color:#000;
                font-size:13px;
                line-height:15px;
                font-style:normal;
                font-weight:normal;
            }