@charset "UTF-8";
/* CSS Document */

html {
	height: 100%;
	width: 100%;	
}

body {
/*	background-image:url(/clients/upcea/img/BackgroundBoston02.jpg);
	background-repeat: no-repeat;
	background-position:bottom center;*/
background: #4da045; /* Old browsers */

background: -moz-linear-gradient(top,  #4da045 0%, #147ebc 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4da045), color-stop(100%,#147ebc)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #4da045 0%,#147ebc 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #4da045 0%,#147ebc 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #4da045 0%,#147ebc 100%); /* IE10+ */

background: linear-gradient(to bottom,  #4da045 0%,#147ebc 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4da045', endColorstr='#147ebc',GradientType=0 ); /* IE6-9 */
background-attachment: fixed;


font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 400;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}
img.pull-right {
	margin: 0 0 20px 20px;	
}

img.width980 {
	max-width:980px !important; 
	margin-left: -20px; 
	margin-top: -20px;
}

a {
	color: #ea9423;	
}

a:hover {
	color: #42580d;
}

h1, h2, h3 {
	font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.sidebar-nav {
    padding: 9px 0;
}

.hero-unit {
    background-color: #F1f1f1;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 30px;
    padding: 20px;
}
.container.upceaWrapper {
	background-color: #FFF;
	padding: 20px;
	border-radius: 0 0 10px 10px;
}

.navbar-inverse .navbar-inner {

background-color: #566068 /*#40454F*/;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4da045', endColorstr='#4da045', GradientType=0)
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar .brand {
    padding: 5px 0 8px 10px;
    margin-right: 25px;
}


/*.navbar .brand:before {
	font-weight: 400;
	color: #7296c8;
	font-size: 24px;
	text-shadow: 1px 1px 1px #444;
	content: "UPCEA";
}*/
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: #111111;
	opacity: .5;
    color: #FFFFFF;
}

.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background: #4da045; /* Old browsers */
background: -moz-linear-gradient(top,  #4da045 50%, #4da045 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#4da045), color-stop(100%,#4da045)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4da045 50%,#4da045 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4da045 50%,#4da045 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4da045 50%,#4da045 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4da045 50%,#4da045 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4da045', endColorstr='#4da045',GradientType=0 ); /* IE6-9 */






    color: #FFFFFF;
}

.navbar .nav > li > a {
 padding: 28px 15px 6px;
 font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 15px;

}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
  background: #4da045; /* Old browsers */
background: -moz-linear-gradient(top,  #4da045 50%, #4da045 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#4da045), color-stop(100%,#4da045)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4da045 50%,#4da045 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4da045 50%,#4da045 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4da045 50%,#4da045 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4da045 50%,#4da045 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4da045', endColorstr='#4da045',GradientType=0 ); /* IE6-9 */





    color: #FFFFFF;
    text-decoration: none;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #BC122F;
    background-image: -moz-linear-gradient(center top , #BC122F, #0077B3);
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

footer {
font-size: 12px;}

.table-hover tbody tr th, .table-hover tbody tr:hover th {
    background-color: #DDD;
 font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.sidebar-nav .accordion-group {
    border: 0px solid transparent;
    border-radius: 0;
    margin-bottom: 0;
}
.sidebar-nav .accordion-group .nav-list {

    padding-right: 0px;
	font-size: 93%;
}




@media (max-width: 979px) {
body {
	padding-top: 0px !important;	
}

img.width980 {
	max-width: 100% !important;
	margin: 0;
}

.navbar .brand {
padding: 0;
margin: 5px 10px;	
}

.navbar .brand:before {
	content: "Convergence | Credential Innovation in Higher Ed";
}


.navbar .nav > li > a {
 font-family: 'Open Sans Condensed',Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 4px 4px;
		
}

.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
	background-color: transparent;	
	background: transparent;	
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    color: #EEE;
    padding: 5px 15px;
    font-family: 'open sans condensed';
}



@media (max-width: 767px) {

img.width980 {
	display: none;
}


}



.sidebar-nav p {
    padding: 5px 20px;
}