@import url('adapt.css');
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);

body, body.webprogram {
	background-color: #FFFFFF;
	color: #474747;
	font-family: 'Noto Sans', sans-serif;
	
	}
a:link, a:visited {
	color:#93BD4F;
	text-decoration: none;
	}
	a:hover {
		#A7BA8C;
		}
	

.banner {
	padding: 30px 0;
	}
	html#range_0 .banner {
		background-color: #A7BA8C;
		}
		html#range_0 .banner h1 div.bannertitle {
			background-color: transparent;
			}
			.banner img {
				width: auto;
				height: auto;
				}
				html#range_1 .banner img, html#range_1 .banner {
					width: 100%;
					height: auto;
					}
					html#range_1 .banner img {
						width: auto;
						height: auto;
						}
					.banner h5 {
						margin-top: .5em;
						margin-bottom: 1.5em;
						}
						html#range_0 .banner h5, html#range_0 .banner h2{
							display: none;
							}					
						.banner h5 a{
							font-size: 14px;
							color: #93BD4F;
							font-weight: normal;
							}
							.banner h2 {
								font-size: 1.6em;
								font-weight: normal;
								margin-bottom: 3px;
								}
.divider_bar {
	height: 50px;
	background-color: #E5E5E5;
	background-image: url('/img/sim/webprogram/divider.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	border-top: 1px solid #474747;
	}
	
.content {
	border: none;
	}
	
.content h2 {
	background-color: #FFFFFF;
	color: #474747;
	font-size: 1.2em;
	font-weight: normal;
	}
		
.sidebar_priority {
	border: none;
	background-color: #D1E990;
	
	}
	.sidebar_priority h5 {
		background-color: transparent;
		font-size: 1.2em;
		color: #333333;
		text-align: center;
		font-weight: normal;
		padding-top: 50px;
		margin-top: -50px;
		}
		#sidebar:before {
			content: "";
			border-radius: 50%;
			background-color: #A7BA8C !important;
			border: 1px solid #6A8B3A !important;
			color: #FFFFFF !important;
			width: 50px;
			height: 50px;
			display: inline-block;
			margin-left: 40%;
			margin-right: 40%;
			margin-top: 20px;
			background-image: url('/img/sim/webprogram/info.png');
			background-repeat: no-repeat;
			background-position: center center;
			}
			
.navigation {
	border: none;
	}
	.navigation li {
		border-color: #E0DEDE;
		color: #333333;
		border-right: 1px #E0DEDE solid;
		border-top: 1px #E0DEDE solid;
		border-left: 0px;
		border-style: solid;
		}
		.navigation li:last-child {
			border-bottom:1px #E0DEDE solid;
			}
		.navigation ul li ul li {
			border: none;
			}
			.navigation ul li ul li:last-child {
				border-bottom: none;
				}
				.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active, .navigation li a:focus {
					font-weight: normal;
					background: #F6F6F6;
					background: -moz-linear-gradient(right, #F6F6F6, #fff);
					background: -webkit-gradient(linear, right center, left center, from(#F6F6F6), to(#fff)); 
					}
					.navigation li a:hover {
						background: #FFFFFF;
						color: #333333;
						}
						.navigation li a.currentpage, .navigation li a.currentpage:link, .navigation li a.currentpage:visited, .navigation li a.currentpage:active, .navigation li a.currentpage:focus {
							background: #FFFFFF;
							border-right: 2px solid #A7BA8C; 
							color: #A7BA8C;
							}
.meetingDate{
	margin-top:80px;
}
/* THIS IS WHERE YOU PUT YOUR CLIENT STYLE OVERRIDES FOR COLOR, ETC. */

/* THIS STYLESHEET WILL ONLY HAVE STYLE ATTRIBUTES WITHIN IT. TO APPLY SPECIFIC STYLES TO A CLIENT, MAKE A STYLE.CSS IN THE CLIENT STYLESHEETS DIRECTORY AND ADD IN YOUR DIVS AND CLASSES. IF THERE ARE ANY QUESTIONS, CONTACT A STYLE PERSON FOR ASSISTANCE */


/****** BODY BACKGROUND GRADIENT ******/

/* body, body.webprogram { 	
	background: #ccc url('/static/img/bg-gradient.png') 50% 0 repeat-x;
} */

/****** ADDS SHADOWING TO ANY DIV YOU PUT THESE ATTRIBUTES IN ******/
	
	/*-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85);
	box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85); */
	

/****** ADDS ROUNDED CORNERS TO ALL CORNERS OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/

	/*border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/

/****** ADDS ROUNDED CORNERS TO THE BOTTOM OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/
	
	/* -moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px; */

/******* ADDS ROUNDED CORNERS TO THE TOP OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/

	/*border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px; */


/****** IF YOU WANT TO ADD A BUTTON GRADIENT TO ANY OF THE FOLLOWING HEADERS COPY THIS INTO YOUR CLIENT STLYES ******/

/*.sidebar h4, .sidebar_priority h3, .sidebar h5, .sidebar_priority h5, .content h2 {
	background:#666 url('/static/img/buttongradient.png') 50% 10% repeat-x;	
}*/



/****** IF YOU WANT TO ADD A BUTTON GRADIENT TO ANY OF THE FOLLOWING LIST ITEMS COPY THIS INTO YOUR CLIENT STLYES ******/

/*.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active, .navigation li a:focus, .navigation li a:hover {
	background:#ddd url('/static/img/buttongradient.png') 50% 50% repeat-x;
}*/