/*************************
 ** Table of Contents ***/
 
 /*
  * - Typography
  * - Layout
  * - Common Classes
  */      


body {
    font-size: 69%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.6;
}

/*******************
 ** Typography *****/

#container {
    font-size: 1.1em;
}

/*** Headings ***/
h1, h2, h3, h4 {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 2.1em;
    color: #123885
}

h1 {
    font-weight: normal;
    line-height: 1.3;
    margin: 1.5em 0 1em 0;
}

h2 {
    color: #00AEEF;
    font-size: 1.5em;
    margin: 1.5em 0 1em 0;
}

h3 {
    color: #000;
    font-size: 1.3em;
    margin: 2em 0 1em 0 !important;
}
/*** End Headings ***/


/*** Paragraphs ***/
p {
}

/*** End Paragraphs ***/


/*** Links ***/
a {
}

a:link {
    color: #123885;
}

a:visited {
    color: #666;
}

a:hover {
    color: #00AEEF;
}

a:active {
}

a img {
    border: none;
}
/*** End Links ***/


/*** Lists ***/
ul {
    margin: 0;
    padding-left: 2em;
}

    ul li {
        margin: 0;
        padding: 0;
    }

ol {
}

dl {
}
/*** End Lists ***/



/*****************
 ** Layout ******/

body {
    margin: 0;
    padding: 0;
}

#container {
    background: #FFF url(/images/background.jpg) no-repeat top left;
    /* border: 4px solid #CCC /* dark blue: #123885 */;
    margin: 2em 0;
    width: 960px;
}

    #container-padding {
        padding: 1em 2em;
    }

/*** Header ***/
#header {
    position: relative;
    padding-top: 1px;
}

    #header a.pure-passion {
        position: absolute;
        top: 1em;
        left: .7em;
    }
    
    #header a.nottingham {
        position: absolute;
        top: 1em;
        right: 1em;
    }
/*** End Header ***/

/*** Navigation ***/
#navigation {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.5em;
    margin: 160px 0 0 0;
    padding: 1px 0; /* IE fix */
}

    #navigation ul {
        list-style: none;
        padding: 0;
        margin: 0 0 1em 0;
    }
    
        #navigation ul li {
            float: left;
            margin-right: 2px;
        }
        
            #navigation ul li.active a {
                background: #00AEEF;
            }
        
            #navigation ul li a {
                background: #A9A9A9;
                display: block;
                padding: .3em .6em;
                text-decoration: none;
            }
        
                #navigation ul li a:link {
                    color: #FFF;
                }
                
                #navigation ul li a:visited {
                    color: #FFF;
                }
                
                #navigation ul li a:hover {
                    background: #123885;
                    /* text-decoration: underline; */
                }
                
                #navigation ul li.active a:hover {
                    background: #00AEEF;
                }
/*** End Navigation ***/


/*** Content ***/
#content {
    margin-right: 180px;
}

    #content.with-sidebar {
        margin-left: 220px;
    }
/*** End Content ***/



/*** Sidebar ***/
#sidebar {
    width: 200px;
    float: left;
    margin-top: 3.5em;
}

    #sidebar ul {
        list-style: none;
        margin: 0 0 2em 0;
        padding: 0;
        border-bottom: 1px solid #CCC;
    }
    
    #sidebar ul li {
        border-top: 1px solid #CCC;
    }
    
    #sidebar ul li a {
        color: #123885;
        display: block;
        padding: .5em;
        text-decoration: none;
    }
    
    #sidebar ul li a:hover {
        background: #123885;
        color: #FFF;
    }
    
    #sidebar h2 {
        margin-top: 0;
    }
    
    #sidebar div.image {
        text-align: center;
    }
    
    #sidebar div#video {
        margin-bottom: 2em;
    }
/*** End Sidebar ***/


/*** Footer ***/
#footer {
    margin: 8em 0;
}

    #footer ul {
        list-style: none;
        margin: 0 0 .5em 0;
        padding: 0;
    }
    
        #footer ul li {
            border-left: 1px solid #CCC;
            display: inline;
            margin: 0;
            padding: 0 .8em;
        }
        
            #footer ul li.first {
                border-left: none;
                padding-left: 0;
            }
            
            #footer ul li a {
                text-decoration: none;
            }
            
#powered-by {
    float: right;
}
/*** End Footer ***/



/**********************
 ** Common Classes ****/
 
.clear {
    clear: left;
    height: 1px;
}

img.left {
    float: left;
    margin: 10px 10px 10px 0;
}

img.right {
    float: right;
    margin: 10px 0 10px 10px;
}


/*** Sort ***/
ul.jobs {
    margin-top: 2em;
    font-size: 1.2em;
}

    ul.jobs li {
        margin: 0 0 1em 0;
    }
    
#video {
    text-align: center;
    margin: 0 auto;
}