/* 1. positions, floats and display
   2. size (height + width)
   3. margins + padding
   4. font styles
   5. background
   6. other */

/* GENERAL ----------------------------------------------------*/

.clear {
    clear:both; display:block; visibility:hidden;
    height:0; width:0;
    overflow:hidden;
}

body {
    font:normal 0.81em/150% "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,Helvetica,sans-serif;
    background-color:#fff;
}

strong, em, b, i {
    font-family:"Lucida Grande","Lucida Sans",Arial,Verdana,Helvetica,sans-serif;
}

h1, h2, h3, h4, h5, h6, address {
    font-family:"Lucida Grande","Lucida Sans",Arial,Verdana,Helvetica,sans-serif;
}

div#wrapper {
    width:960px;
    margin:0 auto; padding:40px 0 60px;
    text-align:center;
    background-color:#fff;
}

/* HEADER -----------------------------------------------------*/

div#header {
    position:relative;
    height:35px; width:880px;
    margin:0 20px; padding:0 20px 15px;
}

body.page div#header {
    margin-bottom:50px; padding-bottom:20px;
    border-bottom:1px solid #000;
}

img#logo {
    float:right;
    border:none;
}

/* CONTENT/LAYOUT ---------------------------------------------*/

div#content {
    display:block; position:relative;
    min-height:480px; height:auto !important; height:480px; width:960px;
}

body.page div#content {
    position:relative;
    width:920px;
    margin:0 20px;
}

    div#content img {
        display:block;
    }

div#leftcol {
    float:left; position:relative;
    width:260px;
    margin-bottom:10px;
}

div#pagecontent {
    float:right; position:relative;
    width:623px;
    margin-bottom:30px;
    text-align:left;
}

/* HOMEPAGE ---------------------------------------------------*/

#content #i-am-your-cas {
    margin:0 20px;
}

#content a.cycle {
    display:block; position:absolute; top:235px;
    height:60px; width:20px;
    margin:0;    
    text-indent:-9000%;
    outline:none; 
}

    #content a#back {
        left:0;
        background:transparent url(../images/back_btn.png) no-repeat top;
    }
    #content a#back:hover {
        background-position:bottom;
    }

    #content a#forward {
        right:0;
        background:transparent url(../images/forward_btn.png) no-repeat top;
    }
    #content a#forward:hover {
        background-position:bottom;
    }

/* CUSTOM ADDTHIS BUTTON --------------------------------------*/

#content a.custom_addthis_button {
    position:absolute; top:10px; right:39px; z-index:999;
    height:16px; width:16px;
}

#content div.custom_addthis_menu {
    display:none; position:absolute; top:27px; right:40px; z-index:999;
    width:120px;
    color:#4c4c4c; font-family:arial,helvetica,tahoma,verdana,sans-serif !important; font-size:12px; text-align:left;
    background-color:#fff;
    border:1px solid #ccc;
}

    #content div.custom_addthis_menu div#head {
        padding:1px 0 1px 4px;
        background-color:#f2f2f2;
        border-bottom:1px solid #e5e5e5; 
    }

    #content div.custom_addthis_menu div#share {
        padding:4px 3px;
    }

    #content div.custom_addthis_menu a {
        display:block;
        padding:1px 3px;
        color:#4c4c4c; text-decoration:none;
    }
    #content div.custom_addthis_menu a:hover {
        color:#4c4c4c; text-decoration:none;
        background-color:#f2f2f2;
    }

    #content div.custom_addthis_menu a span {
        float:left;
        margin:2px 5px 0 0;
    }

body.page div#content a.custom_addthis_button {
    top:-35px; right:19px;
}

body.page div#content div.custom_addthis_menu {
    top:-18px; right:19px;
}

/* PAGENAV ----------------------------------------------------*/

div#pagenav {
    display:block;
    width:260px;
    line-height:1em; text-align:left;
}

#pagenav-top {
    height:0;
    margin-right:20px;
    border-top:1px solid #ececec; overflow:hidden;
}

    #pagenav a {
        display:block;
        margin-right:20px; padding:10px;
        color:#000; font-size:13px; text-decoration:none;
        border-bottom:1px solid #ececec;
    }
    #pagenav a:hover {
        color:#000; text-decoration:none;
        background-color:#f9f9f9;
    }
    /*#pagenav a:hover { background:transparent url(../images/rightarrow2_bg.png) no-repeat scroll right center; color:#000; text-decoration:none; }*/

    #pagenav a.selected1 {
        height:16px;
        margin-right:0; padding:13px 20px 12px 10px;
        color:#3095b4; font-weight:bold;
        background:transparent url(../images/selected1_bg.png) no-repeat scroll right bottom;
        border-bottom:none; 
    }
    #pagenav a.selected2 {
        height:26px;
        margin-right:0; padding:13px 20px 12px 10px;
        color:#3095b4; font-weight:bold;
        background:transparent url(../images/selected2_bg.png) no-repeat scroll right bottom;
        border-bottom:none; 
    }

/* LEFTCOL SNIPES ---------------------------------------------*/

div#leftcol #iayca-snipes {
    display:block;
    width:260px;
    margin-top:50px;
    text-align:left;
}

    div#leftcol #iayca-snipes img {
        display:block;
        border:0;
    }

/* PAGE -----------------------------------------------------*/

#pagecontent h1 {
    margin-bottom:12px;
    color:#000; font-size:24px; font-weight:normal; line-height:100%;
}

#pagecontent h2 {
    margin:24px 0 12px;
    color:#000; font-size:16px; font-weight:normal; *font-weight:bold; line-height:100%;
}

#pagecontent h3 {
    margin:14px 0 4px;
    color:#000; font-size:13px; font-weight:bold; line-height:100%;
}

#pagecontent p,
#pagecontent ol,
#pagecontent ul,
#pagecontent span {
    position:relative;
    margin-bottom:12px; margin-right:20px;
    color:#666;
}

#pagecontent div {
    line-height:150%;
}

#pagecontent ol {
    list-style-type:decimal; list-style-position:outside;
}

#pagecontent ul {
    list-style-type:disc; list-style-position:inside;
}

#pagecontent a:link,
#pagecontent a:visited {
    color:#4c5cc5; font-family:"Lucida Grande","Lucida Sans",Arial,Verdana,Helvetica,sans-serif; font-weight:bold; text-decoration:none;
}
#pagecontent a:hover,
#pagecontent a:active {
    color:#4c5cc5; font-family:"Lucida Grande","Lucida Sans",Arial,Verdana,Helvetica,sans-serif; font-weight:bold; text-decoration:underline;
}

#pagecontent .indent {
    margin-left:65px;
}

#pagecontent a.indent,
#pagecontent span.indent {
    display:block;
    margin-bottom:6px;
    font-weight:bold; line-height:150%;
}

#pagecontent ul.indent {
    margin-left:79px;
    list-style-position:outside;
}

#pagecontent form#quicksearch {
    position:relative;
    width:200px;
    margin:0; padding:5px 6px;
    background-color:#d7d6d5;
}

    #pagecontent form#quicksearch input {
        width:95%;
        padding:2px;
        font-size:12px;
    }

    #pagecontent form#quicksearch img {
        display:block; position:absolute; top:8px; right:-26px;
        height:20px; width:20px;
        border:none;
    }

#pagecontent ul#locations li h4,
#pagecontent ul#locations li p {
    position:relative;
    width:300px;
}

#pagecontent ul#locations li img,
#pagecontent ul#locations li div#map {
    float:right;
    margin-left:10px;
}

#pagecontent ul#locations li span {
    margin:0; padding:0;
}

#pagecontent ul#locations li span.postalcode {
    padding-left:8px;
}

#pagecontent ul#locations li span.postalcode2 {
    font-size: 4px;
	visibility:hidden;
	padding-left:8px;
}

#pagecontent ul#locations li a.maplink {
    padding-left:12px;
}

#pagecontent div#map {
    display:block; z-index:99;
    width:280px; height:120px;
    border:1px solid #ccc;
}

    #pagecontent div#map img {
        cursor:pointer;
    }

#pagecontent ul.media, ul#locations {
    list-style:none !important;
}

/* OUR STORIES ------------------------------------------------*/

#pagecontent ul.media li {
    display:inline; float:left; position:relative;
    margin:0 18px 18px 0;
    font-size:10px;
    background-color:#ddd;
    border:1px solid #999; overflow:hidden;
}

    #pagecontent ul.media li.video {
        height:205px; width:274px;
        padding:7px 7px 21px;
    }

        #pagecontent ul.media li.video img {
            height:205px; width:274px;
        }

        #pagecontent ul.media li.video img.video_icon {
            position:absolute; top:87px; left:124px; z-index:10;
            height:43px; width:43px;
        }

        #pagecontent ul.media li a {
            text-decoration:none;
        }
        #pagecontent ul.media li a:hover {
            color:#000; text-decoration:none;
        }

#pagecontent ul#gallery {
    margin-right:0;
}

#pagecontent ul#gallery li.printad {
    position:relative;
    height:354px; width:274px;
    padding:6px 7px;
    overflow:hidden;
}

    #pagecontent ul#gallery li.printad img {
        display:block;
    }

    #pagecontent ul#gallery li.printad div {
        display:block; position:absolute; top:359px; left:7px; z-index:1;
        width:264px;
        padding:5px;
        color:#000; font-size:12px;  
        background:#ddd;
        opacity:0.90;
}

#pagecontent p.your-story span {
    display:block;
    height:34px; width:555px;
    padding-top:6px; padding-right:50px;
    text-align:right;
    background:transparent url(/images/quotemarks_40x33.png) no-repeat scroll right top;
}

#pagecontent p.your-story span img {
    display:inline; float:right;
    height:33px; width:40px;
    margin-left:10px;
}

#pagecontent p.your-story span div {
    padding-top:6px;
    font-style:italic;
}


/* FOOTER -----------------------------------------------------*/

div#footer {
    display:block; position:relative; z-index:999;
    height:20px;
    margin:12px 20px;
    color:#666; font-size:11px; text-align:left;
}

body.page div#footer {
    width:920px;
    margin:0 20px; padding-top:15px;
    border-top:1px solid #000;
}

    div#footer a:link,
    div#footer a:visited {
        color:#000; font-weight:bold; text-decoration:none;
    }

    div#footer a:hover,
    div#footer a:active {
        color:#3095b4; text-decoration:none;
    }

    div#footer a.active {
        color:#3095b4;
    }

    div#footer ul {
        margin:0;
    }

        div#footer ul#links li {
            float:right;
            margin-left:10px; padding-left:8px;
        }

        div#footer ul#links li#bilingual {
            margin-left:15px; padding-left:8px;
            color:#000; font-weight:bold;
            background:transparent url(../images/footer-separator.png) no-repeat scroll left;
        }

        div#footer ul#social li {
            float:left;
            margin-right:5px;
        }

        div#footer ul li img {
            display:block; vertical-align:middle;
            border:none;
        }

    div#footer .credit {
        padding-top:3px;
        color:#aaa; text-align:center;
    }

        div#footer .credit a:link,
        div#footer .credit a:visited {
            color:#aaa; font-weight:normal;
        }
        div#footer .credit a:hover,
        div#footer .credit a:active {
            color:#3095b4; text-decoration:none;
        }