/**
 *  Sections
 *  --------
 *  + Global Reset
 *  + awacss_01 Typography
 *  + awacss_02 Layout | Main
 *  + awacss_03 Layout | Header
 *  + awacss_04 Layout | Content
 *  + awacss_05 Layout | Status Bars
 *  + awacss_06 Layout | Forms
 *  + awacss_07 Layout | Tables
 *  + awacss_08 Layout | Icons
 *  + awacss_09 Layout | Footer
 *
 *
 *  Colors
 *  ------
 *  Light blue, co-main color
 *      #ACDDF7 200,30,96 (HSB) 172,221,247 (RGB)
 *  Blue, co-main color
 *      #60C9F3 196,60,95 (HSB) 96,201,243(RGB)
 *  Red, 2nd main color
 *      #AD1F25 357,81,67 (HSB) 173,31,37 (RGB)
 *  Orange, various highlight
 *      #F04E24 11,85,94 (HSB) 239,78,36 (RGB)
 *  Yellow, beach
 *      #FFF3BA 49,26,100 (HSB) 255,243,186 (RGB)
 *  Brown, body background
 *      #5E2C15 18,77,36 (HSB) 94,44,21 (RGB)
 *
 *
 *  Typography Vertical Rhythm
 *  --------------------------
 *  font: 14px
 *  line-height: 20px
 *
 */

/* Global Reset | meyerweb.com v1.0 | 20080212 */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	outline: 0;
    	font-size: 100%;
    	vertical-align: baseline;
    	background: transparent;}

    body {
    	line-height: 1;}

    ol, ul {
    	list-style: none;}

    blockquote, q {
    	quotes: none;}

    blockquote:before, blockquote:after, q:before, q:after {
    	content: '';
    	content: none;}

    :focus {
    	outline: 0;}

    ins {
    	text-decoration: none;}

    del {
    	text-decoration: line-through;}

    table {
    	border-collapse: collapse;
    	border-spacing: 0;}



/* awacss_01 Typography */
    body{
        font: 14px/20px Verdana, sans-serif;}

    h1 {
        border-bottom: 2px solid #AD1F25;
        font-family: Arial;
        font-size: 20px;
        margin-bottom: 9px;
        padding-bottom: 9px;
        position: relative;}

    h2{
        font-family: Arial;
        font-size: 18px;}

    h3 {
        color: #AD1F25;
        font-family: Arial;
        font-size: 18px;}

    h4 {
        font-family: Arial;
        font-size: 14px;}

    h5 {
        color: #AD1F25;
        font-family: Arial;
        font-size: 16px;}

    p,ul {
        margin-bottom: 20px;}

    .small{
        font-size: 12px;}

    li{
        margin-left: 40px;
        list-style-type: disc;}

    a:link,a:visited,a:hover,a:active {
        color: blue;
        text-decoration: none;}

    a:hover{
        color: #F04E24;}

    ul#nav a{
        color: #AD1F25;
        font: 16px/35px Arial, sans-serif;}

    ul#nav li a:hover, ul#nav li:hover a, ul#nav li.sfhover a{
        color: white;}

    .unavailable{
        text-decoration:line-through;}

    hr{
        border: none;
        border: 1px solid #ACDDF7;
        margin: 9px 0 9px 0;}

    

/* awacss_02 Layout | Main */
    html{
        background: url('../../images/tpl_boundless/head_bg.png') repeat-x;}
    body{
        background: url('../../images/tpl_boundless/body_bg.png') no-repeat center fixed;
        margin: 0 auto;
        position: relative;
        width: 960px;}



/* awacss_03 Layout | Header */
    div#head{
        background: #AD1F25;
        height: 70px;
        margin-bottom: 20px;
        width: 100%;}
    a#logo{
        background: url('../../images/tpl_boundless/sprite.png') no-repeat;
        display: block;
        height: 70px;
        width: 450px;}
    div#head_side{
        background: url('../../images/tpl_boundless/sprite.png') 0px -70px no-repeat;
        position: absolute;
        height: 70px;
        right: 0;
        top: 0;
        width: 266px;}

    ul#nav{
        height: 40px;
        width: 100%;}

        ul#nav li{
            float: left;
            list-style-type: none;
            margin: 0;}

            ul#nav li ul {
            	background: #AD1F25;
            	border-top: 1px solid #BE4D51;
            	left: -999em;
            	position: absolute;
                width: 230px;
                z-index: 100;}

            ul#nav li:hover ul, ul#nav li.sfhover ul {
            	left: auto;}

                ul#nav ul li a{
                border-bottom: 1px solid #BE4D51;
                width: 210px;}
                
                ul#nav li:hover ul a, ul#nav li.sfhover ul a{
                    background: none;}

            ul#nav li ul a:hover{
                background: #BE4D51;}

            ul#nav li a{
                display: block;
                padding: 0 10px;}

            a#nav1{background: url('../../images/tpl_boundless/sprite.png') -453px 0px  no-repeat; height: 40px; text-indent: -9000px; width:63px;}
            a#nav1.selected, ul#nav li a#nav1:hover, ul#nav li:hover a#nav1, ul#nav li.sfhover a#nav1{background: url('../../images/tpl_boundless/sprite.png') -453px -320px  no-repeat;}
            a#nav2{background: url('../../images/tpl_boundless/sprite.png') -453px -40px  no-repeat; height: 40px; text-indent: -9000px; width:75px;}
            a#nav2.selected, ul#nav li a#nav2:hover, ul#nav li:hover a#nav2, ul#nav li.sfhover a#nav2{background: url('../../images/tpl_boundless/sprite.png') -453px -360px  no-repeat;}
            a#nav3{background: url('../../images/tpl_boundless/sprite.png') -453px -80px  no-repeat; height: 40px; text-indent: -9000px; width:102px;}
            a#nav3.selected, ul#nav li a#nav3:hover, ul#nav li:hover a#nav3, ul#nav li.sfhover a#nav3{background: url('../../images/tpl_boundless/sprite.png') -453px -400px  no-repeat;}
            a#nav4{background: url('../../images/tpl_boundless/sprite.png') -453px -120px  no-repeat; height: 40px; text-indent: -9000px; width:63px;}
            a#nav4.selected, ul#nav li a#nav4:hover, ul#nav li:hover a#nav4, ul#nav li.sfhover a#nav4{background: url('../../images/tpl_boundless/sprite.png') -453px -440px  no-repeat;}
            a#nav5{background: url('../../images/tpl_boundless/sprite.png') -453px -160px  no-repeat; height: 40px; text-indent: -9000px; width:68px;}
            a#nav5.selected, ul#nav li a#nav5:hover, ul#nav li:hover a#nav5, ul#nav li.sfhover a#nav5{background: url('../../images/tpl_boundless/sprite.png') -453px -480px  no-repeat;}
            a#nav6{background: url('../../images/tpl_boundless/sprite.png') -453px -200px  no-repeat; height: 40px; text-indent: -9000px; width:71px;}
            a#nav6.selected, ul#nav li a#nav6:hover, ul#nav li:hover a#nav6, ul#nav li.sfhover a#nav6{background: url('../../images/tpl_boundless/sprite.png') -453px -520px  no-repeat;}
            a#nav_awake-in{background: url('../../images/tpl_boundless/sprite.png') -453px -240px  no-repeat; height: 40px; text-indent: -9000px; width:121px;}
            a#nav_awake-in.selected, ul#nav li a#nav_awake-in:hover, ul#nav li:hover a#nav_awake-in, ul#nav li.sfhover a#nav_awake-in{background: url('../../images/tpl_boundless/sprite.png') -453px -560px  no-repeat;}
            a#nav_awake-in-nologin{background: url('../../images/tpl_boundless/sprite.png') -453px -280px  no-repeat; height: 40px; text-indent: -9000px; width:121px;}
            a#nav_awake-in-nologin.selected, ul#nav li a#nav_awake-in-nologin:hover, ul#nav li:hover a#nav_awake-in-nologin, ul#nav li.sfhover a#nav_awake-in-nologin{background: url('../../images/tpl_boundless/sprite.png') -453px -600px  no-repeat;}



        ul#nav li#nav_first_visit{
            float: right;
            text-indent: -9000px;}

        ul#nav li#nav_first_visit a{
            background: url('../../images/tpl_boundless/sprite.png') 0px -620px no-repeat;
            height: 40px;
            width: 155px;}

        ul#nav li#nav_first_visit a:hover{
            background: url('../../images/tpl_boundless/sprite.png') -175px -620px no-repeat;}



/* awacss_04 Layout | Content */
    img#banner{
        border: 1px solid #ABDEF8;
        width: 958px;}

    div#main, div#sidebar{
        background: white;
        border: 1px solid #ABDEF8;
        padding: 10px;}

    div#main{
        float: left;
        margin-bottom: 20px;
        min-height: 300px;
        width: 696px;}

    div#main.full{
        width: 938px;}

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

    .menu li, ul.nostyle li{
        list-style-type: none;
        margin: 0;}

    .hideme{
        display: none;}



/* index styles */
    div#index_banner{
        height: 240px;
        margin-bottom: 20px;
        width: 960px;}

    div#index_buttons{
        height: 120px;
        width: 960px;}
        div#index_buttons a{
            display: block;
            float: left;
            height: 120px;
            width: 225px;}
        a#button1{background: url('../../images/tpl_boundless/sprite.png') 0px -140px  no-repeat;}
        a#button1:hover{background: url('../../images/tpl_boundless/sprite.png') -225px -140px  no-repeat;}
        a#button2{
            background: url('../../images/tpl_boundless/sprite.png') 0px -260px  no-repeat;
            margin: 0 20px;}
        a#button2:hover{background: url('../../images/tpl_boundless/sprite.png') -225px -260px  no-repeat;}
        a#button3{
            background: url('../../images/tpl_boundless/sprite.png') 0px -380px  no-repeat;
            margin-right: 20px;}
        a#button3:hover{background: url('../../images/tpl_boundless/sprite.png') -225px -380px  no-repeat;}
        a#button4{background: url('../../images/tpl_boundless/sprite.png') 0px -500px  no-repeat;}
        a#button4:hover{background: url('../../images/tpl_boundless/sprite.png') -225px -500px  no-repeat;}


/* teaching styles */
    ul.teachingList li{
        border-bottom: 1px solid #999;
        margin-bottom: 19px;}
    ul.teachingList ul li{
        border: none;
        margin-left: 20px;
        margin-bottom: 20px;}
    ul.teachingList h2{margin-bottom: 20px;}
    ul.teachingList h3{font-weight: normal;}
    ul.teachingList h4{font-weight: normal;}
    ul.teachingList ul.files li{margin-bottom: 0;}


/* staff styles */
    ul.staff li{
        border-bottom: 1px solid #ACDDF7;
        list-style: none;
        margin: 0 0 20px 0;}
    ul.staff h2{color: #AD1F25;}
    ul.staff h3{
        color: #333;
        font-size: 14px;}
    ul.staff ul{clear: both;}
    ul.staff li li{
        border: none;
        list-style-type: decimal;
        margin-left: 30px;}
    ul.staff img.headshot{
        float: left;
        margin: 0 20px 20px 0;}
    ul.staff img.family{
        float: right;
        margin-left: 20px;}


    
/* awacss_05 Layout | Status Bars */
    div.status{
        margin-bottom: 20px;
        padding: 9px 19px 9px 31px;}

    div.status.error{
        background: #FDE3E3 URL(../../images/icons/cross-octagon.png) 8px 10px no-repeat;
        border: 1px solid #F03131;}

    div.status.warning{
        background: #FDF2E3 URL(../../images/icons/exclamation-octagon.png) 8px 10px no-repeat;
        border: 1px solid #EC9010;}

    div.status.info{
        background: #E8F6F8 URL(../../images/icons/information-octagon.png) 8px 10px no-repeat;
        border: 1px solid #41B3C2;}

    div.status.success{
        background: #E9F8DE URL(../../images/icons/tick-octagon.png) 8px 10px no-repeat;
        border: 1px solid #67AD2D;}



/* awacss_06 Layout | Forms */
    form{
        border-left: 5px solid #AD1F25;
        margin-bottom: 20px;}
    
    form li{
        clear: both;
        list-style: none;
        margin: 0 0 0 10px;}

    form input, form select{
        height: 24px;
        line-height: 24px;
        margin: 0 0 10px 0;}

    form li.buttons input{
        border-color: #777;
        height: 30px;}

    form .hidden{display: none;}

    form label{
        display: block;}

    form legend{
        background: URL(../../images/icons/application-form.png) 8px 11px no-repeat;
        color: #AD1F25;
        margin-bottom: 20px;
        padding: 10px 19px 10px 31px;}

    form.formstyle1 li{clear: none; float: left;height: 40px;}
    form.formstyle1 label{float: left;margin: 0px 10px; line-height: 30px;}
    form.formstyle1 span.errors{display: block;color: red;}

    form li.checkbox input,form li.radio input{float: left; margin-right: 10px;}




/* awacss_07 Layout | Tables */
    table{}

    table.calendar th, table.calendar td{border: 3px solid white;}
    table.calendar{width: 100%;}
    table.calendar th{width: 120px;}
    table.calendar h2{
        background: #AD1F25;
        color: white;
        margin-bottom: 10px;
        text-align: center;}



/* awacss_08 Layout | Icons */
    .icon{
        background-position: 5px 0px;
        background-repeat: no-repeat;
        padding: 0px 10px 0px 26px;}

    .icon2{
        background: #eee 10px 10px no-repeat;
        border: 1px solid #777;
        padding: 9px 10px 9px 36px;}

    a.icon2,span.icon2{color: black; line-height: 40px;}
    a.icon2:hover{background-color: #ddd;}

    li.buttons input.icon{
        background-position: 5px 3px;
        padding: 0 0 0 23px;}

    .icon.green,.icon2.green{background-color: #E9F8DE;border-color:#67AD2D;}
    .icon.red,.icon2.red{background-color: #FDE3E3;border-color:#F03131;}

    .icon-calendar{background-image: URL(../../images/icons/calendar.png);}
    .icon-calendar-next{background-image: URL(../../images/icons/calendar-next.png);}
    .icon-calendar-previous{background-image: URL(../../images/icons/calendar-previous.png);}
    .icon-calendar-select{background-image: URL(../../images/icons/calendar-select.png);}
    .icon-calendar-select-week{background-image: URL(../../images/icons/calendar-select-week.png);}
    .icon-clock{background-image: URL(../../images/icons/clock.png);}
    .icon-cross{background-image: URL(../../images/icons/cross.png);}
    .icon-document--arrow{background-image: URL(../../images/icons/document--arrow.png);}
    .icon-document--pencil{background-image: URL(../../images/icons/document--pencil.png);}
    .icon-document--plus{background-image: URL(../../images/icons/document--plus.png);}
    .icon-document-pdf{background-image: URL(../../images/icons/document-pdf.png);}
    .icon-document-word{background-image: URL(../../images/icons/document-word.png);}
    .icon-pencil{background-image: URL(../../images/icons/pencil.png);}
    .icon-plus{background-image: URL(../../images/icons/plus.png);}
    .icon-projection-screen-presentation{background-image: URL(../../images/icons/projection-screen-presentation.png);}
    .icon-speaker-volume{background-image: URL(../../images/icons/speaker-volume.png);}
    .icon-tick{background-image: URL(../../images/icons/tick.png);}



/* awacss_09 Layout | Footer */
    div#footer{
        background: #AD1F25 URL(../../images/tpl_boundless/sprite.png) bottom right no-repeat;
        color: white;
        clear: both;
        height: 40px;
        line-height: 40px;
        margin-top: 20px;
        text-align: center;}