/*
========================================================================
Title:    Bowling College Stylesheet (Screen)
Author:   jamie@orcawebsites.com
========================================================================
*/

* {
    margin: 0;
    padding: 0;
    line-height: 100%;
    list-style-type: none;
    }

body {
    background: #FFF;
    text-align: center;
    }

/*
========================================================================
Common Styles
========================================================================
*/

div, p, span, li, dd, dt, th, td, legend, h1, h2, h3, h4, h5, h6 {
    font-family: Arial;
    color: #333;
    }

div, p, span, li, dd, dt, th, td {
    font-weight: normal;
    font-size: 16px;
    }

div, p, span, dd, dt, th, td, label {
    line-height: 190%;
    }

p, ul, ol, table {
    padding: 8px 0;
    }

legend {
    font-family: Arial, Tahoma, Arial;
    font-size: 14px;
    color: #333;
    font-weight: bold; 
    }

h3 {
    font-family: Tahoma, Arial;
    font-size: 0.999em;
    color: #0063CA;
    font-weight: bold; 
    }   

h2 {
    font-family: Tahoma, Arial;
    font-size: 1.4em;
    color: #0063CA;
    font-weight: bold; 
    } 

.text,
.smalltext,
.mediumtext,
.largetext,
.password,
.email,
.numeric,
.dropdown {
    border: 1px solid #CCC;
    background: #FFF;
    color: #333;
    font-size: 0.99em;
    padding: 2px;
    width: 215px;
    }

#form li #telephone {
    width: 215px;
    }

.image {
    position: absolute;
    }

select.dropdown {
    font-size: 0.99em;
    width: 220px;
    }

a {
    color: #333;
    text-decoration: none;
    }

a:hover {
    color: #F83531;
    }

:focus {
    -moz-outline-style: none;
    }

pre {
    text-align: left;
    color: #000;
    }

label {
    font-weight: bold;
    }

fieldset {
    border: none;
    }

/*
========================================================================
Basic Layout
========================================================================
*/

#container {
    width: 940px;
    margin: 20px auto 0 auto;
    text-align: left;
    }

    /* === Header === */

    #header {
        width: 100%;
        float: left;
        padding: 0px 0 0 0;
        }

        #user_links {
            text-align: right;
            margin: 0 0 5px 0;
            }
            #user_links ul {
                list-style: none;
                padding: 0;
                }
                #user_links li {
                    display: inline;
                    margin: 0 0 0 5px;
                    }
                    #user_links a {
                        text-decoration: none;
                        color: #333;
                        font-size: em;
                        text-transform: uppercase;
                        }
                    #user_links a:hover {
                        color: #FFF;
                        }
        #logo {
            width: 221px;
            height: 81px;
            float: left;
            padding: 5px 0 0 175px; 
            }
        #lsclogo {
            float: right;
            margin: 26px 0 0 20px;
            }

        #woman {
            display: none;
            width: 159px;
            height: 183px;
            float: left;
            padding: 0 0 0 70px;
            }

#right {
width: 200px;
float: right;
margin-bottom: 20px;
}

#fontControls {
    margin: 0 auto;
    text-align: right;
    float: right;
    width: 200px;
    }
#fontControls a {
    display: block;
    text-indent: -9999px;
    text-align: left;
    float: right;
    }
a.increaseSize {
    background: url(/images/plus.png);
    width: 39px;
    height: 40px;
    }
a.resetSize {
    background: url(/images/reset.png);
    width: 37px;
    height: 40px;
    }
a.decreaseSize {
    background: url(/images/minus.png);
    width: 47px;
    height: 40px;
    }

        #positioning_statement {
            width: 217px;
            height: 16px;
            float: right;
            padding-top: 30px;
            }

        #pri_nav {
            width: 768px;
            height: 71px;
            float: right;
            padding: 0;
            margin: 0;
            border-bottom: 1px solid #FFF;
            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
                #pri_nav li {
                    border-left: 1px solid #fff;
                    border-bottom: 1px solid #FFF;
                    float: left;
                    }
                    #pri_nav a {
                        display: block;
                        width: 191px;
                        height: 35px;
                        text-indent: -9999px;
                        }
                    #pri_nav a:hover {
                        background-position: 0 50%;
                        }
                    #pri_nav li.home a {
                        background-image: url(/images/home.png);
                        }
                    #pri_nav li.courses a {
                        background-image: url(/images/courses.png);
                        }
                    #pri_nav li.news a {
                        background-image: url(/images/news.png);
                        }
                    #pri_nav li.fees a {
                        background-image: url(/images/fees.png);
                        }
                    #pri_nav li.gallery a {
                        background-image: url(/images/gallery.png);
                        }
                    #pri_nav li.faq a {
                        background-image: url(/images/faq.png);
                        }
                    #pri_nav li.jobs a {
                        background-image: url(/images/jobs.png);
                        }
                    #pri_nav li.contact a {
                        background-image: url(/images/contact.png);
                        }
                    #pri_nav a.selected {
                        background-position: 0 100%;
                        }

    /* === Body === */

    #body {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
        }
        #sidebar {
            width: 160px;
            float: left;
            }
        #sidebar input.text {
            width: 100%;
            }
            #categories {
                }
                #categories h2 {
                    padding: 5px 5px 0 5px;
                    }
                #categories ul {
                    padding: 5px;
                    }
                    #categories li {
                        margin: 0 0 5px 0;
                        }
                        #categories a {
                            color: #FFF;
                            text-decoration: none;
                            text-transform: uppercase;
                            }
                        #categories a:hover {
                            text-decoration: underline;
                            }
                        #categories ul ul {
                            background: #5F0E0E;
                            margin: 0 0 5px 0;
                            padding: 10px 10px 5px 10px;
                            }
            #submenu {
                }
                #submenu h2 {
                    padding: 5px 5px 0 5px;
                    }
                #submenu ul {
                    padding: 5px;
                    }
                    #submenu li {
                        margin: 0 0 5px 0;
                        }
                        #submenu a {
                            color: #FFF;
                            text-decoration: none;
                            text-transform: uppercase;
                            }
                        #submenu a:hover {
                            text-decoration: underline;
                            }
            #course_finder {
            width: 157px;
            height: 100px;
            padding-bottom: 30px;
            }
                    #course_finder a {
                        background: url('/images/course_finder.png');
                        display: block;
                        width: 157px;
                        height: 100px;
                        text-indent: -9999px;
                        }
                    #course_finder a:hover {
                        background-position: 0 -100px;
                        }
            #search {
                }
                    #search fieldset {
                        position: relative;
                        border: none;
                        }
                    #search legend {
                        position: relative;
                        left: -7px;
                        }
                        #search #input_search {
                            width: 120px;
                            float: left;
                            margin: 16px 0 5px 0;
                            }
                        #search #input_search_submit {
                            margin: 16px 0 25px 0;
                            float: right;
                            position: static;
                            }
            #newsletter_signup {
                }
                #newsletter_signup form {
                    }
                    #newsletter_signup fieldset {
                        position: relative;
                        border: none;
                        }
                    #newsletter_signup legend {
                        position: relative;
                        left: -7px;
                        }
                        #newsletter_signup ul {
                            padding: 0px;
                            }
                            #newsletter_signup li {
                                margin: 16px 0 5px 0;
                                }
                        #newsletter_signup li.submit {
                            margin: 0;
                            }
                            #newsletter_signup label {
                                display: block;
                                line-height: 100%;
                                margin: 0 0 6px 0;
                                font-family: Tahoma, Arial;
                                font-size: 0.99em;
                                color: #333;
                                font-weight: normal;
                                }
#copy #input_email {
border: 1px #ccc solid;
width: 152px;
}
#copy #telephone {
border: 1px #ccc solid;
width: 152px;
}
                        #newsletter_signup #input_email {
                            width: 120px;
                            }
                        #newsletter_signup #input_fullname {
                            width: 120px;
                            float: left;
                            }
                        #newsletter_signup #input_subscribe {
                            width: 28px;
                            float: right;
                            position: static;
                            }                      
        #content {
            width: 767px;
            float: right;  
            padding-top: 20px;         
            }
            #messages {
                background: #000;
                border: 1px solid #CCC;
                margin: 0 0 20px 0;
                padding: 10px 0 0 0;
                }
                #messages p {
                    margin: 0 10px 10px 10px;
                    padding: 0 0 0 23px;
                    background-repeat: no-repeat;
                    }
                    #messages p.ok {
                        background-image: url(/images/icn_tick.png);
                        }
                    #messages p.error {
                        background-image: url(/images/icn_error.png);
                        }
                    #messages p.info {
                        background-image: url(/images/icn_info.png);
                        }
                #line {
                float: left;
                width: 100%;
                margin: 20px 0 0 0;
                border-top: 1px solid #CCC;
                }             
                #copyright {
                float: left;
                }
                #copyright a {
                text-decoration: none;
                }
                #copyright p {
                    line-height: 100%;
                    font-size: 10px;
                    }
            #footer {
                float: right;
                }
            #footer a {
                text-decoration: none;
                }
                #footer ul {
                    list-style: none;
                    }
                    #footer li {
                        display: inline;
                        font-size: 10px;
                        line-height: 100%;
                        }

#faqs, #news, #page, #gallery, #topic, #product, #jobs {
    min-height: 250px; 
    _height: 250px;
    }

/*
========================================================================
Home Page
========================================================================
*/

#page_home {
    }
    #page_home #content {
        padding: 0;
        }

#flash_panel {
    float: left;
    }

#apply {
    float: right;
    }

#column1 {
    float: left;
     width: 367px;
     padding: 17px 17px 17px 0;
     }

#column2 {
     float: right;
     width: 383px;
     padding-top: 15px;
     }

    #featured_items {
        width: 767px;
        float: left;
        }
        #featured_news {
            float: left;
            width: 255px;
            border-right: 1px #FFF solid;
            height: 120px;
            background: #F8952B;
            }
        #featured_news ul {
            padding: 0;
            }
            #featured_news li a {
                color: #FFF;
                line-height: 140%;
                }
                #featured_news li a:hover {
                    color: #333;
                    }
        #featured_fees {
            float: left;
            width: 255px;
            border-right: 1px #FFF solid;
            height: 120px;
            background: #B2CB0A;
            }
            #featured_fees .featured_copy {
                line-height: 140%;
                }
            .fees_link {
                float: left;
                }
                .fees_link a {
                    font-weight: bold;
                    color: #FFF;
                    }
                    .fees_link a:hover {
                        color: #333;
                        }
        #featured_venues {
            float: left;
            width: 255px;
            height: 120px;
            background: #F83531;
            }
            #featured_items dl {
                margin: 13px 20px;
                line-height: 100%;
                }
                .featured_title {
                   font-size: 15px;
                   color: #FFF;
                   font-family: Tahoma;
                   font-weight: bold;
                   text-decoration: none;
                   line-height: 100%;
                   }
                 .featured_copy {
                 padding-top: 10px;
                 color: #FFF;
                 }

/*
========================================================================
Courses
========================================================================
*/

#courses #additional {
    padding: 20px 0 20px 0;
    }

    * === Course Finder === */

        #keywords {
            width: 100%;
            float: left;
            margin-bottom: 20px;
            }
            #keywords a {
                font-size: 1em;
                font-weight: bold;
                }
                #keywords ul {
                    padding: 20px 0 20px 0;
                    }
                    #keywords li {
                         display: inline;
                         }

#categories {
    background: #F3F7D8 url('/images/finder_background.png');
    width: 330px;
    height: 137px;
    float: left;
    padding: 10px 20px 0px 20px;
    margin-right: 27px;
    }
    .finder_title {
        font-family: Bookman Old Style, Courier;
        font-size: 14px;
        color: #FFF;
        font-weight: bold;
        }
        .category {
            }
            #categories label {
                display: none;
                }
            .category {
                padding: 13px 0 10px 0;
                float: left;
                }
                #course_category {
                    font-size: 0.99em;
                    width: 322px;
                    .width: 281px;
                    }
            .subcategory {
                padding: 13px 0 0px 0;
                float: right;
                }
                #course_subcategory {
                    width: 130px;
                    }
            #categories .go {
                float: right;
                }
                #courses .go .submit {
                    width: 191px;
                    height: 35px;
                    background-image: url(/images/btn_go.png);
                    background-repeat: no-repeat;
                        }
                        #courses .go .submit:hover {
                            background-position: 0 100%;
                            }
#venues {
    background: #F3F7D8 url('/images/finder_background.png');
    width: 330px;
    height: 137px;
    float: left;
    padding: 10px 20px 0 20px;
    }
    .venues {
        padding: 10px 0 0 0;
        }
        #venues label {
            display: none;
            }
        #venue_menu {
            font-size: 0.99em;
            float: left;
            width: 332px;
            .width: 287px;
             }
    #venues .go {
        float: right;
        padding-top: 15px;
        padding-bottom: 10px;
        }

#results {
    }

    /* === Course Results === */

    #results_index {
        margin: 10px 0 0 0;
        width: 101%;
        }
    #results .thumbnail {
        display: none;
        }
        #results dt {
            height: 60px;
            float: left;
            padding-bottom: 10px;
            }
        dl.product {
            height: 20px;
            width: 100%;
            float: left;
            padding: 10px 0;
            }
            dl.product a {
                line-height: 150%;
                float: left;
                font-family: Tahoma, Arial;
                font-size: 13px;
                color: #0063CA;
                font-weight: bold; 
                }
            dl.product a:hover {
color: #333;
}
            dl.product dd.summary {
                display: none;
                }
.more {
display: none;
}
#product {
    }

    /* === Course Details === */

    .programmes {
        background: #F3F7D8;
        }
        .programme {
            font-size: 0.8em;
            float: left;
            text-align: left;
            padding: 5px;
            }
        .type {
            font-size: 0.8em;
            width: 70px;
            text-align: center;
            padding: 5px;
            }
        .level {
            font-size: 0.8em;
            width: 50px;
            text-align: center;
            padding: 5px;
            }
        .agegroup {
            font-size: 0.8em;
            width: 70px;
            text-align: center;
            padding: 5px;
            }

#product #icons {
    width: 100%;
    float: left;
    padding: 10px 0 25px 0;
    }
    .print_icon {
        padding-right: 20px;
        float: left;
        }
    .email_icon {
        float: left;
        }
    .link_icon {
        padding-left: 17px;
        float: left;
        }
    .download {
        padding-left: 17px;
        float: left;
        }


#product .entry {
    padding-top: 10px;
    }
    #product .entry h3 {
        padding-bottom: 8px;
        }
#product .contact {
    padding-top: 20px;
    }

#product #description a { text-decoration: underline; }

/*
========================================================================
Gallery
========================================================================
*/

#gallery #children_wrapper {
   width: 101%;
   padding-top: 20px;
   }

#gallery .children {
   float: left;
   border-right: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
   width: 191px;
   height: 185px;
   }

#gallery img {
   border: none;
   }

#gallery .title {
}

#gallery dd {
    float: left;
    width: 191px;
    margin: 0 1px 1px 0;
    }

/*
========================================================================
Jobs
========================================================================
*/

#jobs {
    }
    #job_index {
        margin: 10px 0 0 0;
        width: 101%;
        }
        dl.job {
            width: 192px;
            height: 100px;
            float: left;
            padding: 10px 0;
            }
dl.job {
width: 100%;
height: 20px;
}
            dl.job dt.job_title a {
                font-family: Tahoma, Arial;
                font-size: 13px;
                color: #0063CA;
                font-weight: bold; 
                }
            dl.job dt.job_title a:hover {
                color: red; 
                }
            dl.job dd.salary,
            dl.job dd.salary span {
                display: none;

                }
            dl.job dd.summary {
                display: none;

                }

#job_index .more_deatils {
display: none;
}

#job #details {
    width: 100%;
    float: left;
    }
    #job #thumbnail {
        float: right;
        margin: 0 20px 20px 0;
        }
    #job h3 {
        margin: 20px 0 0 0;
        }
#job #icons {
float: left;
margin-top: 20px;
}

#application {
    float: left;
    width: 100%;
    padding-top: 30px;
}

#application .text, .mediumtext {
width: 300px;
}


#job .input_covering_letter {
display: none;
}

#job .input_qualifications {
display: none;
}

#job li {
width: 200px;
height: 70px;
}

#application h3 {
margin-bottom: 20px;
}

/*
========================================================================
Newsletter
========================================================================
*/

#newsletter p.email label {
    width: 100px;
    display: block;
    float: left;
    }

#newsletter p.fullname label {
    width: 100px;
    display: block;
    float: left;
    }

/*
========================================================================
Forms
========================================================================
*/

#form {
    }
    #form li {
        margin: 0 0 8px 0;
        width: 100%;
        float:left;
        }
        #form label {
            float: left;
            width: 100px;
            margin: 0 10px 0 0;
            }
#form ul.radio_buttons {
    float: left;
    }
    #form ul.radio_buttons li {
        float: none;
        }
#form ul.radio_buttons label {
    float: none;
    }
#form #input_submit {
    margin: 0 0 0 190px;
    }



/*
========================================================================
Contact Page
========================================================================
*/

#page_contact {
    }
    #page_contact #additional {
        width: 400px;
        float: left;
        margin: 20px 0 0 0;
        }
    #page_contact #fields {
        width: 300px;
        float: right;
        margin: 20px 0 40px 0;
        }
    #page_contact #fields label {
        font-size: 10px;
        }

#input_comments {
width: 220px;
height: 200px;
}

#page_contact #appforms { float: left; margin: 10px 0 0 0; width: 100%; }
#page_contact #appforms #downloadintro p { font-size: 14px; }
#page_contact #appforms .appdownload p { font-size: 14px; padding: 5px 0 0 0; line-height: 110%; }
#page_contact #appforms .appdownload a { text-decoration: underline; }
#page_contact #appforms .appdownload { border-top: 1px dotted #333; padding: 8px 0; float: left; width: 100%; }


/*
========================================================================
Documents
========================================================================
*/

#summary p {
    font-weight: bold;
    }

dl.article {
    padding: 10px 0;
    float: left;
    }
    dl.article dt {
        font-size: 1em;
        float: left;
        width: 100%;
        }
        dl.article dt a {
            text-decoration: none;
            }
#description li {
list-style-type: disc;
padding: 6px;
margin-left: 40px;
}

#description h3 {
margin-top: 20px;
}






.faqlist {
    margin-top: 20px;
}
.even a, .odd a {
    font-family: Tahoma, Arial;
    font-size: 0.999em;
    color: #0063CA;
    font-weight: bold; 
    }  

.even, .odd {
margin-top: 15px;
} 


/*
========================================================================
Site Map
========================================================================
*/

.sitemap li { float: left; clear: both; margin: 3px 0; }
.sitemap li ul { float: left; margin: 0 0 10px 15px; }
.sitemap li ul li { font-size: 80%; }

/*
========================================================================
Search Results
========================================================================
*/
#search #results dl { float: left; clear: both; height: auto; padding: 5px 0; }
#search #results dt { height: auto; }


/*
========================================================================
Student Login
========================================================================
*/
.loginbox { float: left; margin: 20px 0 0 0; }
.loginbox label { font-weight: normal; font-family: tahoma, arial; }
.loginbox input { width: 120px; border: 1px solid #CCC; padding: 2px; font-size: 0.99em; }
.loginbox .input_submit { border: none; margin: 10px 0 0 0; width: 28px; float: right; }
.loginbox li.password { width: 126px; float: left; border: none; padding: 0px; }
.loginbox li.submit { margin: 15px 0 0 7px; float: left; }
.loginbox legend { left: -7px; position: relative; }
#authsection #children dl { float: left; width: 100%; }
#authsection #children { margin: 10px 0 0 0; float: left; width: 100%; }
#authsection #children_wrapper { float: left; width: 100%; }
#authsection #children div p { padding: 0px; font-size: 14px; }
#authsection #children div { margin: 10px 0; width: 100%; }
#authsection #logoutbut { float: left; background: url(/images/logout.png) no-repeat; padding: 7px 0 0 35px; height: 25px; margin: 10px 0; }
#authlogin ul { float: left; }
#authlogin li { float: left; width: 100%; margin: 3px 0;}
#authlogin input { border: 1px solid #CCC; padding: 2px; font-size: 0.99em; }
#authlogin #submit input { float: left; position: static; margin: 0 0 0 105px; border: none; }
#authlogin li label { width: 100px; float: left; text-align: right; margin: 4px 5px 0 0; line-height: 100%; }
#authsection #moodlelink { float: right; background: url(/images/btn_subscribe.png) no-repeat 100% 50%; padding: 3px 35px 3px 0; }