

* { outline: none; }
input::-moz-focus-inner { border: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
fieldset, img {
	border: 0px;
}
address, caption, cite, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0px;
}

.clear { clear: both; }
.hidden { display: none; }
.textright { text-align: right; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.divider { margin: 21px 0px; background: #dad2b4; height: 1px; }

/* ----- *\
	MAIN HTML AND BODY
\* ----- */

html {
	font-family: Arial, Trebuchet MS, sans serif;
	font-size: 0.875em;
    color: #222222;
	margin: 0px auto;
	padding: 0px;
	background: #a1b69f;
}

body {
    margin: 0px;
    padding: 0px;
    line-height: 1.5em;
}

/* ----- *\
	TYPOGRAPHY
\* ----- */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 21px;
	color: #00599c;
	font-weight: bold;
	text-transform: uppercase;
}

h1 {
	font-size: 3em;
	line-height: 1em;
}

h2 {
	font-size: 2.25em;
	line-height: 1.333em;
}

h3 {
	font-size: 1.5em;
	line-height: 1em;
}

h4, h5, h6 {
	font-size: 1.5em;
	line-height: 1em;
}

p {
	margin-bottom: 21px;
}

ul, ol {
	margin-bottom: 21px;
}
ul {
	list-style: square outside;
}
ul ul,
ol ol {
	margin: 0px 0px 0px 60px;
}

blockquote {
	margin: 0px 60px 0px 40px;
	border-left: 5px solid #c8d6c7;
	padding-left: 15px;
	text-indent: -0.4em;
}
blockquote b {
	display: block;
	text-indent: 0px;
}

a {
	color: #f46b20;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #222222;
}

/* ----- *\
	ADMINISTRATION BAR
\* ----- */

#adminbar {
	padding: 5px 10px;
	background: #1973b0 url(../admin_images/adminbar.png) top repeat-x;
	border: 1px solid #004c80;
	margin-bottom: 21px;
}
#adminbar form {
	padding: 0px;
	margin: 0px;
}
#editbutton {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	height: 40px;
	width: 220px;
	border: none;
	background: url(../admin_images/edit.png) top;
	cursor: pointer;
	text-indent: -3333px;
	overflow: hidden;
}
#editbutton:hover {
	background: url(../admin_images/edit.png) bottom;
}
#viewmediaform {
	display: block;
	float: right;
}
#viewmedia {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	height: 40px;
	width: 220px;
	border: none;
	background: url(../admin_images/viewmedia.png) top;
	cursor: pointer;
	text-indent: -3333px;
	overflow: hidden;
}
#viewmedia:hover {
	background: url(../admin_images/viewmedia.png) bottom;
}

/* ----- *\
	MAIN BODY CONTAINERS
\* ----- */

#contentbg {
	background: #e4edf2 url(../images/pagebg.png) top center repeat-x;
}
#footerbg {
	border-top: 1px solid #839c81;
}

#contentwrapper {
	width: 940px;
	margin: 0px auto;
	position: relative;
}
#footerwrapper {
	width: 940px;
	margin: 0px auto;
	position: relative;
}

#banner_div {
	height: 130px;
	width: 940px;
	margin: 0px auto;
	position: relative;
}

#contact_div {
	position: absolute;
	right: 0px;
	text-align: right;
	width: 300px;
	top: 32px;
}

#content_div {
	padding: 30px 0px 20px 0px;
}

#footer_div {
	color: #ffffff;
	padding: 21px 0px;
}

#footer_div a {
	color: #ffffff;
}

/* ----- *\
	MAIN NAVIGATION
\* ----- */

#navbar_div {
	position: absolute;
	right: 0px;
	top: 73px;
	width: 620px;
	height: 31px;
}

#navbar_div a {
	display: block;
	float: right;
	padding-bottom: 10px;
	margin-left: 21px;
	overflow: hidden;
	color: #99aa97;
	text-transform: uppercase;
}
#navbar_div a:hover {
	color: #00599c;
	text-decoration: none;
}
#navbar_div a.current {
	color: #00599c;
	text-decoration: none;
	background: url(../images/navbtn.png) bottom center no-repeat;
}

/* ----- *\
	MAJOR ELEMENTS
\* ----- */

#logo {
	display: block;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 300px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/logo.png);
	text-indent: -3333px;
	overflow: hidden;
}
#logo a {
	display: block;
	width: 300px;
	height: 66px;
}

/* ----- *\
	ABOUT
\* ----- */

.staff_image {
	float: left;
	width: 218px;
	height: 218px;
	text-align: center;
	background: #cfdce4;
	border: 1px solid #bdced8;
	margin-bottom: 21px;
}

.staff_text {
	float: right;
	width: 700px;
}

/* ----- *\
	BLOG
\* ----- */

#sidebar {
	float: right;
	width: 220px;
	background: #cfdce4;
	border: 1px solid #bdced8;
	padding-top: 21px; 
}

#blogcontent {
	float: left;
	width: 700px;
}

.sidedivider {
	height: 1px;
	background: #bdced8;
	margin: 5px 10px;
}

#sidebar h4 {
	padding-left: 20px;
}

#sidebar .rssfeed a {
	display: block;
	padding: 0px 0px 0px 20px;
}
#sidebar .rssfeed a img {
	margin-bottom: -4px;
	margin-right: 4px;
}
#sidebar a {
	display: block;
	padding: 0px 0px 0px 30px;
}

#commentform label {
	display: block;
	color: #728590;
}

#commentform .textinput {
	background: #ffffff;
	border: 1px solid #bdced8;
	padding: 3px;
	width: 220px;
}

#commentform textarea {
	background: #ffffff;
	border: 1px solid #bdced8;
	padding: 3px;
	width: 300px;
	height: 75px;
}

.blogentry {
	padding: 10px 0px;
	border-top: 1px solid #bdced8;
}
.firstentry {
	border-top: none;
}
.readmore {
	text-align: right;
}

.date { color: #728590; font-style: italic; }

.comment1 {
	background: #cfdce4;
	border: 1px solid #bdced8;
	margin: 5px 0px;
	padding: 21px 20px 0px 20px;
	margin-bottom: 21px;
}

.comment2 {
	background: #ffffff;
	border: 1px solid #cfdce4;
	margin: 5px 0px;
	padding: 21px 20px 0px 20px;
	margin-bottom: 21px;
}

.text_image_left {
	float: left;
	margin: 0px 21px 10px 0px;
	background: #cfdce4;
	border: 1px solid #bdced8;
	padding: 4px;
}

.text_image_right {
	float: right;
	margin: 0px 0px 10px 21px;
	background: #cfdce4;
	border: 1px solid #bdced8;
	padding: 4px;
}
.text_image_left p {
	margin: 4px 0px 0px 0px;
}

.text_image_right p {
	margin: 4px 0px 0px 0px;
}

.submit_button {
	background: #0c5a9e;
	border: 1px solid #05457d;
	padding: 6px 10px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.submit_button:hover {
	background: #05457d;
}

/* ----- *\
	SERVICES
\* ----- */

#sidenav {
	float: left;
	width: 220px;
	background: #cfdce4;
	border: 1px solid #bdced8;
	padding: 21px 0px; 
}
#sidenav a {
	display: block;
	padding: 4px 8px 4px 16px;
}
#sidenav a:hover {
	color: #222222;
	text-decoration: none;
}
#sidenav a.current {
	color: #222222;
	background: #bdced8;
}
#textsection {
	float: right;
	width: 700px;
}

/* ----- *\
	CONTACT
\* ----- */

#contactright {
	float: right;
	width: 460px;
}

#contactleft {
	float: left;
	width: 460px;
	border-right: 1px solid #bdced8;
}

.textinput {
	background: #ffffff;
	border: 1px solid #bdced8;
	padding: 3px;
	width: 220px;
}

.smallinput {
	background: #ffffff;
	border: 1px solid #bdced8;
	padding: 3px;
	width: 120px;
}

.phoneinput {
	background: #ffffff;
	border: 1px solid #bdced8;
	padding: 3px;
	width: 220px;
}
.codeinput {
	background: #ffffff;
	border: 1px solid #bdced8;
	padding: 3px;
	width: 80px;
}

#contactform label {
	display: block;
	color: #728590;
}

#contactform select {
	color: #222222;
}

#contactform textarea {
	background: #ffffff;
	border: 1px solid #bdced8;
	padding: 3px;
	width: 300px;
	height: 75px;
}

#codetable {
	width: 225px;
}
#codetable .secimagetd {
	width: 125px;
	text-align: center;
}
#codetable .secimagetd img {
	border: 1px solid #bdced8;
}

/* ----- *\
	CONTACT
\* ----- */

.imagetable {
	float: left;
	width: 130px;
	height: 130px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #cfdce4;
	border: 1px solid #bdced8;
}

