@charset "utf-8";
/* CSS Document */
body {
    backgroud-color:#999;
    color:#000;
    font-family:'Istok Web',sans-serif;
    font-size:13px;
}
h1, h2, h3, h4, h5, h6 {
   color:#627073;
}
div#logo {
	background:rgba(0, 0, 0, 0) url("https://res.aecdaily.com/res/a/564558/pima-masthead.jpg") no-repeat scroll center top;
	height:185px;
	margin-top:27px;
}
div#navigation-container {
	position:relative;
	margin-bottom:0;
	margin-top:-57px;
}
ul#course-tabs li a {
    background-color:#333;
    color:#fff;
}
ul#course-tabs li a:hover {
    background-color:#a4a6a9;
    color:#333;
}
/* CSS Menu system */
nav {
}
nav li {
    position:relative;
}
nav ul ul {
    display: none;
}
    nav ul li:hover > ul {
        display: block;
    }
nav ul {
    color:#666;
    list-style: none;
    position: relative;
    display: inline-table;
    z-index:1;
    top:-2px;
}
    nav ul:after {
        content: "";
        clear: both;
        display: block;
    }
    nav ul li {
        float:left;
        color:#666;
    }
    nav#menu ul li {
        /*width:300px;*/
    }
    nav ul li, nav ul li:hover, nav ul ul li, nav ul ul li:hover {
        border: none !important;
    }
        nav ul li:hover {
            color:#000;
        }
            nav ul li:hover a {
                text-decoration:none;
            }
        nav > ul > li > a {
            position: relative;
            text-align: center;
            display:block;
            background-color: #f8e498;
            color: #333;
            font-size: 1.25em;
            font-weight: normal;
            padding: 6px 7px;
            margin-left:5px;
            text-decoration: none;
			border:1px solid #627073;
        }
        nav#menu > ul > li > a {
            font-size:1em;
        }
		nav > ul > li > a:hover {
			background-color: #f8e498;
			color: #627073;
			border:1px solid #dcdcdc;
		}
    nav ul ul {
        padding: 0;
        position: absolute;
        top:30px;
        right:0;
    }
    nav ul ul#menu-more {
        background: #dcdcdc;
        padding: 0;
        position: absolute;
        top:30px;
        left:2px;
        width:145px;
    }
        nav ul ul li {
            float: none;
            white-space:nowrap;
            border-top:5px solid transparent;
        }
        nav ul ul li:hover {
            border-top:5px solid transparent;
        }
            nav ul ul li a {
                background-color: #627073;
                width: 145px;
                text-transform: initial;
                font-size: 14px;
                text-align: left;
                padding: 10px;
                line-height: inherit;
                display: table-cell;
                vertical-align: middle;
                color: #fff;
                border-top: 1px solid #fff;
            }
                nav ul ul li a:hover {
                    color:#627073;
                    background:#fff;;
                }
                nav ul ul li a:hover {
                    background-color: #fff;
                    color: #627073;
                }
    nav ul ul ul {
        position: absolute;
        left: 100%;
        top:0;
    }
    nav ul ul ul:before {
        content: ">";
        font-weight: normal;
        color: white;
        position: absolute;
        left: -10px;
        top: 10px;
    }

nav > ul > li > a.active {
    background-color: white;
    border: 1px solid #ccc;
    border-bottom: 1px solid white;
    margin-top: 0;
    padding: 8px 15px;
}
nav > ul > li > a.active:hover {
    color: #55565a;
    text-decoration: underline;
}
nav ul ul#top-nav-more li a {
    width:420px;
}
nav ul ul#top-nav-more {
    right:0
}
.button {
    background-color: #627073;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: normal;
    margin:5px 0;
    padding: 6px 7px;
    position: relative;
    text-align: center;
    text-decoration: none;
    cursor:pointer;
}
.button:hover {
    background-color:#f8e498;
    color:#627073;
}
p.course-actions, p.news-actions {
    clear:left;
    padding:10px 0;
}
p.course-actions a, p.news-actions a {
    background-color:#627073;
    color:#fff;
    padding:5px;
    text-decoration:none;
}
p.course-actions a:hover, p.news-actions a:hover {
    background-color:#fff;
    transition: background-color .5s;
    color:#f8e498;
}
ul#transcript-level3-tabs li a, ul#mycourses-level3-tabs li a, ul#transcript-level3-tabs-supercompact li a {
    font-size: 1em;
    font-weight:normal;
    color: #666;
    display: block;
    float: left;
    line-height: 2.6;
    margin: 9px 1px 0 0;
    padding: 2px 8px;
    position: relative;
    text-decoration: none;
	border:1px solid #627073;
}
ul#transcript-level3-tabs li a:hover, ul#mycourses-level3-tabs li a:hover, ul#transcript-level3-tabs-supercompact la a:hover {
    background-color: #fff;
    color:#627073;
	border:1px solid #dcdcdc;
}
.tab-selected {
	background-color:#fff !important;
	color:#627073 !important;
	border:1px solid #dcdcdc !important;
}
ul#social-links li a {
    display:inline-block;
    text-decoration:none;
    padding:0 0 0 0;
    margin:0 5px 0 0;
    color:#808080;
}
ul#social-links li a:hover {
    color:#627073;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #627073;
    color: #FFFFFF;
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	nav > ul > li > a {
		margin-left:0px;
	}
}
@media only screen and (max-width: 479px) {
	nav > ul > li > a {
		margin-left:0px;
	}
}