@font-face {
    font-family: 'MarkerSDRegular';
    src: url('/fonts/marker_sd-webfont.eot');
    src: url('/fonts/marker_sd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/marker_sd-webfont.woff') format('woff'),
         url('/fonts/marker_sd-webfont.ttf') format('truetype'),
         url('/fonts/marker_sd-webfont.svg#MarkerSDRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #2c75e8 url(../images/background.png) repeat; 
}

img.social {display: block; float: left; margin: 0 0 0 10px; color: none; text-decoration: none; border: none !important;}


a { color: #F4FDBA; text-decoration: none; }
a:hover, a:focus { color: #333333; }

h1 {
	color: #F4FDBA;
	font-size: 20pt;
	font-weight: normal;
	margin: 0;
	padding: 1em 20px 0.5em 20px;
	font-family: 'MarkerSDRegular';
}
h2 { color: #F4FDBA; font-size: 13pt; font-weight: normal; margin: 0; padding: 0.5em 20px 0.5em 20px; font-family: 'MarkerSDRegular'; }
h3, p { color: white; font-size: 10pt; margin: 0; padding: 0.5em 20px 0.5em 20px; }
ul, ol {
	color: white;
	font-size: 10pt;
	line-height: 12pt;
	margin: 0.5em 20px 0.5em 20px;
	padding: 0 0 0 20px;
}
b, strong { color: #F4FDBA; }

label { color: white; font-size: 10pt; }
input, select, textarea {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	font-size: 10pt;	
}

.left { float: left; margin: 0 20px 0 10px; }
.right { float: right; margin: 0 10px 0 20px; }
html>body .left { margin: 0 20px 0 20px; }
html>body .right { margin: 0 20px 0 20px; }
.clear { height: 0px; clear: both; overflow: hidden; }
.border { border: 1px solid #616161; }

/* 1 is darkest, 4 is lightest */
.grey-1 { color: #333333; }
.grey-2 { color: #474747; }
.grey-3 { color: #505050; }
.grey-4 { color: #616161; }
.blue { color: #92CC96; }

#site-border {
	text-align: justify;
	width: 750px;
	margin: 0 auto 0px auto;
}

#site-head { width: 100%; height: 148px; margin:0;}

#site-foot	{ display:block; width:100%; height:70px; margin:-3px 0 0 0; padding:0; background:#005695; }

#site-links { width: 100%; position:relative; background: #7BB59E; }
#site-links ul { margin: 0; padding: 10px 0 10px 10px; list-style: none; }
#site-links li { display: inline; margin: 0 13px 0 13px;     font-family: 'MarkerSDRegular';  font-size: 26px;}

#site-links a { color: #F4FDBA; }
#site-links a:hover, #site-links a:focus { color: #005695; }


#site-body { 
	width: 100%;
	background-color: #429EE1; 
	padding: 0 0 50px 0;
}
#site-body .contact { padding: 2em 20px 0.5em 125px;  }


/* Contact Form */
#contactform { width: 50%; margin: 0.5em 20px 1em 20px; padding: 0;	}
#contactform div {  }
#contactform label {
	font-weight: bold;
	width: 100px;
	line-height: 20pt;
	float: left;
}
#contactform input, #contactform textarea, #contactform select {
	color: white;
	width: 200px;
	border: 1px solid #616161;
	background-color: #005695;
	padding: 4px;
	margin: 0;
}
html>body #contactform input, #contactform textarea, #contactform select { margin: 0px 0px 1px 0px; }
#contactform #submit { width: auto; margin: 0px 0px 0px 100px; padding: 1px; cursor:pointer; }
#contactform #submit:hover	{ color:#7FC66B; border: 1px solid #7FC66B; }

#netbop { color: #F4FDBA; font-size: 9pt; text-align: right; width: 225px; margin: 40px 0 0 0; display: block; float: left;}
#netbop a { color: #F4FDBA; }
#netbop a:hover, #netbop a:focus { color: #92CC96; }