@charset "utf-8";

/* GENERAL */
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.left {
	float:left;
}

p, h1, h2, h3, a, li {
	color:#333333;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	line-height:22px;
}
.content p, .content h1,.content h2,.content h3,.content li,.content .splashPhotos,.content .mugshots img,.content .sort, .grantee {
    padding: 0 20% 0;
    border: none;
}
body {
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,148,201,1) 30%, rgba(0,0,0,1) 100%);
	background-repeat: no-repeat;
}
td {
	vertical-align:top;
}
#wrap {
	background-color:#fff;
	width:800px;
	margin: 0px auto 0px auto;
}
#header {
	display:block;
	height:200px;
	background-image:url(/images/teacher-blue.png);
	background-repeat: no-repeat;
	background-size: 120%;
}
.content {
	background-color:#fff;
	/*padding:30px 20% 0;*/
	/*padding: 30px 0 0;*/
}
.board-content {
    padding:30px 20% 0;
}
#home .content {
	margin:auto;
}
#home #leftColumn {
	width:250px;
}
#leftColumn {
	width:180px;
	margin-right:0;
	float:left;
	min-height:280px;
	padding:0 15px 15px 15px;
}
#home #rightColumn {
	padding:30px 20px 30px 0;
	position:relative;
	width:500px;
}
#home .bx-controls-direction a {
border-bottom:none;
display: block;
width: 25px;
height: 67px;
position:absolute;
text-indent: -9999px;
top:150px;
z-index:999;
}
#home .bx-controls-direction a.bx-prev {
background: url(/images/prev.png) no-repeat 0 0 transparent;
left:50px;
}
#home .bx-controls-direction a.bx-next {
background: url(/images/next.png) no-repeat 0 0 transparent;
right:30px;
}
#rightColumn, .rightColumn {
	width:530px;
	float:right;
	padding:30px;
}
#home .bxslider p {
	font-size:14px;
	text-align:center;
}
#home .bxslider .org {
	color:#0094c9;
}
#home .bxslider .theme {
	color:#bcbcbd;
}
.sort {
	font-size:13px;
	margin-left:-140px;
	width:760px;
}
.sort .title {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 16px;
	text-align: center;
}
.sort p {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-family: 'Montserrat', sans-serif;
	font-size:14px;
	line-height:19px;
}
.sort .themes div:hover {
	color:#0094c9 !important;
	cursor:pointer;
}
.sort .themes div.active {
	font-weight:bold;
}
.sort .themes div.active:hover {
	cursor:default;
}
.sort .themes div.all.active p {
	color: #0094c9;
}
.sort .themes div.health.active p {
	color: #0094c9;
}
.sort .themes div.se.active p {
	color: #0094c9;
}
.sort .themes div.comm.active p {
	color: #0094c9;
}
.sort .themes div.env.active p {
	color: #0094c9;
}
.sort .themes div.active:hover p {
	color:#0094c9 !important;
}
.splashPhotos {
	/*margin-bottom:20px;*/
	margin: 40px 0;
	/*border:#ccc solid 1px;*/
}
#footer {
	clear:both;
	background-color:grey;
	/*border-top:solid 1px #CCC;*/
	padding:10px 10px 10px 100px;
}
#leftColumn, #rightColumn, .rightColumn {
	background:#fff;
}
a {
	text-decoration:underline;
	/*border-bottom:1px solid #333333;*/
}
a:hover {
	color:#0094c9;
}
hr {
	border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	height: 2px;
	margin: 10px auto 0 0;
	text-align:center;
}

/* HEADER */
#header h1 {
	display:none;
}
#logo {
	float:left;
	width: 270px;
	height: auto;
	margin-left:15px;
	margin-top:20px;
	border: 3px solid #0094c9;
	border-radius: 5px;
	padding: 5px;
	background-color: rgba(0, 0, 0, .5);
}
#logo:hover {
    background-color: rgba(0, 0, 0, .9);
}
#login {
	float:right;
	margin:10px 10px 0 0;
}
#login p, #login a {
/*	color:#fff;*/
	color:#666666;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size:10px;
	padding:3px;
}
#login a {
/*	background-color:#5c3333;*/
	text-decoration:underline;
	border:none;
}
#login a:hover {
	text-decoration:none;
}
#tagline {
	font-style:italic;
	font-size:16px;
/*	color:#CCCCCC;*/
	color:#666666;
	float:right;
	margin:83px 20px 0 20px;
}

/* NAVIGATION */
#nav {
	padding:30px 5px 0 5px;
	background-color: #808080;
}
#nav li.first, #nav li.last {
	margin-left:15px;
}
#nav li {
	float: left;
	height:30px;
	margin: 0px 10px;
	text-align:center;
	width: 175px;
	color: white;
}
#nav a li {
	font-size:20px;
	line-height:22px;
	text-decoration:none;
}
#nav a:hover {
	text-decoration:none;
	border-bottom:none;
	color:#333;
}
#nav li:hover, #about #nav li.about, #grants #nav li.grants, #process #nav li.process, #contact #nav li.contact {
	color: #0399CD;
}

/* SIDEBAR */
#sidebar {
	padding:20px 0 0 5px;
}
#home #sidebar h2 {
	font-size:15px;
	margin-top:6px;
}
#sidebar h2 {
	font-size:11px;
	font-weight:bold;
	font-style:italic;
/*	color:#beab7c;*/
	color:#999999;
	margin-bottom:10px;
}
#home #sidebar p {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	line-height:22px;
	margin-bottom:12px;
}
#sidebar p, #sidebar a {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size:11px;
	line-height:14px;
}
#source p, #source a {
	font-size:9px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	line-height:10px;
	color:#999999;
}
#source a {
	border-bottom:1px solid #999;
}
#source a:hover {
	text-decoration:none;
	color:#ff0000;
	border-bottom:1px solid #ff0000;
}
.sort .themes {
	margin-bottom:0;
}

.themes {
	margin-bottom:40px;
	animation: fadeInLeft;
    animation-duration: 2s;
}
.sort .themes div {
margin-left:7px;
width:143px;
}

.themes div {
background-color: #f8f5f1;
border: 1px solid #fff;
/** border: 1px solid; **/
float: left;
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height:18px;
margin-left: 20px;
min-height: 34px;
padding: 20px 0;
text-align: center;
width: 174px;
}

.sort .themes div p {
font-size:13px;
}

.themes div p {
background-color:#E0E0E0;
color:black;
font-size:15px;
padding:5px 0;
}
.sort .themes div.all p {
padding:16px 0;
}
.themes div.all {
background:url(/images/all-topics.jpg);
}
.themes div.health {
background:url(/images/health-topic.jpg);
}
.themes div.se {
background:url(/images/se-topic-1.jpg);
}
.themes div.comm {
background:url(/images/comm-topic.jpg);
}
.themes div.env {
background:url(/images/env-topic.jpg);
}
.themes div:hover {
/** background-color: #f8f5f1;
border: 1px solid #fff;
color: #333;
background-color: #cdcece;
border: 1px solid #fff;
color: #fff; **/
}
.themes div:hover p {
color:#0399cd;
}

/* NON-HOME PAGES */
h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
	/*color:#00CC99;*/
	color:#333333;
	margin-bottom:20px;
}
#asterisk {
    font-size: 12px;
}
#about h3, #apply h3, #board h3, #contact h3, #grants h3, #process h3 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:9px;
	margin-top:10px;
}
#about .board h3 {
	margin-top:0px;
}
#rightColumn p, .rightColumn p, li {
	font-size:12px;
	line-height:18px;	
}

/* HOMEPAGE LAYOUT SPECS -- DO NOT MOVE UP */
#home .summaries {
	float:left;
	width:458px;
	height:80px;
}
#home #rightColumn h3, #home .rightColumn h3 {
	font-size:14px;
	font-weight:bold;
	clear:both;
	display:block;
}
#home .thumbs {
	float:left;
	margin-right:5px;
	border:1px solid #CCCCCC;
}
#home .thumbs:hover {
	border:1px solid #ff0000;
}

/* GRANTS PAGE */
#rightColumn ul, .rightColumn ul {
	list-style-type:disc;
	padding-left:40px;
}
.logos {
	float:right;
	margin:0 0 15px 15px;
}	
.logos_home {
	float:right;
	margin-left:15px;
}
#home #rightColumn #logos_home a, #home .rightColumn #logos_home a {
	border:none;
}
.grantee {
	border-bottom: 1px solid #333333;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 22px;
	padding-bottom:20px;
	padding-top:20px;
	/*animation: fadeInUp;*/
 /*   animation-duration: 2s;*/
}
.grantee img {
	margin-right:20px;
	max-height:90px;
}
.grantee a.left {
	border-bottom:none;
	width:134px;
}
#rightColumn a, .rightColumn a {
	/*font-weight:bold;*/
}
.rightColumn img {
	margin-bottom:0;
}

/* BOARD PAGE */
.mugshots {
	float:left;
	height:300px;
	padding:0 15px 10px 0;
}

.mugshots a {
	font-size:11px;
}


/* FOOTER */
#footer p, #footer a {
	color:#fff;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size:11px;
	text-decoration:none;
	border-bottom:none;
}
#footer a:hover {
	color:#0399cd;
	border-bottom:none;
}

/*Color Blocking*/
.blue {
    background-color: #0094c9;
    padding: 30px 0;
}

.blue p, .blue a, .blue h3 {
    color: white;
    text-decoration-color: white;
}

.blue a:hover {
	color:black;
	text-decoration-color: black;
}

.grey {
    background-color: #E0E0E0;
    padding: 30px 0;
}

/*Animation*/
img {
    animation: fadeIn;
	animation-duration: 2s;
}