/*/ OOCSS {https://github.com/stubbornella/oocss/wiki} /*/


/*/ ELEMENTS
----------------------------------------------------------------------------------------------------/*/

a, article, b, body, div, em, footer, h1, h2, h3, h4, h5, h6, header, html,
i, img, li, menu, nav, ol, p, section, span, strong, table, td, th, u, ul {
margin : 0;
padding : 0;
}

html {
overflow-y : scroll;
height : 100%;
}

body {
position : relative;
height : 100%;
}

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

img {
border : 0;
}

p {
margin : 1em 0;
}


/*/ OBJECTS
----------------------------------------------------------------------------------------------------/*/

.dynamic {
position : relative;
margin : auto;
}

.inline {
position : relative;
display : inline;
vertical-align : baseline;
}

.block {
position : relative;
display : block;
}

/*/*/

.inline.block {
display : inline-block;
vertical-align : top;
}

.IE7 .inline.block {
display : inline;
zoom : 1;
}

.inline.block.align-base {
vertical-align : baseline;
}

.inline.block.align-bottom {
vertical-align : bottom;
}

.inline.block.align-middle {
vertical-align : middle;
}

.inline.block.align-txt-top {
vertical-align : text-top;
}

.inline.block.align-txt-bottom {
vertical-align : text-bottom;
}

.two-up {
width : 50%;
}

.four-up {
width : 25%;
}

.MOBILE .inline.block.two-up,
.MOBILE .inline.block.four-up {
display : block;
width : 100%;
}

.MOBILE div.two-up, .MOBILE section.two-up,
.MOBILE div.four-up, .MOBILE section.four-up {
margin-bottom : 2em;
}

/*/*/

.mod {
position : relative;
width : 100%;
height : auto;
min-height : 100%;
}

.left {
position : relative;
float : left;
}

.right {
position : relative;
float : right;
}

.MOBILE .left,
.MOBILE .right {
float : none;
display : block;
}

.top {
position : absolute;
top : 0;
}

.bottom {
position : absolute;
bottom : 0;
}

/*/*/

.hidden {
display : none !important;
}

.concealed {
visibility : hidden !important;
}

.print {
display : none !important;
}

/*/*/

.break {
padding : 10px 0;
}

.break-mini {
padding : 5px 0;
}

.divider {
margin : 10px 0;
border-bottom : 1px solid rgb(204, 204, 204);
}

.splitter {
margin : 10px 0;
border-bottom : 1px dashed rgb(204, 204, 204);
}

/*/*/

.pod {
border-style : solid;
border-color : rgb(91, 109, 143);
border-width : 1px;
}

.MAAP .pod {
border-color : rgb(87, 44, 133);
}

.pod.title {
margin-top : 48px;
padding : 0 10px;
/*/*/
background : rgb(245, 245, 245);
background : -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)) );
background : -webkit-linear-gradient( top, rgb(255, 255, 255), rgb(221, 221, 221) );
background :    -moz-linear-gradient( top, rgb(255, 255, 255), rgb(221, 221, 221) );
background :     -ms-linear-gradient( top, rgb(255, 255, 255), rgb(221, 221, 221) );
background :      -o-linear-gradient( top, rgb(255, 255, 255), rgb(221, 221, 221) );
/*/*/
border-bottom-width : 3px;
border-radius : 5px 5px 0 0;
font-weight : 400;
line-height : 2em;
color : rgb(58, 70, 92);
text-shadow : 0 1px rgba(255, 255, 255, 0.75);
}

.MAAP .pod.title {
color : rgb(87, 44, 133);
}

.pod.title.sans-margin {
margin-top : 0;
}

.pod.content {
padding : 1em;
background : rgb(255, 255, 255);
border-top : 0;
}
    
    .pod.content p {
    margin : 0;
    }

/*/*/

.expander {
font-weight : 700;
color : rgb(156, 28, 57);
cursor : pointer;
}

.expander:hover {
color : rgb(232, 65, 103);
}

.expander:active {
color : rgb(156, 28, 57);
}

/*/*/

.box-title {
margin-bottom: 1em;
padding : 0 0.5em;
border-style : solid;
border-color : rgb(163, 173, 137);
border-width : 1px;
border-bottom-width : 4px;
line-height : 2em;
}

.MAAP .box-title {
border-color : rgb(87, 44, 133);
}

/*/*/

.label {
background : rgb(240, 240, 240);
color : rgb(136, 136, 136);
text-shadow : 0 1px rgb(255, 255, 255);
}

.note {
padding : 1em;
background: rgb(245, 245, 245);
border: 1px solid rgb(204, 204, 204);
border-radius : 3px;
}

.fancy {
padding : 0.25em 1.5em;
/*/*/
background : rgb(245, 245, 245);
background : -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgb(254, 254, 254)), to(rgb(245, 245, 245)) );
background : -webkit-linear-gradient( top, rgb(254, 254, 254), rgb(245, 245, 245) );
background :    -moz-linear-gradient( top, rgb(254, 254, 254), rgb(245, 245, 245) );
background :     -ms-linear-gradient( top, rgb(254, 254, 254), rgb(245, 245, 245) );
background :      -o-linear-gradient( top, rgb(254, 254, 254), rgb(245, 245, 245) );
/*/*/
border : 1px solid rgb(204, 204, 204);
border-radius : 5px 5px 0 0;
}

.selection-box a {
display : block;
padding : 0.5em;
}

.selection-box a:hover {
background : rgb(238, 238, 238);
}


/*/ LISTS
----------------------------------------------------------------------------------------------------/*/

.list { list-style : none; }

.list-number { margin-left : 1.5em; }

.number { margin-left : 2em; }
.number li { padding : 0.4em 0; }

.list-bullet { list-style : square; margin-left : 1.5em; }

.bullet { list-style : square; margin-left : 2em; }
.bullet li { padding : 0.4em 0; }

.sub-bullet { list-style : circle; margin-left : 2em; }
.sub-bullet li { padding : 0.4em 0; }

.list-icon { list-style : none; margin-left : 0.5em; }
.list-icon li { padding : 0.4em 0; }
.list-icon.sans-margin { margin-left : 0; }

.list-number.two-up, .number.two-up, .list-bullet.two-up, .bullet.two-up { width : 46%; }
.list-number.four-up, .number.four-up, .list-bullet.four-up, .bullet.four-up { width : 20%; }


/*/ TABLES
----------------------------------------------------------------------------------------------------/*/


/*/ AUTO /*/

.auto {
table-layout : auto;
}

.MOBILE .auto {
table-layout : fixed;
width : 100%;
}

.auto td {
text-align : left;
}


/*/ FIXED /*/

.fixed {
table-layout : fixed;
width : 100%;
}

.fixed td {
text-align : justify;
}


/*/ HORIZONTAL /*/

.horizontal th {
vertical-align : middle;
padding-top : 0.5em;
padding-bottom : 0.5em;
padding-left : 0.5em;
padding-right : 2em;
text-align : left;
}

.MOBILE .horizontal th {
display : block;
width : 100%;
padding-top : 1em;
padding-bottom : 0.25em;
padding-left : 0;
padding-right : 0;
}

.horizontal td {
padding-top : 0.5em;
padding-bottom : 0.5em;
padding-left : 2em;
padding-right : 0.5em;
}

.MOBILE .horizontal td {
display : block;
width : 100%;
padding : 0;
}


/*/ HORIZONTAL-SPLIT /*/

.horizontal.split th,
.horizontal.split td {
border-top : 1px dashed rgb(204, 204, 204);
}

.horizontal.split tr:first-child th,
.horizontal.split tr:first-child td {
border-top : 0;
}

.horizontal.split th,
.horizontal.split td {
padding-top : 2em;
padding-bottom : 2em;
}

.MOBILE .horizontal.split th {
padding-top : 2em;
padding-bottom : 0.25em;
}

.MOBILE .horizontal.split td {
padding-top : 0;
padding-bottom : 0.25em;
border-top : 0;
}

.MOBILE .horizontal.split td:last-child {
padding-bottom : 2em;
}


/*/ VERTICAL /*/

.vertical {
margin : auto;
}

.vertical th {
padding : 0.5em 0;
text-decoration : underline;
}

.vertical td {
padding : 0.5em 3em;
text-align : center;
}


/*/ VERTICAL-SPLIT /*/

.vertical.split td {
padding : 1em 3em;
}

.vertical.split th,
.vertical.split td {
border-bottom : 1px dashed rgb(204, 204, 204);
}

.vertical.split tr:first-child th,
.vertical.split tr:first-child td {
border-bottom : 0;
}

.vertical.split tr:last-child th,
.vertical.split tr:last-child td {
border-bottom : 0;
}


/*/ FANCY /*/

table.fancy {
padding : 0;
background : rgb(238, 238, 238);
border : 1px solid rgb(221, 221, 221);
border-radius : 5px;
}

table.fancy th,
table.fancy td {
text-shadow : 0 1px rgb(255, 255, 255);
}


/*/ FORMS
----------------------------------------------------------------------------------------------------/*/

.drop-down {
position : relative;
width : 100%;
height : 2em;
overflow : hidden;
background : rgb(245, 245, 245);
border : 1px solid rgb(221, 221, 221);
}

.drop-down.select {
z-index : 9999;
overflow : visible;
}
    
    .drop-down div {
    position : absolute;
    top : 50%;
    right : 3px;
    width : 16px;
    height : 16px;
    margin-top : -8px;
    background-position : 0 -26px;
    background-repeat : no-repeat;
    }
    
    .drop-down.select div {
    z-index : 8888;
    background-position : -16px -26px;
    }
	
	.drop-down ul {
    position : absolute;
    top : 0;
    left : -1px;
	list-style : none;
    width : 100%;
    border-style : solid;
    border-color : transparent;
    border-width : 1px;
    border-top : 0;
	}
    
	.drop-down.select ul {
    z-index : 7777;
	border-color : rgb(221, 221, 221);
	}
		
		.drop-down li {
		display : none;
		padding : 0.5em;
        line-height : 1em;
		cursor : pointer;
		}
		
		.drop-down .selected {
		display : block;
		}
		
		.drop-down.select li {
		display : block;
        background : rgb(245, 245, 245);
		}
		
		.drop-down.select li:hover {
		background : rgb(76, 153, 229);
        color : rgb(245, 245, 245);
        }


/*/ LINKS
----------------------------------------------------------------------------------------------------/*/

a {
color : rgb(156, 28, 57);
text-decoration : none;
}

a:focus {
outline : thin;
}

a:visited {
color : rgb(156, 28, 57);
}

a:hover {
color : rgb(232, 65, 103);
}

a:active {
color : rgb(156, 28, 57);
}

.hlight {
border-bottom : 1px dotted rgb(156, 28, 57);
}

.MOBILE .hlight {
border-bottom : 1px solid rgb(156, 28, 57);
}

.hlight:hover {
border-bottom : 1px dotted rgb(232, 65, 103);
}

.MOBILE .hlight:hover {
border-bottom : 1px solid rgb(232, 65, 103);
}

.hlight:active {
border-bottom : 1px dotted rgb(156, 28, 57);
}


/*/ BUTTONS
----------------------------------------------------------------------------------------------------/*/

.button {
padding : 0.5em;
/*/*/
background : rgb(245, 245, 245);
background : -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgb(76, 153, 229)), to(rgb(59, 119, 178)) );
background : -webkit-linear-gradient( top, rgb(76, 153, 229), rgb(59, 119, 178) );
background :    -moz-linear-gradient( top, rgb(76, 153, 229), rgb(59, 119, 178) );
background :     -ms-linear-gradient( top, rgb(76, 153, 229), rgb(59, 119, 178) );
background :      -o-linear-gradient( top, rgb(76, 153, 229), rgb(59, 119, 178) );
/*/*/
box-shadow: 0 2px rgba(0, 0, 0, 0.1), inset 0 -3px rgba(0, 0, 0, 0.2);
border-radius : 3px;
font-weight : 700;
color : rgb(255, 255, 255);
text-shadow : 0 1px rgb(51, 102, 153);
cursor : pointer;
}

.MS .button {
padding-top : 0.6em;
box-shadow : none;
border : 1px solid rgb(221, 221, 221);
color : rgb(51, 102, 153);
}

.button:hover {
background : rgb(245, 245, 245);
background : -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgb(85, 170, 255)), to(rgb(76, 153, 229)) );
background : -webkit-linear-gradient( top, rgb(85, 170, 255), rgb(76, 153, 229) );
background :    -moz-linear-gradient( top, rgb(85, 170, 255), rgb(76, 153, 229) );
background :     -ms-linear-gradient( top, rgb(85, 170, 255), rgb(76, 153, 229) );
background :      -o-linear-gradient( top, rgb(85, 170, 255), rgb(76, 153, 229) );
}

.MS .button:hover {
color : rgb(76, 153, 229);
}

.button:active {
background : -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgb(76, 153, 229)), to(rgb(59, 119, 178)) );
background : -webkit-linear-gradient( top, rgb(76, 153, 229), rgb(59, 119, 178) );
background :    -moz-linear-gradient( top, rgb(76, 153, 229), rgb(59, 119, 178) );
background :     -ms-linear-gradient( top, rgb(76, 153, 229), rgb(59, 119, 178) );
background :      -o-linear-gradient( top, rgb(76, 153, 229), rgb(59, 119, 178) );
}

.MS .button:active {
color : rgb(51, 102, 153);
}

/*/*/

a.button:visited,
a.button:hover,
a.button:active {
color : rgb(255, 255, 255);
}

/*/*/

.maap-button {
padding : 0.5em;
/*/*/
background : rgb(240, 240, 240);
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(245, 245, 245)), to(rgb(238, 238, 238)));
background : -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(238, 238, 238));
background :    -moz-linear-gradient(top, rgb(245, 245, 245), rgb(238, 238, 238));
background :     -ms-linear-gradient(top, rgb(245, 245, 245), rgb(238, 238, 238));
background :      -o-linear-gradient(top, rgb(245, 245, 245), rgb(238, 238, 238));
/*/*/
border : 1px solid rgb(204, 204, 204);
border-radius : 2px;
line-height : 1em;
color : rgb(153, 78, 235);
text-shadow : 0 1px rgba(255, 255, 255, 0.5);
}

.maap-button:visited,
.maap-button:hover {
color : rgb(153, 78, 235);
}

.maap-button:active {
color : rgb(87, 44, 133);
}

.top.maap-button {
top : 50%;
right : 4px;
margin-top : -1em;
}


/*/ ICONS
----------------------------------------------------------------------------------------------------/*/

.icon {
padding-left : 20px;
}

.IE7 .icon {
padding-left : 0;
}

.MOBILE .icon {
white-space : nowrap;
}

.icon:before {
content : "";
position : absolute;
top : 50%;
left : 0;
width : 16px;
height : 16px;
margin-top : -9px;
background-image : url("/images/interface/uicons.png");
background-repeat : no-repeat;
}

/*/*/

.top.icon {
top : 50%;
right : 4px;
}

/*/*/

.building:before {
background-position : 0 -32px;
}

.calendar:before {
background-position : -112px -16px;
}

.contact:before {
background-position : -32px -16px;
}

.email:before {
background-position : -80px 0;
}

.excel:before {
background-position : -32px 0;
}

.fax:before {
background-position : -64px -16px;
}

.flag:before {
background-position : -112px 0;
}

.folder:before {
background-position : -16px -16px;
}

.information:before {
background-position : -16px -32px;
}

.lock:before {
background-position : -96px -16px;
}

.page:before {
background-position : 0 -16px;
}

.pdf:before {
background-position : 0 0;
}

.phone:before {
background-position : -48px -16px;
}

.powerpoint:before {
background-position : -48px 0;
}

.question:before {
background-position : -32px -32px;
}

.toggle:before {
background-position : -48px -32px;
}

.toggle.open:before {
background-position : -64px -32px;
}

.video:before {
background-position : -96px 0;
}

.web:before {
background-position : -64px 0;
}

.word:before {
background-position : -16px 0;
}


/*/ FONT
----------------------------------------------------------------------------------------------------/*/

.xsmall {
font-size : x-small;
}

.small {
font-size : small;
}

.medium {
font-size : medium;
}

.large {
font-size : large;
}

.heading {
padding : 0.25em 0;
font-family : Georgia, serif;
line-height : normal;
}

.MOBILE .heading {
text-align : center;
}

.bold {
font-weight : 700;
}

.uline {
text-decoration : underline;
}

.notice {
color : rgb(237, 68, 30);
}

.line-height80 {
line-height : 0.8em;
}

.line-height120 {
line-height : 1.2em;
}

.line-height160 {
line-height : 1.6em;
}

.line-height200 {
line-height : 2em;
}

.line-height220 {
line-height : 2.2em;
}

.line-height260 {
line-height : 2.6em;
}

.text-left {
text-align : left;
}

.text-center {
text-align : center;
}

.text-right {
text-align : right;
}

.indent1 {
padding-left : 1em;
}

.indent2 {
padding-left : 2em;
}


/*/ INTERFACE
----------------------------------------------------------------------------------------------------/*/

.interface {
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : small;
}

.interface.content {
width : 800px;
padding-top : 200px;
padding-bottom : 120px;
line-height : 1.75em;
}

.MOBILE .interface.content {
overflow : scroll;
width : 92%;
padding-top : 96px;
padding-bottom : 40px;
}

.interface.content.wide {
width : 996px;
}

.MOBILE .interface.content.wide {
padding-left : 4% ;
padding-right : 4% ;
}
    
    .interface.toolbar {
    position : relative;
    height : 18px;
    }
    
    .MOBILE .interface.toolbar {
    height : auto;
    }
        
        .interface.toolbar section {
        position : relative;
        height : 100%;
        font-size : x-small;
        color : rgb(153, 153, 153);
        }
        
        .MOBILE .interface.toolbar section {
        line-height : 1.5em;
        }
            
            .interface.toolbar section a {
            color : rgb(153, 153, 153);
            }
            
            .IE7 .interface.toolbar section a {
            padding-left : 1em;
            padding-right : 1em;
            border-left : 1px solid rgb(187, 187, 187);
            }
            
            .IE7 .interface.toolbar section a:first-child {
            padding-left : 0;
            border-left : 0;
            }
            
            .MOBILE .interface.toolbar section a {
            display : block;
            padding-top : 0.25em;
            padding-bottom : 0.25em;
            }
            
            .MOBILE .interface.toolbar section a:first-child {
            display : none;
            }
            
            .interface.toolbar section a:before {
            content : "\00A0\00A0\203A\203A\00A0\00A0";
            display : inline;
            }
            
            .MOBILE .interface.toolbar section a:before {
            content : "\00A0\203A\203A\00A0\00A0";
            }
            
            .interface.toolbar section a:first-child:before {
            content : "";
            }
            
            .interface.toolbar section a:visited {
            color : rgb(153, 153, 153);
            }
            
            .interface.toolbar section a:hover {
            color : rgb(102, 102, 102);
            }
            
            .interface.toolbar section a:active {
            color : rgb(0, 0, 0);
            }
        
        .interface.toolbar ul {
        position : absolute;
        height : 100%;
        top : 0;
        right : 0;
        }
        
        .MOBILE .interface.toolbar ul {
        display : none;
        }
            
            .interface.toolbar li {
            width : 20px;
            height : 18px;
            margin : 0 10px;
            cursor : pointer;
            }
            
            .interface.toolbar .print-page {
            background-position : -40px 0;
            }
            
            .interface.toolbar .print-page:hover {
            background-position : -60px 0;
            }

.interface.header {
width : 100%;
}
    
    /*/*/
    
    .interface.header .dynamic {
    width : 996px;
    }
    
    .MOBILE .interface.header .dynamic {
    width : 92%;
    }
    
    /*/*/
    
    html:not(.MOBILE) .brand.container {
    height : 130px;
    background : url("/images/interface/header.jpg") repeat;
    }
    
    .IE7 .brand.container,
    .IE8 .brand.container {
    height : 130px;
    background : url("/images/interface/header.jpg") repeat;
    }
        
        .MOBILE .brand.content {
        margin-left : 3%;
        padding-top : 10px;
        }
            
            .brand.content div {
            position : relative;
            top : 20px;
            left : 5px;
            width : 328px;
            height : 88px;
            background : url("/images/interface/brand.png") no-repeat;
            }
            
            .MOBILE .brand.content div {
            position : static;
            width : 100%;
            background-size : contain;
            }
    
    html:not(.MOBILE) .menu.container {
    height : 40px;
    background : url("/images/interface/navigation.png") repeat;
    }
    
    .IE7 .menu.container,
    .IE8 .menu.container {
    height : 40px;
    background : url("/images/interface/navigation.png") repeat;
    }
        
        .menu.content {
        padding-top : 2px;
        }
        
        .MOBILE .menu.content {
        padding-top : 0;
        }
        
        .MOBILE.INDEX .menu.content {
        padding-bottom : 4%;
        }
            
            .menu.network {
            width : 240px;
            padding-top : 4px;
            }
            
            .MOBILE .menu.network {
            display : none;
            }
                
                .menu.network a {
                margin-left : 6px;
                padding : 3.5px 8px;
                /*/*/
                background : rgb(201, 222, 230);
                background : -webkit-gradient( linear, 0% 10%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(190, 210, 230)) );
                background : -webkit-linear-gradient( top, rgb(255, 255, 255) 10%, rgb(190, 210, 230) 100% );
                background :    -moz-linear-gradient( top, rgb(255, 255, 255) 10%, rgb(190, 210, 230) 100% );
                background :     -ms-linear-gradient( top, rgb(255, 255, 255) 10%, rgb(190, 210, 230) 100% );
                background :      -o-linear-gradient( top, rgb(255, 255, 255) 10%, rgb(190, 210, 230) 100% );
                /*/*/
                border : 1px solid rgb(51, 102, 153);
                border-radius : 3px;
                font-size : 10px;
                color : rgb(30, 60, 90);
                text-align : center;
                text-shadow : 0 1px rgb(255, 255, 255);
                }
                
                .menu.network a:active {
                background : rgb(210, 230, 255);
                box-shadow : inset 0 0 0 1px rgb(225, 255, 255);
                color : rgb(105, 115, 127);
                text-shadow : 0 1px rgba(255, 255, 255, 0.75);
                }
                
                .MS .menu.network a:active {
                box-shadow : none;
                }
                
                .menu.network a.active {
                background : rgb(197, 209, 166);
                background : rgba(255, 255, 255, 0.5);
                box-shadow : inset 0 0 0 1px rgba(255, 255, 255, 0.6);
                border : 1px solid rgb(118, 129, 70);
                color : rgb(82, 93, 37);
                text-shadow : 0 1px rgba(255, 255, 255, 0.8);
                }
                
                .MS .menu.network a.active {
                box-shadow : none;
                }
                
                .menu.network a.active:active {
                color : rgb(58, 69, 28);
                }
            
            .menu.nav {
            position : relative;
            border-left : 1px solid rgb(136, 136, 136);
            }
            
            .MOBILE .menu.nav {
            display : none;
            }
            
            .MOBILE.INDEX .menu.nav {
            display : block;
            padding-top : 48px;
            border-left : 0;
            }
            
            .menu.nav:after {
            content : "";
            position : absolute;
            top : 0;
            right : -1px;
            width : 1px;
            height : 100%;
            background : rgb(204, 204, 204);
            background : rgba(255, 255, 255, 0.3);
            }
            
            .MOBILE.INDEX .menu.nav:after {
            width : 0;
            }
                
                .menu.nav a {
                position : relative;
                width : 110px;
                height : 14px;
                padding : 8px 0;
                border-right : 1px solid rgb(136, 136, 136);
                font-size : 13px;
                font-weight : 700;
                color : rgb(0, 0, 0);
                text-align : center;
                text-shadow : 0 1px rgb(192, 204, 162);
                }
                
                .MOBILE.INDEX .menu.nav a {
                display : block;
                width : auto;
                padding : 1em;
                background : rgb(163, 173, 137);
                border-color : rgb(118, 129, 70);
                border-style : solid;
                border-left-width : 1px;
                border-right-width : 1px;
                border-top-width : 0;
                border-bottom-width : 1px;
                text-align : left;
                }
                
                .MOBILE.INDEX .menu.nav a:first-child {
                border-top : 1px solid rgb(118, 129, 70);
                }
                
                .menu.nav a:before {
                content : "";
                position : absolute;
                top : 0;
                left : 0;
                width : 1px;
                height : 14px;
                padding : 8px 0;
                background : rgb(204, 204, 204);
                background : rgba(255, 255, 255, 0.3);
                }
                
                .MOBILE.INDEX .menu.nav a:before {
                width : 0;
                }
                
                .menu.nav a:visited {
                color : rgb(0, 0, 0);
                }
                
                .menu.nav a:hover {
                background : rgb(178, 189, 149);
                color : rgb(0, 0, 0);
                /*/*/
                -webkit-transition : background 0.15s linear;
                   -moz-transition : background 0.15s linear;
                    -ms-transition : background 0.15s linear;
                     -o-transition : background 0.15s linear;
                        transition : background 0.15s linear;
                /*/*/
                }
            
            .menu.search {
            padding-top : 4px;
            padding-left : 10px;
            }
            
            .MOBILE .menu.search {
            display : none;
            }
            
            .MOBILE.INDEX .menu.search {
            display : block;
            position : absolute;
            top : 0;
            left : 0;
            padding-top : 2px;
            padding-left : 0;
            }
                
                .search.submit {
                /*/
                width + padding = 20px
                height + padding = 20px
                /*/
                width : 16px;
                height : 16px;
                padding : 2px;
                /*/*/
                background : rgb(201, 222, 230);
                background : -webkit-gradient( linear, 0% 10%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(190, 210, 230)) );
                background : -webkit-linear-gradient( top, rgb(255, 255, 255) 10%, rgb(190, 210, 230) 100% );
                background :    -moz-linear-gradient( top, rgb(255, 255, 255) 10%, rgb(190, 210, 230) 100% );
                background :     -ms-linear-gradient( top, rgb(255, 255, 255) 10%, rgb(190, 210, 230) 100% );
                background :      -o-linear-gradient( top, rgb(255, 255, 255) 10%, rgb(190, 210, 230) 100% );
                /*/*/
                border-style : solid;
                border-color : rgb(51, 102, 153);
                border-width : 1px;
                border-right : 0;
                border-radius : 3px 0 0 3px;
                cursor : pointer;
                }
                
                .IE7 .search.submit {
                margin-top : 1px;
                }
                
                .MOBILE.INDEX .search.submit {
                width : 24px;
                height : 24px;
                padding : 4px;
                }
                    
                    .search.submit div {
                    width : 100%;
                    height : 100%;
                    background-position : 0 0;
                    }
                    
                    .MOBILE.INDEX .search.submit div {
                    background-position : -16px 0;
                    }
                
                .search.query {
                /*/
                width + padding = 160px
                height + padding = 20px
                /*/
                width : 154px;
                height : 16px;
                padding-top : 2px;
                padding-bottom : 2px;
                padding-left : 4px;
                padding-right : 2px;
                border : 1px solid rgb(51, 102, 153);
                border-radius : 0 3px 3px 0;
                }
                
                .MOBILE.INDEX .search.query {
                width : 244px;
                height : 28px;
                }

.interface.footer {
width : 100%;
background : rgb(163, 173, 137);
border-top : 2px solid rgb(66, 71, 50);
font-size : 9pt;
line-height : 2em;
text-align : center;
}

.MOBILE .interface.footer {
display : none;
}
    
    .interface.footer span {
    margin : 0 40px;
    }


/*/ INDEX
----------------------------------------------------------------------------------------------------/*/

.index.content {
width : 520px;

}

.MOBILE .index.content {
display : none;
}

.inline.block.index {
visibility : visible;
margin-left : 24px;
}
    
    .index.start {
    padding : 16px 0;
    border-radius : 0 0 5px 5px;
    text-align : center;
    }
        
        .index.start a {
        width : 172px;
        color : rgb(153, 153, 153);
        font-weight : 700;
        }
        
        .index.start a:hover {
        color : rgb(17, 17, 17);
        /*/*/
        -webkit-transition : color 0.15s linear;
           -moz-transition : color 0.15s linear;
            -ms-transition : color 0.15s linear;
             -o-transition : color 0.15s linear;
                transition : color 0.15s linear;
        /*/*/
        }
        
        .index.start div {
        width : 80px;
        height : 80px;
        background-image : url("/images/interface/quick-start.png");
        background-repeat : no-repeat;
        }
        
        .index.start .quickstart1 {
        background-position : 0 0;
        }
        
        .index.start .quickstart2 {
        background-position : -80px 0;
        }
        
        .index.start .quickstart3 {
        background-position : -160px 0;
        }

.social.content {
width : 250px;
}
    
    .social.news {
    border-top : 1px solid rgb(163, 173, 137);
    }
        
        .tweet {
        padding : 0.75em 0.5em;
        border-bottom : 1px solid rgb(163, 173, 137);
        color : rgb(68, 68, 68);
        line-height : 1.5em;
        word-wrap : break-word;
        }
            
            /*/ enable these classes if needed
            
            .tweet .url { }
            
            .tweet .mention { }
            
            .tweet .hashtag { }
            
            /*/
            
            .tweet .user {
            color : rgb(118, 129, 70);
            }
    
    .social.network {
    padding-top : 1em;
    }
        
        .social.network a {
        width : 24px;
        height : 24px;
        margin : 0 4px;
        }
        
        .social.network > div {
        margin : 0 4px !important;
        }


/*/ MEMBER UNIVERSITIES
----------------------------------------------------------------------------------------------------/*/

.member.uri {
margin-left : 8px;
}

.member.gallery {
position : relative;
}
    
    .member.slider {
    left : 0;
    width : 100%;
    height : 96px;
    }
        
        .member.slider div {
        top : 96px;
        width : 48px;
        height : 100%;
        background-repeat : no-repeat;
        cursor : pointer;
        }
        
        .member.slider .previous {
        left : 0;
        }
        
        .member.slider .next {
        right : 0;
        }
        
        .member.slider .disabled {
        cursor : default;
        }
        
        .member.slider .previous.disabled {
        background-position : -80px 2px;
        }
        
        .member.slider .next.disabled {
        background-position : -128px 2px;
        }
        
        .member.slider .previous.enabled {
        background-position : -80px -100px;
        }
        
        .member.slider .next.enabled {
        background-position : -128px -100px;
        }
    
    .member.container {
    width : 800px;
    min-height : 400px;
    overflow : hidden;
    }
        
        .member.canvas section {
        width : 100%;
        }
            
            .member.canvas img {
            width : 400px;
            height : 300px;
            margin : 4px;
            box-shadow : 0 0 2px 1px rgba(0, 0, 0, 0.6);
            }
            
            .MS .member.canvas img {
            box-shadow : 0 0 4px 1px rgba(0, 0, 0, 0.6);
            }
            
            .member.canvas div {
            width : 360px;
            margin-top : 4px;
            margin-left : 24px;
            }
                
                .member.canvas header {
                padding : 0.25em 0;
                background : rgb(245, 245, 245);
                border : 1px solid rgb(163, 173, 137);
                border-radius : 3px 3px 0 0;
                font-weight : 700;
                text-align : center;
                }
                
                .member.canvas ul {
                margin-bottom : 24px;
                padding : 8px;
                border : 1px solid rgb(163, 173, 137);
                }


/*/ PROGRAMS
----------------------------------------------------------------------------------------------------/*/

.program.img {
text-align : center;
}
    
    .program.img img {
    margin : 0 8px;
    border-radius : 5px;
    }
    
    .MOBILE .program.img img {
    width : 28%;
    }


/*/ COURSE MATRIX
----------------------------------------------------------------------------------------------------/*/

.matrix.menu {
table-layout : fixed;
width : 100%;
border-collapse : collapse;
font-size : 10pt;
color : rgb(51, 51, 51);
}
    
    .matrix.select {
    background : rgb(245, 245, 245);
    border : 1px solid rgb(221, 221, 221);
    border-radius : 3px;
    line-height : 2.4em;
    }
        
        .matrix.select th {
        width : 40%;
        padding-left : 0.5em;
        font-weight : 400;
        text-align : left;
        }
        
        .matrix.select .drop-down {
        border : 0;
        }

.matrix.title {
border-bottom : 1px solid rgb(0, 0, 0);
font-style : italic;
}

.matrix.track {
margin-bottom : 0.5em;
font-weight : 400;
}

.matrix.statement {
padding : 1em;
background : rgb(242, 242, 242);
border : 1px solid rgb(204 ,204, 204);
}

.matrix.data {
table-layout : fixed;
border-collapse : separate;
border-spacing : 3px;
width : 100%;
border : 1px solid rgb(204 ,204, 204);
font-size : 8pt;
line-height : 1.5em;
}
    
    /*/ COLUMNS /*/
    
    .matrix.data .col.course {
    width : 35%;
    }
    
    .MS .matrix.data .col.course {
    width : 16%;
    }
    
    .matrix.data .col.credits {
    width : 5%;
    }
    
    .MS .matrix.data .col.credits {
    width : 3%;
    }
    
    .matrix.data .col.term1 {
    width : 15%;
    }
    
    .MS .matrix.data .col.term1 {
    width : 7%;
    }
    
    .matrix.data .col.term2 {
    width : 15%;
    }
    
    .MS .matrix.data .col.term2 {
    width : 7%;
    }
    
    .matrix.data .col.term3 {
    width : 15%;
    }
    
    .MS .matrix.data .col.term3 {
    width : 7%;
    }
    
    .matrix.data .col.term4 {
    width : 15%;
    }
    
    .MS .matrix.data .col.term4 {
    width : 7%;
    }
    
    
    /*/ HEAD /*/
    
    .matrix.data thead td {
    background : rgb(206, 217, 173);
    background : rgba(163, 173, 137, 0.5);
    text-align : center;
    }
    
    .IE7 .matrix.data thead td {
    border : 1px solid transparent;
    }
    
    .matrix.term {
    padding-top : 0.5em;
    padding-bottom : 1em;
    }
        
        .matrix.term b {
        line-height : 3em;
        }
        
        .matrix.term span {
        padding : 0 0.5em;
        background : rgb(255, 255, 255);
        background : rgba(255, 255, 255, 0.5);
        }
    
    
    /*/ BODY /*/
    
    .matrix.course {
    padding : 0;
    }
        
        .matrix.course th {
        padding-top : 1em;
        padding-bottom : 1em;
        padding-left : 1em;
        padding-right : 0.5em;
        text-align : left;
        cursor : pointer;
        }
        
        .IE7 .matrix.course th {
        border : 1px solid transparent;
        }
        
        .matrix.course th:hover {
        color : rgb(153, 153, 153);
        }
        
        .matrix.course td {
        padding : 1em 0;
        text-align : center;
        word-wrap : break-word;
        }
        
        .IE7 .matrix.course td {
        border : 1px solid transparent;
        }
        
        .matrix.course td a {
        color : rgb(239, 110, 47);
        }
        
        .matrix.course td a:hover {
        text-decoration : underline;
        }
        
        .matrix.course td span {
        cursor : default;
        }
        
        .matrix.course.even th,
        .matrix.course.even td {
        background : rgb(234, 234, 234);
        }
        
        .matrix.course.odd th,
        .matrix.course.odd td {
        background : rgb(242, 242, 242);
        }
    
    .matrix.description td {
    padding-top : 0.5em;
    padding-bottom : 2em;
    padding-left : 1em;
    padding-right : 1em;
    font-size : 10pt;
    line-height : 1.5em;
    }
        
        .matrix.description td section {
        padding : 0.5em;
        background : rgb(255, 247, 207);
        border : 1px solid rgb(204 ,204, 204);
        }
            
            .matrix.description td section b {
            font-style : italic;
            }


/*/ COURSE INFORMATION
----------------------------------------------------------------------------------------------------/*/

.informer.menu {
table-layout : fixed;
width : 100%;
border-collapse : collapse;
font-size : 10pt;
color : rgb(51, 51, 51);
}
    
    .informer.select {
    background : rgb(245, 245, 245);
    border : 1px solid rgb(221, 221, 221);
    border-radius : 3px;
    line-height : 2.4em;
    }
        
        .informer.select th {
        width : 30%;
        padding-left : 0.5em;
        font-weight : 400;
        text-align : left;
        }
        
        .informer.select .drop-down {
        border : 0;
        }

.informer.canvas table {
table-layout : fixed;
width : 100%;
}
    
    .informer.canvas th {
    vertical-align : top;
    text-align : left;
    }
        
        .informer.canvas th span {
        background : rgb(240, 240, 240);
        font-weight : 400;
        color : rgb(136, 136, 136);
        text-shadow : 0 1px rgb(255, 255, 255);
        }
    
    .informer.canvas td {
    vertical-align : top;
    padding-bottom : 0.25em;
    }

.informer.section {
margin-bottom : 0.5em;
border-bottom : 1px solid rgb(204, 204, 204);
color : rgb(136, 136, 136);
}


/*/ BASICS /*/

.informer.basics th {
width : 10em;
}


/*/ CONTACTS /*/

.informer.contacts th {
width : 6em;
}


/*/ STUDENTS
----------------------------------------------------------------------------------------------------/*/

.admission.canvas {
padding : 0.5em;
background : rgb(255, 247, 207);
border : 1px solid rgb(204 ,204, 204);
}


/*/ DIRECTORY
----------------------------------------------------------------------------------------------------/*/

.dir.menu {
padding-top : 4em;
border-bottom : 2px solid rgb(91, 109, 143);
font-size : 10px;
text-align : center;
}

.MOBILE .dir.menu {
display : none;
}
    
    .dir.menu a {
    width : 120px;
    height : 16px;
    margin : 0 4px;
    padding-top : 4px;
    padding-bottom : 12px;
    padding-left : 8px;
    padding-right : 8px;
    /*/*/
    background : rgb(245, 245, 245);
    background : -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)) );
    background : -webkit-linear-gradient( top, rgb(255, 255, 255), rgb(221, 221, 221) );
    background :    -moz-linear-gradient( top, rgb(255, 255, 255), rgb(221, 221, 221) );
    background :     -ms-linear-gradient( top, rgb(255, 255, 255), rgb(221, 221, 221) );
    background :      -o-linear-gradient( top, rgb(255, 255, 255), rgb(221, 221, 221) );
    /*/*/
    border-style : solid;
    border-color : rgb(91, 109, 143);
    border-top-width : 1px;
    border-bottom-width : 0;
    border-right-width : 1px;
    border-left-width : 1px;
    border-radius : 5px 5px 0 0;
    font-weight : 700;
    color : rgb(58, 70, 92);
    text-shadow : 0 1px rgb(255, 255, 255);
    }
    
    .dir.menu a:first-child {
    width : 16px;
    }
        
        .dir.menu a:first-child div {
        width : 100%;
        height : 100%;
        margin-top : 4px;
        background-position : -32px -26px;
        }
    
    .dir.menu a:visited {
    color : rgb(58, 70, 92);
    }
    
    .dir.menu .selected {
    border-top : 2px solid;
    border-right : 2px solid;
    border-left : 2px solid;
    border-color : rgb(91, 109, 143);
    }

.dir.alphabet {
padding-top : 1em;
padding-bottom : 3em;
font-size : 12pt;
line-height : 2em;
text-align : center;
}

.MOBILE .dir.alphabet {
margin-bottom : 2em;
padding-top : 0;
padding-bottom : 1em;
border-bottom : 1px solid rgb(204, 204, 204);
word-wrap : break-word;
}
    
    .dir.alphabet a {
    padding : 0 0.5em;
    font-weight : 700;
    color : rgb(170, 170, 170);
    }
    
    .dir.alphabet a:visited {
    color : rgb(170, 170, 170);
    }
    
    .dir.alphabet a:hover {
    color : rgb(102, 102, 102);
    }
    
.dir.letter {
margin-bottom : 0.5em;
font-size : medium;
font-weight : 700;
color : rgb(170, 170, 170);
}

.dir.section {
margin-bottom : 0.5em;
}

.dir.entries {
margin-bottom : 3em;
line-height : 2.8em;
}

.dir.entries span {
cursor : pointer;
}

.dir.entries span:hover {
color : rgb(232, 65, 103);
border-bottom : 1px dotted rgb(232, 65, 103);
}

.MOBILE .dir.entries span:hover {
border-bottom : 1px solid rgb(232, 65, 103);
}

.dir.entries span:active {
color : rgb(102, 102, 102);
border-bottom : 1px dotted rgb(102, 102, 102);
}

.dir.dashboard {
width : 800px;
}

.MOBILE .dir.dashboard {
display : none;
}
    
    .dir.info {
    position : absolute;
    right : 0;
    width : 400px;
    background : rgb(255, 255, 255);
    border : 1px solid rgb(91, 109, 143);
    border-radius : 8px;
    }
        
        .dir.person {
        padding-top : 24px;
        padding-bottom : 1em;
        padding-left : 1em;
        padding-right : 1em;
        line-height : 2em;
        }
        
        .MOBILE .dir.person {
        padding : 4%;
        }
    
    .dir.cmd {
    top : 8px;
    width : 16px;
    height : 16px;
    }
    
    .dir.reset {
    right : 8px;
    background-position : -64px -26px;
    }
    
    .dir.uri {
    right : 32px;
    background-position : -48px -26px;
    }


/*/ SITE MAP
----------------------------------------------------------------------------------------------------/*/

.site-map {
padding : 1em;
}
    
    .site-map legend {
    padding : 0 0.5em;
    font-size : medium;
    color : rgb(102, 102, 102);
    }


/*/ USER EXPERIENCE
----------------------------------------------------------------------------------------------------/*/

.ux.sprite {
background-image : url("/images/interface/ux.png");
background-repeat : no-repeat;
}

.ux.loading {
text-align : center;
}
    
    .ux.loading img {
    width : 16px;
    height : 16px;
    }


/*/ @MEDIA PRINT
----------------------------------------------------------------------------------------------------/*/

@media print {


/*/ OBJECTS
--------------------------------------------------/*/

.screen {
display : none !important;
}

.print {
display : block !important;
}

.print.break {
page-break-after : always;
}

.label {
text-shadow : none;
}


/*/ LINKS
--------------------------------------------------/*/

a {
color : rgb(0, 0, 0);
}

a:visited {
color : rgb(0, 0, 0);
}

.hlight {
border-bottom : 1px solid rgb(0, 0, 0);
}


/*/ ICONS
--------------------------------------------------/*/

.icon {
padding-left : 0;
}

.icon:before {
width : 0;
}


/*/ INTERFACE
--------------------------------------------------/*/

html, body {
height : auto;
}

.interface.content {
padding : 0;
}

.interface.footer.print {
margin-top : 4em;
border-top : 2px solid rgb(0, 0, 0);
}


/*/ MEMBER UNIVERSITIES
--------------------------------------------------/*/

.member.canvas img {
box-shadow : none;
}

.member.canvas header,
.member.canvas ul {
border : 1px solid rgb(0, 0, 0);
}


/*/ COURSE MATRIX
--------------------------------------------------/*/

.matrix.data {
border-collapse : collapse;
page-break-after : always;
border : 1px solid rgb(0, 0, 0);
}

.matrix.data:last-child {
page-break-after : avoid;
}

.matrix.data .col.credits,
.matrix.data .col.term1,
.matrix.data .col.term2,
.matrix.data .col.term3,
.matrix.data .col.term4 {
border-left : 1px solid rgb(0, 0, 0);
}

.matrix.course th {
border-top : 1px solid rgb(0, 0, 0);
}

.matrix.course th:after {
content : "";
display : block;
width : 16px;
height : 16px;
margin-top : 1em;
border : 1px solid rgb(0, 0, 0);
}

.matrix.course td {
border-top : 1px solid rgb(0, 0, 0);
}

.matrix.course td a {
color : rgb(0, 0, 0);
}


/*/ COURSE INFORMATION
--------------------------------------------------/*/

.informer.canvas .box-title {
page-break-before : always;
}

.informer.canvas th {
text-shadow : none;
}

.informer.canvas th,
.informer.section {
opacity : 0.5;
}


/*/ DIRECTORY
--------------------------------------------------/*/

.dir.letter {
margin-bottom : 0.25em;
}

.dir.section {
margin-bottom : 0.25em;
}

.dir.entries {
margin-bottom : 2em;
line-height : 2em;
}

/*/ end @media /*/}