html {
    background-color:#3b3b3b;
}

body {
    position:relative;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top:20px;
}
h1 {
    font-size:28px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:20px;
}
h4 {
	font-size:18px;
}
h5 {
	font-size:16px;
}
h6 {
	font-size:14px;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 600;
	color:#000;
}
a { 
    cursor:pointer !important
}
p,
.maincontent ul li,
.maincontent ol li {
    font-size:13px;
}
div a,
p a,
li a,
blockquote a {
	color:#a3792c;
	text-decoration:none;
}
div a:hover,
p a:hover,
li a:hover,
blockquote a:hover {
	color:#6B4F1D;
	text-decoration:none;
}
.right {
	float:right;
}
.left {
	float:left;
}
.transition {
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-ms-transition-duration: .3s;
}
.navbar {
	margin-bottom:0px;
	border-radius:0px;
	min-height:inherit;
}
.navbar .container {
	padding:0px;
}
.navbar-nav {
	margin:0px !important;
}
.navbar-collapse {
	border:0px;
	box-shadow:none;
	padding:0px;
}
.navbar-toggle {
    padding: 0 4px;
    margin: 6px 4px 0 0;
    border: none;
    font-size: 1.25em;
}

.navbar-toggle:before {
    content: "MENU ";
}   
.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: transparent !important;
}
.goldbar {
	background-color:#a3792c;
	color:#fff;
	font-size:11px;
	border:0px;
        padding: 5px 0 5px 0;
	box-shadow: 0px 2px 10px #1e1e1e;
}
.goldbar a {
    text-decoration:none !important;
    color: #fff;
}
.goldbar .toplink {
    font-size: 1.25em;
    padding: 0 1em;
}
.cse form.gsc-search-box, form.gsc-search-box {
    padding:7px !important;
    margin:0px !important;
}
.cse table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-input {
    padding:0px !important;
}

.top {
	background-image: url('/images/stripes.png');
	background-repeat:repeat;
}
.top .logo {
	margin:25px 0px;
}
.top .logo a,
.top .logo a img {
    margin-left: auto;
    margin-right: auto;
    
	display:block;
}
.top .department {
	width:inherit
}
.top .department a {
	color:#fff;
	font-weight: 100;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	letter-spacing:1px;
	border-left:1px solid #a3792c;
	display: block;
}
.blackbar {
	background-color:#171717;
	border:0px;
}
.blackbar a {
    text-decoration:none !important;
}
.goldbar .navbar-brand {
    color: white;
    padding: 6px;
    height: auto;
    font-size: 1.33em;
}
.blackbar .navbar-nav > .open > a,
.blackbar .navbar-nav > .open > a:hover,
.blackbar .navbar-nav > .open > a:focus{
	background-color:transparent;
}
.blackbar li a .caret {
    display: none;
}
.blackbar li.dropdown a.dropdown-toggle .caret {
    display: inline-block;
    margin-left:5px;
}
.blackbar .dropdown .dropdown-menu {
	background-color:#171717;
	border:0px;
	border-radius:0px;
	z-index:1001;
}
.blackbar .dropdown .dropdown-menu > li > a {
	color:#999;
}
.blackbar .dropdown .dropdown-menu > li > a:hover,
.blackbar .dropdown .dropdown-menu > li > a:focus {
	background-color:transparent;
	color:#fff;
}
.blackbar .dropdown .dropdown-menu > li.dropdown-submenu > a .caret {
    display:none;
}
.blackbar .dropdown.open ul.dropdown-menu li.dropdown:hover > ul.dropdown-menu {
    display:block;
    top: 0;
    left: 100%;
}
.blackbar .dropdown.open ul.dropdown-menu li.dropdown:hover > ul.dropdown-menu li.dropdown ul.dropdown-menu {
    display:none;
}
.blackbar .dropdown.megamenu {
	position: static;
}
.blackbar .dropdown.megamenu .dropdown-menu {
	left: auto;
}
.blackbar .dropdown.megamenu .dropdown-menu ul {
	width:160px;
	padding:0px;
	list-style-type:none;
}
.blackbar .dropdown.megamenu .dropdown-menu ul li {
	color:#999;
}
.blackbar .dropdown.megamenu .dropdown-menu ul li a {
	padding: 3px 20px;
	color:#999;
	text-decoration:none;
	display:block;
}
.blackbar .dropdown.megamenu .dropdown-menu ul li a:hover {
	color:#fff;
}
.blackbar .dropdown.megamenu .dropdown-menu ul li img {
	width:100%;
	padding: 0px 20px 15px 20px;
}
.dropdown-menu {
	-webkit-box-shadow:none;
	box-shadow:none;
}
.dropdown-submenu {
	position:relative;
}
.dropdown-submenu > .dropdown-menu {
	top:0;
	left:100%;
	margin-top:-6px;
	margin-left:-1px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.dropdown-submenu:hover > .dropdown-menu {
	display:block;
}
.dropdown-submenu > a:after {
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:4px 0 4px 4px;
	border-left-color:#999;
	margin-top:5px;
	margin-right:-10px;
}
.dropdown-submenu:hover > a:after {
	border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
	float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}
a .caption {
	position:absolute;
	bottom:5px;
	left:10px;
	color:#fff;
	font-size:18px;
	font-weight:300;
	line-height:18px;
	text-transform:uppercase;
}
a .caption {
	text-shadow:2px 2px 5px #000;
}

.breadcrumb {
	font-size:12px;
}
.breadcrumb ol {
	padding: 8px 15px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}
.breadcrumb ol li {
	display:inline-block;
}
.breadcrumb ol > li + li:before {
	/* content: "/\00a0"; */
    content: "\bb";
	padding: 0 5px;
}
.breadcrumb ol li,
.breadcrumb ol li a {
    text-decoration:none;
}

.feature a {
	color:#666;
	/*border:1px solid #999;*/
	background-color:#eee;
	width:100%;
	display:block;
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	text-decoration:none;
}
.feature a:hover {
	background-color:#666;
	color:#fff;
}
.maincontent {
	padding-bottom:20px;
}
.maincontent .banner {
	width:100%;
	padding-bottom:20px;
}
.maincontent h1 {
	margin-top:0px;
}
.maincontent.news h3 {
	display:inline-block;
	color:#999;
	padding-right:10px;
	margin:0px;
}
.maincontent.news h3.date {
	border-left:1px solid #999;
	padding-left:10px;
}
.maincontent.news span.photo {
	float:right;
	margin:0px;
	margin-left:15px;
	margin-bottom:20px;
	width:216px;
	color:#666;
}
.maincontent.news span.photo img {
	display:block;
	width:inherit;
}
.maincontent.news span.photo p {
	padding:15px;
	margin:0px;
	background-color:#f5f5f5;
}
.sidenav,
.sidecontent {
	padding-bottom:20px;
}
.sidenav ul, .sidecontent ul.quick_links {
	list-style:none;
	padding:0px;
	margin-bottom:0px;
	background-color:#f5f5f5;
}
.sidenav h1, .sidecontent h1.quick_links {
    color: #333;
    display: block;
    padding: 10px 15px 10px 6px;
    margin: 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
    background-color: #e8e8e8;
}
.sidenav ul li a, .sidecontent ul.quick_links li a {
	color:#333;
	display:block;
	padding:10px 15px 10px 12px;
	border-left: 3px solid #e3e2e2;
    text-decoration:none;
}
.sidenav ul li a:hover, .sidecontent ul.quick_links li a:hover {
	background-color:#999;
	text-decoration:none;
	color:#fff;
	border-left: 3px solid #666;
}
.sidenav .dropdown-submenu > a:after, .sidecontent .dropdown-submenu > a:after {
	margin-right:0px;
}
.sidenav .dropdown-submenu:hover > a:after, .sidecontent .dropdown-submenu:hover > a:after {
	border-left-color: #666;
}
.sidenav .dropdown-menu {
	margin:0px;
	border:0px;
}
.sidecontent.news h3 {
	margin-top:0px;
}
.sidecontent.news ul {
	list-style-type: square;
	padding-left:15px;
	margin:0px;
}
.sidecontent.news ul li {
	padding-bottom: 15px;
}
.sidecontent.news ul li a {
	color:#333;
	line-height:14px;
	font-size:12px;
}	
.rightnav h5 {
	color:#333;
}
.rightnav ul {
	list-style:none;
	padding-left:0px;
}
.rightnav ul li a {
	/*color:#333;*/
    color: #a3792c;
	font-size:12px;
    text-decoration:none;
}
.rightnav ul li a:hover {
    text-decoration:underline;
}
.footer {
	background-color:#171717;
	padding:20px 0px;
    font-size:12px;
    color:#ccc;
}

.bottom {
	background-color:#3b3b3b;
	padding:10px 0px;
}
.bottom p {
	color:#ccc;
	margin-bottom:0px;
	font-size:10px;
	text-align:center;
}
.bottom p a {
	color:#ccc;
}

/*** Quicklinks Front Page ***/
.outreach_ql {
    background-color:#e4ae23;
    color: #ffffff;
  font-weight: normal;
  font-size: 15px;
  display: block;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  line-height: 24px;
  text-decoration-line: none;
  text-decoration-style: solid;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
}

.student_ql {
        background-color:#5d9632;
    color: #ffffff;
  font-weight: normal;
  font-size: 15px;
  display: block;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  line-height: 24px;
  text-decoration-line: none;
  text-decoration-style: solid;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
    
}

.deptinfo_ql {
        background-color:#e37f1c;
    color: #ffffff;
  font-weight: normal;
  font-size: 15px;
  display: block;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  line-height: 24px;
  text-decoration-line: none;
  text-decoration-style: solid;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
    
}

.facilties_ql {
        background-color:#695e49;
    color: #ffffff;
  font-weight: normal;
  font-size: 15px;
  display: block;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  line-height: 24px;
  text-decoration-line: none;
  text-decoration-style: solid;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
    
}


/*** General Media Queries ***/

/* iPhone */
@media only screen and (max-width: 479px) {
	.resources .links {
		width: 100%;
		padding-top: 15px !important;
		text-align: left !important;
	}
	.resources .links h6,
	.resources .links ul li a {
		font-size:18px !important;
	}
}
/* Mobile */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}
/* XSmall */
@media only screen and (max-width: 767px) {
        body {
            padding-top: 60px;
        }
        
	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
	}
	h1 {
		font-size:28px;
	}
	h2 {
		font-size:24px;
	}
	h3 {
		font-size:22px;
	}
	h4 {
		font-size:20px;
	}
	h5 {
		font-size:18px;
	}
	h6 {
		font-size:18px;
	}
	p, li,
    .maincontent ul li,
    .maincontent ol li {
		font-size:16px;
	}
	.nav > li > a {
		padding:10px 20px;
	}
    
    .blackbar .global-link {
        margin: 15px 20px;
    }
    .blackbar hr {
        border-color: #888;
        margin: 10px 20px;
    }
    .blackbar .global-link a {
        color: #fff;
        font-size: 16px;
    }

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
	.navbar-inverse .navbar-nav .dropdown-menu > li > a {
		color:#fff;
		text-transform:none;
		padding: 5px 15px;
		font-size: 14px;
		line-height: 20px !important;
		margin:0px;
        white-space: normal;
	}
	.navbar .container {
		padding:0px 15px;
	}
	
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		box-shadow: none;
		display:block;
	}
    .cse input.gsc-input,
    input.gsc-input {
	    width:100% !important;
    }
	.top {
		display:none;
	}
        
        .menu-slide {
            -webkit-transform: translateX(-80%);
            -moz-transform: translateX(-80%);
            transform: translateX(-80%);
        }
        
        .goldbar {
            position: fixed;
            width: 100%;
            z-index: 100;
            top: 0;
        }
        
        .blackbar.navbar-inverse {
            display: block;
            position: fixed;
            margin-left: 0;
            left: 100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #333;
            z-index: 100;
        }
        
        .blackbar.navbar-inverse>.container {
            height: 100%;
            width: 80%;
            margin-left: 0px;
            overflow-y: scroll;
        }
        
        .blackbar.navbar-inverse .navbar-collapse {
            display: block;
        }
        
        .blackbar.navbar-inverse ul.nav li.dropdown > ul.dropdown-menu {
            position: static;
            display: block;
            float: none;
            overflow: hidden;
            padding: 0;
        }
        
        .blackbar.navbar-inverse ul.nav li.dropdown > ul.dropdown-menu.closed {
            display: none;
        }
        
	.blackbar.navbar-inverse .navbar-nav > li > a:hover {
		color:#a3792c;
	}
	.blackbar.navbar-inverse .navbar-nav > li > a {
		color:#fff;
	}
        
	.blackbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
	.blackbar.navbar-inverse .navbar-nav .dropdown-menu > li > a {
		padding: 5px 35px;
	}
	.blackbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.blackbar.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover {
		color: #a3792c;
	}
	.blackbar .dropdown-submenu > a:after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 4px;
		vertical-align: middle;
		border-top: 4px solid;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		float:none;
	}
	.blackbar.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu > .dropdown-menu li a,
	.blackbar.navbar-inverse .navbar-nav .dropdown-menu > .dropdown-submenu > .dropdown-menu li a {
		padding: 5px 55px;	
	}
	.banner1,
	.banner2,
	.banner3,
	.carousel-control.left,
	.carousel-control.right,
	.carousel-indicators {
		display:none;
	}
	.resources {
		padding:20px;
	}
	.resources .photo {
		border:0px;
		padding:0px;
	}
	.resources h4 {
		text-align:center;
		font-size:35px;
	}
	.resources .links {
		padding:0px 15px;
		text-align:center;
	}
	.resources .links:nth-child(3),
	.resources .links:nth-child(4) {
		padding-top:15px;
	}
    .resources .links:nth-child(3) {
        clear:left;
    }
	.resources .links h6,
	.resources .links ul li a {
		font-size:1.2em;
	}
	.events {
		padding-bottom:20px;
		background-color:#f5f5f5;
	}
	.events h4 {
		display:inline-block;
		font-size: 35px;
		color: #6f6f6f; 
		text-align: center;
		background-color:transparent;
		width:100%;
		margin:0px;
		padding:0px;
	}
	.events .rss-items {
		padding:0px 10px;
	}
	.events .rss-items li.rss-item {
		background-color:transparent;
		width:100%;
		/*height:inherit;*/
		border:0px;
		font-size: 1.2em;
	}
	.events .rss-items li.rss-item a {
		margin-top:0px;
        margin-left: 75px;
        float:none;
        padding:0px;
        left:0px;
        line-height:20px;
	}
	.events .rss-items li.rss-item .rss-date {
		padding: 10px 15px;
        float:none;
        left:0px;
	}
	.events .photo {
		border:0px;
		margin-bottom:20px;
	}
	.breadcrumb {
		display:none;
	}
	.maincontent {
		float:none;
		padding-top:20px;
	}
	.sidenav ul li {
		border-bottom: 2px solid #fff;
	}
	.sidenav ul li a {
		font-size:18px;
	}
	.hero,
	.feed {
		border:0px;
	}
	.hero {
		height:200px;
		border-left: 15px solid #fff;
		border-right: 15px solid #fff;
	}
	.feed {
		border-left: 15px solid #fff;
        border-right: 15px solid #fff;
        height:inherit;
        margin-bottom:0px;
	}
    .feed .tab-content .tab-pane h3 {
        font-size:22px;
    }
    .feed .tab-content .tab-pane ul {
        font-size: 16px;
    }
    .feed .tab-content .tab-pane div ul li {
        line-height: 20px;
    }
    .feed .tab-content .tab-pane div ul li a {
        font-size: 16px;
    }
	
	.feature a {
		margin-left:0px;
		margin-bottom:20px;
        font-size:16px;
	}
	.rightnav {
		display:none;
	}
	.maincontent.news {
		padding-bottom:0px;
	}
	.maincontent.news span.photo {
		float:none;
		margin-left:0px;
		margin-bottom:20px;
		display:block;
		width:100%;
	}
	.maincontent.news span.photo img {
		width:100%;
	}
	.maincontent.news span.photo p {
		padding:20px;
	}
	.sidecontent.news h3 {
		margin-top: 20px;
		padding-top:20px;
		border-top: 1px solid #eee;
	}
	.sidecontent.news .rss-item a {
		font-size:16px;
	}
	.footer {
		padding:0px 0px 20px 0px;
	}
	.bottom p {
		text-align:center;
	}
}
/* Small */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.top .department {
		margin-top: 40px;
	}
	.top .department a {
		font-size:20px;
	}
	.banner1,
	.banner2,
	.banner3 {
		height:386px;
		width:760px;
	}
	.events .event {
		height:140px;
	}
	.events .carousel-control {
		top:20px;
	}
	.events .rss-items li.rss-item a {
		text-overflow: ellipsis;
		width:370px;
		white-space: nowrap;
		overflow:hidden;
    }
	.feed .nav-tabs > li > a {
		font-size:12px;
	}
}
/* Medium */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.top .department {
		margin-top: 45px;
	}
	.top .department a {
		font-size:25px;
	}
	.banner1,
	.banner2,
	.banner3 {
		height:494px;
		width:980px;
	}
	.events .event {
		height:105px;
	}
	.events .rss-items li.rss-item a {
		text-overflow: ellipsis;
		width:520px;
		white-space: nowrap;
		overflow:hidden;
    }
}
/* Large */
@media only screen and (min-width: 1200px) {
	.top .department {
		margin-top: 35px;
	}
	.top .department a {
		font-size:25px;
	}
	
	.banner1,
	.banner2,
	.banner3 {
		height:596px;
		width:1180px;
	}
	.events .event {
		height:110px;
	}
	.events .rss-items li.rss-item a {
		text-overflow: ellipsis;
		width:650px;
		white-space: nowrap;
		overflow:hidden;
    }

}


/* Non-Mobile */
@media only screen and (min-width: 768px) {
	.footer .container .row div .collapse {
		display:block;
	}
}


@media print {
	.navbar, .breadcrumb,
    .sidenav, .sidecontent, .rightnav,
    .footer .panel, .motto, .bottom  {
        display:none !important;
    }
    .top .logo a img {
        width:30%;
    }
    .top .department a {
        border:0px;
        padding-left:0px;
        padding-bottom:20px;
        color:#000;
    }
    
    /* remove silly bootstrap link printing */
    a[href]:after {
        content: none;
    }
    
    nav,footer { display: none };
  
	.resources .links {
		display:block;
		width:100%;
	}
	.events {
		display:none;
	}
}

#features .carousel-inner {
    border-radius: 15px;}
#features .right.carousel-control {
    border-radius: 0 15px 15px 0;}
#features .left.carousel-control  {
    border-radius: 15px 0 0 15px;}
#features p {
    font-size: 14px;}
#features a.more {
    display: block;
    font-size: 16px;
    text-decoration: none;
    font-family: "PT Sans Caption",sans-serif;
    font-style: normal;
    font-weight:bold;
    color: #FFD7A4;
    float: right;}
#features .carousel-caption {
    /*background: rgba(118, 178, 217, 0.3);*/
    background: rgba(127, 132, 135, 0.3);    
    padding: 0px 5px 0px 10px;
    /*width:500px;*/
    border-radius: 15px;
    bottom: 0;
    left: 0;
    right: initial;
    text-align: left;}
#features .carousel-indicators {
    width: auto;
    right: 5%;
    left: auto;}
    
/*Style for Dropdown menu*/

ul.nav li.dropdown:hover > ul.dropdown-menu { 
display: block; 
}

/* Style for <figure> and <figcaption> tags */

figure {
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin: 6px;
    padding: 4px;
}

figcaption {
    text-align: center;
}

/* fix for resized carousel image rotator */
.carousel-inner>.item { max-width: 100% }

/* fix for chrome bug with rounded corners on carousel */
.carousel-inner {
    -webkit-transform: translate3d(0, 0, 0);
}
/* fix for google custom search and bootstrap */
.search-container * { box-sizing: content-box; }

/* new styles for top gold bar */
.goldbar a.purduelink {
  font-weight: bold;
  font-size: 10pt;
  float: left;
}
.goldbar a.purduelink:hover {
  color: #444;
}
.goldbar form.top_search {
  float: right;
  display: block;
}
.goldbar form.top_search input {
  width: auto;
  display: inline;
  height: 20px;
}
.goldbar form.top_search button.search_button {
  border: none;
  background: none;
  color: #fff;
}

.blackbar form.top_search input {
    background-color: rgb(85, 85, 85);
    border: 1px solid rgb(136, 136, 136);
    border-radius: 0px;
    display: inline;
    font-size: 16px;
    margin: 8px 0 8px 16px;
    width: 70%;
    color: #fff;
}

.blackbar form.top_search button {
    border: none;
    color: rgb(255, 255, 255);
    background-color: rgb(85, 85, 85);
    padding: 5px 10px;
    margin: 0;
}

.ui-widget {
    font-size:12px;
    }
    .panel-heading [data-toggle="collapse"]:after
{
    font-family: 'Glyphicons Halflings';
    content: "\e072"; /* "play" icon */
    float: left;
    color: #000;
    font-size: 8px; 

    /* rotate "play" icon from &gt; (right arrow) to down arrow */
    -webkit-transform: rotate(90deg);
    -moz-transform:    rotate(90deg);
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    transform:         rotate(90deg);
}
.panel-heading [data-toggle="collapse"].collapsed:after
{
    /* rotate "play" icon from &gt; (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(0deg);
    -moz-transform:    rotate(0deg);
    -ms-transform:     rotate(0deg);
    -o-transform:      rotate(0deg);
    transform:         rotate(0deg);
}
#gradnavtable ul{
 list-style-type:none;   
 font-weight:800;
}