/* /// Calendar /// */
@import url(/themes/lib/calendar.css);

/* /// Photos /// */
@import url(/themes/lib/photos.css);

/* /// Discussion Board /// */
@import url(/themes/lib/discussion.css);

dl.calendarList { float: left; }

* { margin: 0; padding: 0; }
body { background: #D2F0FF; }

.squeezer { padding: 10px; }

#wrapper { 
    width: 90%; 
    margin: 15px auto; 
    min-width: 800px;
    width: expression(document.body.clientWidth < 602 ? "600px" : "auto"); 
}

#upperBar { padding: 0 10px; }

#header {
    background: #52F561;
    border: 2px solid #66CC6F;
    padding: 5px;
    margin-bottom: 10px;
}

    #header h1 {
        font: normal 24px Tahoma, Verdana, Helvetica, Sans-serif;
        color: #333;
    }
    
    #header h2 {
        font: normal 16px "Trebuchet MS", Verdana, Helvetica, Sans-serif;
        color: #2E6B34;
    }

#sidebar {
    display: block;
    width: 20%;
    float: left !important;
    padding: 5px;
    background: #52F561;
    border: 2px solid #66CC6F;
    font: normal 14px "Comic Sans MS";
    color: #000;
    text-align: center;
}

    #sidebar img {
        display: block;
        margin: 0 auto 10px auto;
    }

    #sidebar ul.nav {
        margin: 10px 0;
        list-style-type: none;
    }

#content {
    display: block;
    float: right;
    width: 77%;
    color: #000;
}

    #content h3 {
        color: #00AA00;
        font: 24px "Comic Sans MS";
        margin-bottom: 10px;
    }

    #content p {
        font-size: 13px;
        margin-bottom: 1.5em;
    }

    #content a {
        color: #0055AA;
    }

    #content ul, #content ol {
        margin-left: 30px;
    }
    
    #content hr {
        height: 2px;
        background: #000;
        padding: 0;
        margin: 0;
        border: none;
    }

/* css for the file download listing */

ul.fileModule {
    width: 90%;
    padding: 0;
    list-style-type: none;
    font: bold 11px Verdana, Helvetica, Sans-serif;
    float: left;
}

ul.fileModule li {
    border-bottom: 1px solid #000;
    clear: both;
    height: 22px;
    padding-top: 5px;
}
    
    ul.fileModule li.listHeader {
        font-size: 11px;
        font-weight: bold;
        color: #000;
    }
    
        ul.fileModule li.listHeader span.icon {
            padding-bottom: 0;
        }
    
    ul.fileModule li span {
        display: block;
        float: left;
        position: relative;
        padding: 0 1%;
    }
    
    ul.fileModule li span.icon {
        width: 6%;
        text-align: center;
        padding-bottom: 4px;
    }
    
        ul.fileModule li span.icon img {
            padding: 0 !important;
            border: none !important;
            margin: 0 !important;
        }
    
    ul.fileModule li span.name {
        width: 45%;
        padding-left: 2%;
    }
    
    ul.fileModule li span.size {
        width: 10%;
        text-align: center;
    }
    
    ul.fileModule li span.created {
        width: 20%;
    }
    
        ul.fileModule li span.created div {
            float: left;
            display: block;
        }

        /* mailing lists */
        
        .maillistWrapper {

        }

        ul.maillists {
            list-style-type: none;
        }

             ul.maillists li {
                margin-bottom: 10px;
            }

             ul.maillists li input {
                float: left;
                margin-top: 3px;
            }

             ul.maillists li h4,
             ul.maillists li p {
                margin-left: 30px !important;
            }

             ul.maillists li h3 span {
                color: #999;
                font-weight: normal;
            }    

             ul.maillists.single li h3,
             ul.maillists.single li p {
                margin-left: 0;
            }    

        form#maillistform label {
            font: normal 11px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
            display: block;
            margin-bottom: 3px;
        }

        form#maillistform input#name,
        form#maillistform input#email {
            margin-bottom: 5px;
            width: 200px;
            border: 1px solid #999;
            background: url(/img/formOffBg.gif) top left repeat-x;
            padding: 3px;
        }


            form#maillistform input#name:focus,    
            form#maillistform input#email:focus {
                border: 1px solid #4388d6;
                background: url(/img/formOnBg.png) top left repeat-x;
            }

            #topBar, #controlSurface {
                background-color: #E1E1E1 !important;
            }

/* /// Discussion Board /// */

ul.discussionBoard {
    list-style-type: none;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

ul.discussionBoard li:after {
    content: ".";
    visibility: hidden;
    height: 0;
    clear: both;
    display: block;
}

ul.discussionBoard li.header {
    color: #000 !important;
    font: bold 11px Verdana, Tahoma, Sans-serif !important;
    background: #EEE;
    padding: 4px;
    font-size: 12px;
    margin-bottom: 5px;
}

    ul.discussionBoard li > .title,
    ul.discussionBoard li > .replies,
    ul.discussionBoard li > .meta {
        display: block;
        float: left;
    }
    
    ul.discussionBoard li > .title {
        width: 48%;
    }
    
    ul.discussionBoard li > .replies {
        width: 13%;
        text-align: center;
        margin-right: 2%;
    }
    
    ul.discussionBoard li > .meta {
        width: 34%;
        margin-left: 1%;
    }
    
    ul.discussionBoard li.even {
        background: none;
    }
    
    ul.discussionBoard li:hover {
        background: transparent !important;
    }
    
        ul.discussionBoard li.unapproved {
            background: transparent !important;
            border: none !important;
        }

ul.discussionBoard li.topic {
    margin: 0 0 10px 0 !important;
    padding: 5px 0;
}

    ul.discussionBoard li.topic h4 a {
        font-weight: bold !important;
    }
    
    ul.discussionBoard li.topic div.replies {
        font: bold 14px Arial, Helvetica, Sans-serif;
        padding-top: 12px;
    }

    ul.discussionBoard li.topic div.meta {
        font-size: 10px !important;
        line-height: 14px;
    }
    
    ul.discussionBoard li.topic p.topicDescription {
        font-size: 11px !important;
        margin: 0 !important;
    }

/* /// Discussion Board - Topic View /// */

ul.discussionTopic {
    list-style-type: none;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

    ul.discussionTopic li {
        border: none;
        border-top: 1px solid #FFF;
        margin-bottom: 10px;
        background: none;
    }

    ul.discussionTopic li .left {
        width: 110px;
        float: left;
        padding: 5px 10px 10px 10px;
        font-size: 11px;
        background: none;
    }
    
        ul.discussionTopic li .left img {
            margin: 5px 0;
        }
        
        ul.discussionTopic li span {
            display: block;
        }
        
        ul.discussionTopic li span.owner {
            font-weight: bold;
        }
    
    
    ul.discussionTopic li .right {
        padding: 5px 0 5px 10px;
        margin-left: 120px;
    }
    
        ul.discussionTopic li .right .replyCreated {
            margin-bottom: 5px;
            font-size: 14px;
            font-weight: bold;
        }

.topicReplies {
    margin: 20px 0;
}