@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@charset "UTF-8";

/* == for link formatting == */
/*navigation links*/
.link_nav {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/*font-size: 125%;*/
	font-size: 110%;
	text-decoration: none;
	color: #4B7F3D;
}

a img { /* removes blue border in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* changes content body link text color when mouse hovers */
.content_link a:hover { 
	color: #CE920F;
}

/* makes content body links more visible */
.link_body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 100%;
	text-decoration: none;
	color: #4B7F3D;
}

/* == Site link styling must remain in this order. == */
a:link {
	color: #4B7F3D;
	text-decoration: none;
	/*text-decoration: underline;*/ /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #4B7F3D;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* == The navigation list styles == */
ul.nav {
	list-style: none; /* this removes the list marker */
	margin-bottom: 10px; /* this creates the space between the navigation on the content below */
}

ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background-color: #F3F3F1;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #F3F3F1;
	color: #CE920F;
}