@media only screen {

    /* @group General Styles */
    body {
        padding     : 0;
        margin      : 0;
        background  : #313840 url('images/back-page.png') repeat-y top center;
        font-family : Arial, sans-serif;
        font-size   : 14px;
        font-style  : normal;
        font-variant: normal;
        font-weight : normal;
        line-height : 1.7em;
        height      : 100%;
        /* needed for IE6 to show a div at 100% */
    }

    p {}

    b,
    strong {}

    a:link,
    a:visited {}

    a:hover,
    a:active {}

    img {
        border: none;
    }

    .image-left {
        float: left;
    }

    .image-right {
        float: right;
    }

    /* @end */
    /* @group Layout */
    #container {
        min-width: 1000px;
    }

    .clearer {
        clear: both;
    }

    #pageHeader {
        width     : 760px;
        height    : 42px !important;
        margin    : 0 auto !important;
        padding   : 178px 40px 0px 40px;
        background: #313840 url('images/back-header.png') no-repeat top center;
    }

    #pageHeader img {}

    #pageHeader h1 {
        padding    : 0;
        margin     : 0;
        color      : #fff;
        font-family: Arial, sans-serif;
        font-size  : 28px;
    }

    #pageHeader h2 {}

    #contentContainer {
        width     : 760px;
        min-height: 200px;
        margin    : 0 auto !important;
        background: #313840 url('images/back-body.png') repeat-y top center;
        padding   : 0 40px;
    }

    #contentContainer #content {
        padding    : 10px 0px 10px 0px;
        line-height: 1.4em;
        text-align : justify;
        font-size  : 1.1em;
    }

    #content a:link,
    #content a:visited {
        color          : #8d0000;
        text-decoration: none;
        font-weight    : bold;
        padding        : 0 2px 0 2px;
        border-bottom  : 1px dotted #8d0000;
    }

    #content a:hover,
    #content a:active {
        color        : #fff;
        background   : #ff0000;
        border-bottom: 1px solid #ff0000;
    }

    #footer {
        width     : 760px;
        height    : 60px;
        margin    : 0 auto !important;
        background: #313840 url('images/back-footer.png') no-repeat top center;
        padding   : 0px 40px 0px 40px;
        color     : #5F6E7D;
        font-size : 13px;
        text-align: center;
    }

    #footer p {}

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

    #footer a:hover,
    #footer a:active {
        text-decoration: underline;
    }

    /* @end */
    /* @group Bread-crumb */
    #breadcrumbcontainer {
        font-size : 10px;
        text-align: left;
        color     : #bbb;
    }

    #footer #breadcrumbcontainer {
        /*border-top: 1px solid #ddd;*/
        padding: 0;
        margin : 0 0 10px 0;
    }

    #contentContainer #breadcrumbcontainer {
        border-bottom: 1px solid #ddd;
        padding      : 0;
        margin       : 0 0 0px 0;
    }

    #breadcrumbcontainer ul {
        list-style: none;
        padding   : 0;
        margin    : 0;
    }

    #breadcrumbcontainer li {
        display: inline;
    }

    #breadcrumbcontainer a:link,
    #breadcrumbcontainer a:visited {
        padding        : 1px 4px;
        font-weight    : bold;
        text-decoration: none;
        color          : #6d7c8f;
    }

    #breadcrumbcontainer a:hover,
    #breadcrumbcontainer a:active {
        color     : #fff;
        background: #c00;
    }

    #doshcontainer {
        text-align   : center;
        font-size    : 0.9em;
        /*font-style : italic;*/
        border       : 1px solid #ddd;
        padding      : 10px;
        background   : #ffc;
        border-radius: 5px;
    }

    #doshcontainer h4 {
        clear      : both;
        text-align : left;
        line-height: 1em;
        font-size  : 1.2em;
        padding    : 0;
        margin     : 10px 0 10px 0;
    }

    #doshcontainer p {
        text-align : left;
        line-height: 1.2em;
    }

    #doshcontainer #donate {
        float : right;
        margin: 0 0 0 20px;
    }

    #doshcontainer #steve {
        float     : left;
        width     : 60px;
        height    : 60px;
        margin    : 5px 20px 0 5px;
        border    : 1px solid #000;
        background: #fff url('images/steve-small.jpg');
    }

    #doshcontainer ins.adsbygoogle {
        border    : 1px solid #ddd;
        background: #fff;
    }

    #sadmessage {
        width      : 600px;
        margin     : 10px auto;
        padding    : 5px 123px 5px 5px;
        border     : 3px solid red;
        color      : #900;
        line-height: 1.2em;
        background : #ff6 url('images/sad-finn.png') no-repeat 620px center;
    }

    #sadmessage h4 {
        font-size: 1.5em;
        margin   : 0 0 10px 0;
    }

    #sadmessage p {
        margin: 0 0 5px 0;
    }

    /* @end */
    /* @group Toolbar */
    /* Toolbar Styles */
    #navpanel {
        padding     : 20px;
        width       : 300px;
        height      : 100%;
        background  : #FCDC2A;
        border-right: 2px solid #000;
        text-align  : center;
        box-shadow  : 5px 0 10px rgba(0, 0, 0, 0.5);
    }

    #navpanel img {
        display: block;
        margin : 5px auto 0 auto;
    }

    #navpanel p {
        font-size : 0.8em;
        font-style: italic;
        color     : #333;
    }

    ul#navtree {
        padding    : 0;
        margin     : 0;
        width      : 100%;
        list-style : none;
        /*font-size: 9pt;*/
        font-size  : 12pt;
        text-align : left;
    }

    /* Sub-menu blocks */
    ul#navtree ul {
        list-style: none;
        margin    : 0;
        padding   : 0;
    }

    /* Menu items */
    ul#navtree li {
        margin : 0;
        padding: 0;
    }

    ul#navtree li li {
        margin-left: 16px;
    }

    ul#navtree li.collapsable,
    ul#navtree li.expandable {
        background-position: 0 -176px;
    }

    ul#navtree li.last {
        background-position: 0 -1766px
    }

    /* Expand / contract icons */
    ul#navtree li {
        position: relative;
    }

    ul#navtree .hitarea {
        background: url(images/menu.png) -64px -25px no-repeat;
        height    : 16px;
        width     : 16px;
        margin    : 5px 0 0 -16px;
        /*float   : left;*/
        position  : absolute;
        left      : 20px;
        cursor    : pointer;
    }

    ul#navtree ul li ul .hitarea {
        margin-top: 4px;
    }

    ul#navtree .expandable-hitarea {
        background-position: -80px -3px;
    }

    ul#navtree li.level0 .hitarea {
        display: none;
    }

    ul#navtree li.level0 ul li .hitarea {
        display: block;
    }

    /* Links */
    ul#navtree a {
        color          : white;
        text-decoration: none;
        display        : inline-block;
        margin         : 2px 0 0 0;
        padding        : 2px 3px 2px 23px;
        line-height    : 1.2em;
    }

    ul#navtree a:hover {
        background: #f00;
        color     : white;
        /*border  : 1px solid #7D0101;*/
    }

    ul#navtree a#current {
        /*background: #77130D;*/
        background : #920006;
        font-weight: bold;
        color      : white;
    }

    ul#navtree ul li a {
        /*border: 1px solid #000;*/
        /*background: #1C2D59;*/
        background: #30383f;
        width     : 275px;
    }

    ul#navtree ul li ul a {
        font-size   : 0.9em;
        /*border    : 1px solid #999;*/
        /*color     : black;*/
        /*background: #A0BFE3;*/
        background  : #45505b;
        width       : 259px;
    }

    ul#navtree ul li ul li ul a {
        /*border: 1px solid #999;*/
        color       : black;
        background  : #fff;
        /*background: #667585;*/
        width       : 261px;
        padding-left: 5px;
    }

    /* @end */
    /* @group Global Classes */
    blockquote,
    .standout {}

    h1 {}

    h2 {}

    h3 {}

    h4 {}

    .imageStyle {}

    /* Main content area unordered list styles */
    #contentContainer #content ul {}

    #contentContainer #content li {}

    ul.disc {
        list-style-type: disc;
    }

    ul.circle {
        list-style-type: circle;
    }

    ul.square {
        list-style-type: square;
    }

    ol.arabic-numbers {
        list-style-type: decimal;
    }

    ol.upper-alpha {
        list-style-type: upper-latin;
    }

    ol.lower-alpha {
        list-style-type: upper-latin;
    }

    ol.upper-roman {
        list-style-type: upper-roman;
    }

    ol.lower-roman {
        list-style-type: lower-roman;
    }

    /* Table Styles */
    table {}

    /* @end */
    /* @group Asides */
    /*.aside {float: right;width: 250px;clear: both;border: 1px solid #666;background: #eee;padding: 3px 5px;margin: 0 -300px 10px 20px;}*/
    /* @end */
    /* @group Blog */
    /* @group Archive Page */
    .blog-archive-background {}

    .blog-entry-summary {}

    .blog-archive-headings-wrapper {}

    .blog-archive-entries-wrapper {}

    .blog-archive-entries-wrapper .blog-entry {}

    .blog-archive-month {}

    .blog-archive-link {}

    .blog-archive-link a:link,
    .blog-archive-link a:visited {}

    /* @end */
    .blog-entry {}

    h1.blog-entry-title {}

    h1.blog-entry-title a {}

    .blog-entry-date {}

    /*styles the category link in the main entry */
    .blog-entry-category {}

    .blog-entry-category a:link,
    .blog-entry-category a:visited {}

    .blog-read-more {}

    .blog-entry-body {}

    .blog-entry-comments {}

    p.blog-entry-tags {}

    /* styles the archives in the blog sidebar */
    #blog-archives {}

    .blog-archive-link-enabled {}

    .blog-archive-link-disabled {}

    /* Styles the blog categories in the blog sidebar */
    #blog-categories {}

    .blog-category-link-enabled {}

    .blog-category-link-disabled {}

    /* Styles the blog RSS feeds in the blog sidebar */
    #blog-rss-feeds {}

    .blog-rss-link {}

    .blog-comments-rss-link {}

    /* @end */
    /* @group File Sharing */
    .filesharing-description {}

    .filesharing-item {}

    .filesharing-item-title a:link {}

    .filesharing-item-title a:hover {}

    .filesharing-item-title a:visited {}

    .filesharing-item-description {}

    /* @end */
    /* @group Photo Album */
    /* @group Index Page (Thumbnail view) */
    .album-title {}

    .album-description {}

    .album-wrapper {}

    .thumbnail-wrap {}

    .thumbnail-frame {}

    .thumbnail-frame:hover {}

    .thumbnail-frame a {}

    .thumbnail-frame a:hover {}

    .thumbnail-frame img {}

    .thumbnail-caption {}

    /* @end */
    /* @group Single Page (Photo view) */
    .photo-background {}

    .photo-navigation {}

    .photo-links {}

    .photo-navigation a:link,
    .photo-navigation a:visited {}

    .photo-navigation a:hover {}

    .photo-frame {}

    .photo-title {}

    .photo-caption {}

    /* @end */
    /* @end */
    /* @group Quicktime Page */
    .movie-description {}

    /* @end */
    /* @group Quicktime Album */
    /* @group Index Page (Movie Thumbnail view) */
    .movie-page-title {}

    .movie-page-description {}

    .movie-thumbnail-frame {}

    .movie-thumbnail-frame:hover {}

    .movie-thumbnail-caption {}

    /* @end */
    /* @group Single Page (Movie View) */
    .movie-background {}

    .movie-title {}

    .movie-frame {}

    /* @end */
    /* @end */
    /* @group Contact Form */
    .message-text {}

    .required-text {}

    .form-input-field {}

    .form-input-button {}

    /* @end */
}

@media only print {

    /* @group General Styles */
    body {
        padding     : 0;
        margin      : 0;
        font-family : Arial, sans-serif;
        font-size   : 14px;
        font-style  : normal;
        font-variant: normal;
        font-weight : normal;
        line-height : 1.7em;
    }

    p {}

    b,
    strong {}

    a:link,
    a:visited {}

    a:hover,
    a:active {}

    img {
        border: none;
    }

    .image-left {
        float: left;
    }

    .image-right {
        float: right;
    }

    /* @end */
    /* @group Layout */
    #container {}

    .clearer {
        clear: both;
    }

    #pageHeader {
        width  : 760px;
        height : 42px !important;
        margin : 0 auto !important;
        padding: 20px 40px 20px 40px;
    }

    #pageHeader img {}

    #pageHeader h1 {
        padding    : 0;
        margin     : 0;
        color      : #000;
        font-family: Arial, sans-serif;
        font-size  : 28px;
    }

    #pageHeader h2 {}

    #contentContainer {
        width     : 760px;
        min-height: 200px;
        margin    : 0 auto !important;
        padding   : 0 40px;
    }

    #contentContainer #content {
        padding    : 10px 0px 10px 0px;
        line-height: 1.4em;
        text-align : justify;
        font-size  : 1.1em;
    }

    #content a:link,
    #content a:visited {
        color          : #8d0000;
        text-decoration: none;
        font-weight    : bold;
        padding        : 0 2px 0 2px;
        border-bottom  : 1px dotted #8d0000;
    }

    #content a:hover,
    #content a:active {
        color        : #fff;
        background   : #ff0000;
        border-bottom: 1px solid #ff0000;
    }

    #footer {
        width     : 760px;
        height    : 40px;
        margin    : 0 auto !important;
        padding   : 0px 40px 0px 40px;
        color     : #000;
        font-size : 13px;
        text-align: center;
    }

    #footer p {}

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

    #footer a:hover,
    #footer a:active {
        text-decoration: underline;
    }

    /* @end */
    /* @group Bread-crumb */
    #breadcrumbcontainer {
        display: none;
    }

    /* @end */
    /* @group IE Warning */
    #iewarning {
        display: none;
    }

    /* @end */
    /* @group Toolbar */
    /* Toolbar Styles */
    #navpanel {
        display: none;
    }

    /* @end */
    /* @group Global Classes */
    blockquote,
    .standout {}

    h1 {}

    h2 {}

    h3 {}

    h4 {}

    .imageStyle {}

    /* Main content area unordered list styles */
    #contentContainer #content ul {}

    #contentContainer #content li {}

    ul.disc {
        list-style-type: disc;
    }

    ul.circle {
        list-style-type: circle;
    }

    ul.square {
        list-style-type: square;
    }

    ol.arabic-numbers {
        list-style-type: decimal;
    }

    ol.upper-alpha {
        list-style-type: upper-latin;
    }

    ol.lower-alpha {
        list-style-type: upper-latin;
    }

    ol.upper-roman {
        list-style-type: upper-roman;
    }

    ol.lower-roman {
        list-style-type: lower-roman;
    }

    /* Table Styles */
    table {}

    /* @end */
    /* @group Asides */
    /*.aside {float: right;width: 250px;clear: both;border: 1px solid #666;background: #eee;padding: 3px 5px;margin: 0 -300px 10px 20px;}*/
    /* @end */
    /* @group Blog */
    /* @group Archive Page */
    .blog-archive-background {}

    .blog-entry-summary {}

    .blog-archive-headings-wrapper {}

    .blog-archive-entries-wrapper {}

    .blog-archive-entries-wrapper .blog-entry {}

    .blog-archive-month {}

    .blog-archive-link {}

    .blog-archive-link a:link,
    .blog-archive-link a:visited {}

    /* @end */
    .blog-entry {}

    h1.blog-entry-title {}

    h1.blog-entry-title a {}

    .blog-entry-date {}

    /*styles the category link in the main entry */
    .blog-entry-category {}

    .blog-entry-category a:link,
    .blog-entry-category a:visited {}

    .blog-read-more {}

    .blog-entry-body {}

    .blog-entry-comments {}

    p.blog-entry-tags {}

    /* styles the archives in the blog sidebar */
    #blog-archives {}

    .blog-archive-link-enabled {}

    .blog-archive-link-disabled {}

    /* Styles the blog categories in the blog sidebar */
    #blog-categories {}

    .blog-category-link-enabled {}

    .blog-category-link-disabled {}

    /* Styles the blog RSS feeds in the blog sidebar */
    #blog-rss-feeds {}

    .blog-rss-link {}

    .blog-comments-rss-link {}

    /* @end */
    /* @group File Sharing */
    .filesharing-description {}

    .filesharing-item {}

    .filesharing-item-title a:link {}

    .filesharing-item-title a:hover {}

    .filesharing-item-title a:visited {}

    .filesharing-item-description {}

    /* @end */
    /* @group Photo Album */
    /* @group Index Page (Thumbnail view) */
    .album-title {}

    .album-description {}

    .album-wrapper {}

    .thumbnail-wrap {}

    .thumbnail-frame {}

    .thumbnail-frame:hover {}

    .thumbnail-frame a {}

    .thumbnail-frame a:hover {}

    .thumbnail-frame img {}

    .thumbnail-caption {}

    /* @end */
    /* @group Single Page (Photo view) */
    .photo-background {}

    .photo-navigation {}

    .photo-links {}

    .photo-navigation a:link,
    .photo-navigation a:visited {}

    .photo-navigation a:hover {}

    .photo-frame {}

    .photo-title {}

    .photo-caption {}

    /* @end */
    /* @end */
    /* @group Quicktime Page */
    .movie-description {}

    /* @end */
    /* @group Quicktime Album */
    /* @group Index Page (Movie Thumbnail view) */
    .movie-page-title {}

    .movie-page-description {}

    .movie-thumbnail-frame {}

    .movie-thumbnail-frame:hover {}

    .movie-thumbnail-caption {}

    /* @end */
    /* @group Single Page (Movie View) */
    .movie-background {}

    .movie-title {}

    .movie-frame {}

    /* @end */
    /* @end */
    /* @group Contact Form */
    .message-text {}

    .required-text {}

    .form-input-field {}

    .form-input-button {}

    /* @end */
    #doshcontainer {
        display: none;
    }
}