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

@font-face {
    font-family: OpenSans;	
	src: local(OpenSans), url('../fonts/OpenSans-Regular.ttf') format('opentype');	
}

body {
	background-color:#FFF;
	font-family:OpenSans, sans-serif;
	font-size:13px;
	color:#333;
}

a {
	color:#333;
}

hr {
	border-color:#CCC;
	border-style:solid;
	border-width:1px;
	background-color:#CCC;
}

textarea {
	font-family:OpenSans, sans-serif;
	font-size:13px;
	color:#000;
}

input {
	font-family:OpenSans, sans-serif;
	font-size:13px;
	color:#000;
} 

h1 {
	font-size:2.2em;
	font-weight:normal;
	color:#666;
}

h2 {
	font-size:1.8em;
	font-weight:normal;
}

h3 {
	font-size:1.4em;
	font-weight:normal;
}

h4 {
	font-size:1.2em;
	font-weight:normal;
}

a:hover {
	color:#666;
}

img {
	border:none;
	max-width:100%;
}

table {
	border-color:#CCC;
	border-width:1px;
	border-style:solid;
	font-size:.9em;
}


td {
	border-color:#CCC;
	border-width:1px;
	border-style:solid;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:1280px;
	background-color:#FFF;
}

.admin-nav {
    text-align:right;
}

.admin-nav a{
	color:#000;
	padding-left:10px;
}

.border {
	display:block;
	padding:.2em 0;
	margin:.5em 0;
	background-color:#557500;
}

.button {
    background-color:green;
    color:white;
    padding:4px;
    width:auto;
    height:auto;
	text-decoration:none !important;
}

.button {
    background-color:green;
    color:white ;
    padding:4px;
    width:auto;
    height:auto;
	text-decoration:none !important;
}

.button a {
	color :white !important;
}

.client a {
	text-align:right;
	font-size:.6em;
	text-decoration:underline;
}

.content {
	background-color:#FFF;
	padding:0 1em;
	font-size:1.1em;
	color:#333;
	margin-bottom:2em;
}

.content-home {
	background-color:#FFF;
	padding:0 2em 2em 2em;
	font-size:1.1em;
	color:#333;
	margin-bottom:2em;
}

.content-home img {
	max-width:100%;
}

.email {
	float:right;
	font-size:1.6em;	
}

.email a {
	text-decoration:none;
	color:#333;
}

.float-right {
	float:right;
	margin-left:20px;	
}

.funny img {
	max-width:100%;
}

.green {
	color:#557500;
}

.green-large {
	color:#557500;
	font-size:2em;
}

.header {
	font-size:1.5em;
	font-weight:normal;
}

.header a {
	text-decoration:none;
}

.large-text {
	font-size:1.8em;
}

.left {
	float:left;
	margin-right:.4em;
}

.legal {
	text-align:right;
}

.logos {
	text-align:center;
	padding-top:2em;
}


.matrix {
	margin-left:auto;
	margin-right:auto;	
	padding:10px;
	margin:0 10px;
	background-color:#fff;
	color:#000;
	text-align: left;
	white-space:nowrap;
	overflow:auto;		
}

.posts {
	background-color:#EFF8E0;
	padding:0 2em 2em 2em;
	font-size:1.1em;
	color:#000;	
	margin-bottom:2em;
}

.posts-block {
	margin:0 1em;
}

.red {
	color:#F00;
}

.right {
	float:right;
	margin-left:.4em;
}

.shaded {
}

.small-acc {
	font-size:.8em;
	font-style:italic;
}

.tail {
	background-color:#FFF;
	border-top-color:#557500;
	border-top-style:solid;
	border-top-width:3px;	
	color:#557500;
	padding:1em 0em 0em 0em;
	font-size:1em;
}

.tail a {
	color:#557500;
	text-decoration:none;
}

.topper-wrapper {		
	background-color:#FFF;	
	clear: both;
	position: fixed;
	z-index: 999;
	top:auto;
	bottom: 0px;
	left:0px;
	width: 100%;			
}

.topper {
	margin-left:auto;
	margin-right:auto;	
	padding:10px;
	margin:0 10px;
	background-color:#2a2a2a;
	color:#fff;
	text-align: left;
	white-space:nowrap;
	overflow:auto;	
}
.webforms {
	width:100%;
	max-width:500px;
}
.webforms form input {
	width:100%;
	padding:4px;
	font-size:1.1em;
}
	

@media only screen and (min-width: 0px) and (max-width: 480px) {
	.funny img {
		max-width:180px;
	}
}