@import"reset.css";

body {text-align: center;
background: #f6f4f4;
color: #486584;
font: 12px arial, verdana, sans-serif; line-height: 18px;
margin-top: 10px; }

#wrapper { width: 980px; margin: 0 auto; text-align: left; position: relative;  background:#fff;  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
#logo { float: left; }
#topright { float: left; text-align:right; width: 700px; padding-top: 15px; }
#navigation { width: 220px; float: left; background: #adbacf; padding: 0px 0px 15px 0px; }
#left { width: 550px; float: left; padding: 0; }
#right { width: 190px; float: left; padding-left: 10px; }
#footer { clear: both; background-color: #adbacf; height: 97px; padding-left: 220px; }

/*#separator { background: #9dadc5; padding: 10px; clear: both; height: 20px; }*/
#separator { background: #adbacf; padding: 10px; clear: both; height: 20px; }

#inner {
	border: 1px solid #b4b25d;
	width: 430px;
	margin: 10px 0 0 0;
	height: 77px;
}

.fleft {
	float:left;
}

.width-1 {width:330px;}

.ident-bot-11 {margin-bottom:5px;}

/* pop-up inner below 
#popupinner { width: 450px; padding: 10px; text-align: left; }*/

.column {
	width: 368px; 
	float: left;
}

#columnheader { width: 740px; float: left; padding: 10px; }
#column1 { width: 368px; float: left; }
#column2 { width: 368px; float: left; }
#column3 { width: 368px; float: left; }
#column4 { width: 368px; float: left; }
#column5 { width: 368px; float: left; }

#column1a { width: 190px; float: left; }
#column1b { width: 120px; float: left; padding-left: 10px;}
#column1c { width: 368px; float: left; }
#column1d { width: 300px; float: left; padding: 10px; }

#column2a { width: 190px; float: left; }
#column2b { width: 120px; float: left; padding-left: 20px;}
#column2c { width: 368px; float: left; }

#columnA { width: 340px; float: left; margin: 10px; }
#columnB { width: 340px; float: left; margin: 10px; }
#columnC { width: 720px; float: left; margin: 10px; }

#gridholder { width: 190px; float: left; margin-left: 40px; }

#map-canvas { width: 500px; height: 500px; float: left; margin: 10px; }

/*----- email form -----*/
.grid_8{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px;width:310px;}
.ident-bot-18 {margin-bottom:10px;}
.block-14{padding:0 0 0 0;}

#confirm {
	position: relative;
	height: auto;
	padding-bottom: 10px;
}

#confirm  label {
	display: block;
	position: relative;
	min-height: 41px;
	width: 166px;
}
#confirm  label.message {
	min-height: 220px;
	width: 326px;
}
#confirm input {
	display: block;
	margin: 0;
	outline: none;
	width: 220px;
	height: 30px;
	border: 1px solid #dddddd;
	color: #727272;
	font: 13px/20px Arial, sans-serif;
	background: #ffffff;
	padding: 0 12px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	box-shadow: none !important;
}
#confirm textarea {
	display: block;
	margin: 0;
	padding: 5px 12px;
	outline: none;
	font: 13px/20px Arial, sans-serif;
	background: #ffffff;
	color: #727272;
	border: 1px solid #dddddd;
	width: 300px;
	height: 200px;
	resize: none;
	overflow: auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	box-shadow: none !important;
}
#confirm label > span {
	color: #f3301e;
	position:relative;
	left: 12px;
}
#confirm .success {
	color:#8ac733;
	display:none;
}
#confirm  .empty, #confirm  .error {
	font: 12px/20px "Trebuchet MS", sans-serif;
	display:none;
}
#confirm .btns {
	position: absolute;
	left: 0;
}
#confirm .btns a {
	margin-right: 20px;
}

/* -------------------- */


h1.desktop {
	font: 16px "trebuchet ms", verdana, arial, sans-serif;
	text-align: right;
	color:#fff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.lightblue { background-color: #f5f7f3; padding: 6px; }

.paddingpic { padding: 6px 0 0 0; }
.padding { padding: 10px; }
.padding1 { padding: 0 5px 5px 5px; }
.padding2 { padding: 5px 0px 5px 0px; }
.padding3 { padding: 0px 0px 5px 0px; }
.padding4 { padding: 0px 0px 0px 0px; }

.navbar {
  height: 460px;
}

div .navbar a { font: 14px "trebuchet ms", verdana, arial, sans-serif; color:#fff; text-decoration: none; background: #7889A0; font-weight:500; margin: 1px; padding: 8px 3px 8px 10px; display: block; }
div .navbar a:hover { font: 14px "trebuchet ms", verdana, arial, sans-serif; color:#adbacf; text-decoration: none; background:#7889A0; font-weight:500;  padding: 8px 3px 8px 10px; display: block; }

div .navitem a { font: 13px "trebuchet ms", verdana, arial, sans-serif; color:#fff; text-decoration: none; background: transparent; font-weight:500; margin: 1px; padding: 8px 3px 8px 30px; display: block; }
div .navitem a:hover { font: 13px "trebuchet ms", verdana, arial, sans-serif; color:#7889A0; text-decoration: none; background:transparent; font-weight:500;  padding: 8px 3px 8px 30px; display: block; }

/* div#navbar a { font: 14px "trebuchet ms", verdana, arial, sans-serif; color:#fff; text-decoration: none; background: #7889A0; font-weight:500; margin: 1px; padding: 8px 3px 8px 10px; display: block; }
div#navbar a:hover { font: 14px "trebuchet ms", verdana, arial, sans-serif; color:#adbacf; text-decoration: none; background:#7889A0; font-weight:500;  padding: 8px 3px 8px 10px; display: block; }

div#navitem_a a { font: 13px "trebuchet ms", verdana, arial, sans-serif; color:#fff; text-decoration: none; background: transparent; font-weight:500; margin: 1px; padding: 8px 3px 8px 30px; display: block; }
div#navitem_a a:hover { font: 13px "trebuchet ms", verdana, arial, sans-serif; color:#7889A0; text-decoration: none; background:transparent; font-weight:500;  padding: 8px 3px 8px 30px; display: block; }

div#navitem_s a { font: 13px "trebuchet ms", verdana, arial, sans-serif; color:#fff; text-decoration: none; background: transparent; font-weight:500; margin: 1px; padding: 8px 3px 8px 30px; display: block; }
div#navitem_s a:hover { font: 13px "trebuchet ms", verdana, arial, sans-serif; color:#7889A0; text-decoration: none; background:transparent; font-weight:500;  padding: 8px 3px 8px 30px; display: block; } */

.styleleft {text-align: left;}

.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}


.button-2 {
	display:inline-block;
	color:#486584;
	font: 19px "trebuchet ms", verdana, arial, sans serif; 
	padding-right: 18px;
	background: url('../images/button-2-arrow.png') no-repeat 100% 8px;
}

.button-2:hover {
	color:#8ac733;
}


table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}