/* COLORS
======================================================================
	#1f2968 : Background Blue
	#ffc100 : Background Yellow
	
====================================================================== */

@import url(base.css);


/* GENERAL
====================================================================== */

body { background: #154482; }

body, input, select, textarea {
	font-family: Arial, Verdana, sans-serif;
}

h1 { color: #AA263F; font-size: 13px; font-weight: bold; line-height: 13px; margin-top: 20px; margin-bottom: 0px; text-transform: uppercase; }

h2 {
	font-size: 15px;
	color: #222a68;
	font-weight: bold;
	padding-top: 10px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}

h4, h5, h6 {
	margin-top: 2.2em;
	/* color: #333; */
	font-size: .8em;
	line-height: 1.4;
}

h4, h5, h6 {
	/* color: #666; */
}

h5, h6 {
	font-weight: normal
}

p, address, dl, ul, ol, table, label { /* good place to define typical font-size, line-height and margins */
	font-size: 13px; line-height: 1.3em; margin-top: 0px; margin-bottom: 10px; }

h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
	/* use to reduse space above first paragraph under any header */
}

ul {
	margin-left: 1.5em;
	list-style-type: disc;
}

ul ul {
	margin-top: 0;
	list-style-type: circle;
}

ol {
	margin-left: 1.5em;
	list-style-type: decimal;
}

ol ol {
	margin-top: 0;
	margin-left: 1.5em;
	list-style-type: lower-alpha
}

dd {
	margin: 0;
}

dt {
	margin-top: 1.5em;
	font-weight: bold;
}

blockquote {
	margin: 2em 0;
	padding: .5em 2em 1.5em 2em;
	/* good place to define a background */
}

blockquote p {
	/* good place to define typical font-size, line-height and margins */
}

cite {
	text-align: right;
	display: block;
}



em { }

strong { font-weight: bold; }

a:link,
a:visited { color: #AA263F; text-decoration: underline; font-size: 13px; }




/* FORMS
====================================================================== */
form {
	width: 360px;
	text-align: left;
}

form.Row {
	overflow: auto;
}

fieldset {
	position: relative; /* make legend move horizontally correct in IE */
	overflow: auto;
}

legend {
	position: relative;
	left: -7px; /* IE */
	padding: 1.5em 0 .85em 0;
	font-weight: bold;
}

fieldset>legend {
	left: 0; /* future proof */
}

input, textarea, select {
	display: inline;
}



select,
label.FieldLarge,
label.FieldLarge input,
label.FieldLarge select,
label.FieldMedium,
label.FieldMedium input,
label.FieldMedium select,
label.FieldSmall,
label.FieldSmall input,
label.FieldSmall select,
input.InputRadio,
input.InputCheck {
	float: left;
}

label.FieldLarge,
label.FieldLarge input,
label.FieldLarge select {
	width: 310px;
}

label.FieldMedium,
label.FieldMedium input,
label.FieldMedium select {
	width: 150px;
}

label.FieldSmall,
label.FieldSmall input,
label.FieldSmall select {
	width: 70px;
}

label.FieldLarge,
label.FieldMedium,
label.FieldSmall {
	margin-right: 10px;
}

label.LabelRadio,
label.LabelCheck {
	margin-left: 25px;
	padding-bottom: 15px;
}

input.InputRadio,
input.InputCheck {
	margin: 0;
}




/* CONTAINERS
====================================================================== */
#outer { /* use this to center your site, width is required */ margin: 0 auto; width: 860px; }

#inner {}

#header { width: 860px; height: 121px; background: #FFF url(../_images/header.gif) no-repeat 0 0; }

#content { width: 808px; background-color: #FFF; padding: 10px 20px 20px 30px; overflow: auto; float: left; }
#content-price { width: 790px; padding: 270px 40px 20px 30px; overflow: auto; background: #FFF url(../_images/priceback.jpg) no-repeat; float: left; }
#section_about #content { width: 810px; }
#content-credit { width: 500px; padding: 10px 20px 20px 340px; overflow: auto; background: #FFF url(../_images/dishes.jpg) no-repeat; float: left; }
#content-propane { width: 830px; padding: 10px 20px 20px 10px; background: #FFF url(../_images/propane.jpg) no-repeat; float: left; position: relative; overflow: auto; }
#section_office #content { width: 810px; }


/* NAVIGATION
====================================================================== */
#footer { margin-top: 15px; position:relative; float: left; width: 860px;}
#footer p { text-align:center; font-size: 10px; color: #FFF; }
ul#nav { list-style-type: none; text-align: center;}

#nav li { /* use this for centered navigation */ display: -moz-inline-box;  /* for Mozilla based browsers */ display: inline-block; padding: 0 6px 0 3px; border-right: 1px solid #fff; line-height: 0px; }

.Last {
	border-width: 0px !important;
}

#nav li a:link,
#nav li a:visited { /* use this for centered navigation */ display: block;  /* for Mozilla based browsers */ display: inline-block; color: white; font-size: 11px; text-decoration: underline; margin: 0px; padding: 0px; line-height: 11px; }

	




/* HOME
====================================================================== */

body#section_home #content { width: 860px; height: 395px; background: #fff; padding: 0; }



/* INTERIOR
====================================================================== */

.Block_Nav { background: #FFF; padding: 10px 0px 0px; height: 21px; text-align: center; width: 860px; float: left; position: relative; }



.Block_Nav ul { margin: 0px; padding: 0px; list-style: none; background: #CC2F4F; display: block; }

	
.Block_Nav ul li { float: left; display: block; }

.Block_Nav a:link, .Block_Nav a:visited { float: left; width: 140px; margin-right: 1px; font-size: 10px; border: 1px solid #CC2F4F; color:#FFF; text-decoration: none; background: #C1203B; text-align: center; display: block; }
.Block_Nav  a:hover { color:#CC2F4F; border: 1px solid #CC2F4F; background: #FFF69A; }
.Block_Nav a.Current {color:#CC2F4F; border: 1px solid #CC2F4F; background: #FFF69A; }

.Block_Nav ul li #navlast { margin-right: 0px; width: 143px; *width: 138px; }



#home {
	background: url(../_images/bttnhome.gif) no-repeat 0 -28px;
}

#price {
	background: url(../_images/bttnprice.gif) no-repeat 0 -28px;
}

#projects {
	background: url(../_images/bttnproject.gif) no-repeat 0 -28px;
}


#heaters {
	background: url(../_images/bttnheater.gif) no-repeat 0 -28px;
}

#about {
	background: url(../_images/bttnabout.gif) no-repeat 0 -28px;
}

#office {
	background: url(../_images/bttnoffice.gif) no-repeat 0 -28px;
}



.Contentimg { float: left; border: 5px solid #fff; margin-left: 20px; margin-bottom: 15px; }

ul.Text {
	margin-left: 0px;
}

ul.Links {
	list-style: none;
	margin-left: 0;
	margin-bottom: 15px;
	font-weight: bold;
}

ul.Links a:link,
ul.Links a:hover {
	color: #000;
}

.Text li {
	margin-bottom: 20px;
}

p.Support {
	margin-top: 0px;
}

/* OFFICE
====================================================================== */

body#section_office h1 { width: 400px; margin-left: -34px; margin-top: 10px; z-index: 2; position: absolute; text-align: center; left: -27px; font-size: 16px; line-height: 18px; text-transform: none; }

#map {
 margin-left: 32px;
 margin-top: 0px;
 width: 737px;
 height: 784px;
 position: relative;
 background: url(../_images/map.gif);
}

#zipform {
	overflow: auto;
	margin-top: -20px;
}

#zipform label {
	color: #1f2968;
	font-weight: bold;
	margin-right: 5px;
}

#zip {
	background: #ffe52a;
	border: 1px solid #1f2968;
	padding: 2px 0px 2px 5px;
	height: 17px;
	width: 72px;
}

#zipform .Submit {
	background: #ffd94c;
	border: 2px solid #825206;
	color: #1f2968;
	font-weight: bold;
	display: inline;
	height: 23px;
	width: 147px;
}

#zipform .Submit:hover {
	background: #fff;
}

#locations {
	list-style: none;
}

#locations a:link, #locations a:visited {
	color: #000;
	text-decoration: none;
}

#locations a:hover, #locations a:active {
	color: #1f2968;
}

.State {
	font-weight: bold;
	position: absolute;
}

.Box { position: absolute; top: 70px; left: -13px; width: 260px; padding: 0 15px 12px 15px; background-color: #FFF; border: 3px solid #e80033; display: none; }

.Box ul {
	list-style: none;
	margin-left: 0px;
}

#madawaska {
	top: 3px;
	right: 196px;
}

#fortkent {
	top: 30px;
	right: 157px;
}

#vanburen {
	top: 29px;
	right: 78px;
}

#caribou {
	top: 61px;
	right: 127px;
}

#presqueisle {
	top: 90px;
	right: 155px;
}

#ashland {
	top: 115px;
	right: 140px;
}

#marshill {
	top: 140px;
	right:139px;
}

#houlton {
	top: 207px;
	right: 126px;
}

#patten {
	top: 232px;
	right: 150px;
}

#millinocket {
	top: 289px;
	right: 152px;
}

#lincoln {
	top: 314px;
	right: 147px;
}

#calais {
	top: 355px;
	right: 40px;
}

#eastport {
	top: 401px;
	right: 13px;
}

#machias {
	top: 420px;
	right: 66px;
}

#brewer {
	top: 432px;
	right: 225px;
}

#skowhegan{ top: 431px; right: 348px; }

#ellsworth {
	top: 452px;
	right: 131px;
}

#waterville {
	top: 456px;
	right: 233px;
}

#stockonsprings {
	top: 474px;
	right: 238px;
}

#rumford { top: 483px; right: 387px; }

#barharbor {
	top: 490px;
	right: 100px;
}

#hallowell{ top: 500px; right: 241px; }

#gardiner{
	top: 516px;
	right: 258px;
}

#richmond { top: 532px; right: 329px; }

#southwestharbor {
	top: 510px;
	right: 104px;
}

#stjohnsbury {
	top: 506px;
	right: 582px;
}

#southparis { top: 525px; right: 418px; text-align: right; line-height: 12px; }


#newcastle {
	top: 533px;
	right: 240px;
}


#northhaverhill {
	top: 551px;
	right: 469px;
}


#auburn {
	top: 554px;
	right: 326px;
}


#boothbayharbor {
	top: 576px;
	right: 170px;
}

#bridgton {
	top: 568px;
	right: 384px;
}

#brunswick {
	top: 584px;
	right: 365px;
}


#plymouth {
	top: 589px;
	right: 453px;
}


#woodstock {
	top: 590px;
	right: 605px;
}


#westlebanon {
	top: 602px;
	right: 493px;
}


#scarboroh {
	top: 620px;
	right: 365px;
}

#bristol {
	top: 628px;
	right: 466px;
}

#biddeford {
	top: 645px;
	right: 380px;
}

#newlondon {
	top: 646px;
	right: 451px;
}

#manchester {
	top: 710px;
	right: 428px;
}

#portsmouth {
	top: 718px;
	right: 338px;
}


/* PRICE
====================================================================== */

.graph {
	border: 5px solid #fff;
	float: right;
	margin-left: 20px;
	margin-right: -10px;
}

span.ListHead {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
body#section_price ul.Links {
	margin-top: -14px;
	margin-bottom: 5px!important;
}

body#section_price ul.Links a:visited {
	color: #000;
}

.Second {
	margin-top: 10px;
}

/* HEATERS
====================================================================== */

.Features {
	font-weight: bold;
	margin-bottom: -10px;
}

.Heaters {
	float: left;
	margin: 10px 25px 10px 0;
	border: 3px solid #1f2968;
}
body#section_heaters h1 {
	margin-bottom: 0 !important;
}

body#section_heaters .List {
	font-weight: bold;
}

/* ABOUT
====================================================================== */

body#section_about h1 {
	margin-bottom: 0 !important;
}

body#section_about .Text {
	margin-top: 17px;
	line-height: 5px;
	margin-bottom: 0;
}

body#section_about .Contentimg {
	margin: 14px 5px 0 10px!important;
}

.Drcimg {
	float: right;
	margin: -50px 0 5px 10px;
}

.Wrap {
	width: 370px;
}

/* PROJECT
====================================================================== */

body#section_projects h1 {
	margin-bottom: 10px !important;
}

#boiler1 { color: #FFF; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px; letter-spacing: 2.3px; text-align: center; }


#content-price ul li { margin-bottom: 10px; }

#content-price ul li strong { font-weight: bold; color: #274781; }

.ready { text-align: center; color: #274781; }

#content-credit h1, #content-propane h1, #section_about h1 { font-size: 20px; line-height: 25px; text-transform: none; color: #274781; text-align: center; }


#section_about #left { width: 274px; margin-left: 10px; margin-right: 20px; float: left; position: relative; height: 300px; }
#content-propane #left { width: 274px; margin-top: 350px; position: relative; margin-left: 10px; margin-right: 20px; float: left; color: #274781; }
#legal { font-size: 10px; clear: both; }

#propane-switch { width: 380px; float: right; margin-right: 75px; margin-bottom: 20px; }

#propane-switch #top { margin: 0px; height: 115px; }
#propane-switch #top h1 { margin: 0px; padding: 0px; text-indent: -9999px; background: #32B4E7 url(../_images/usingpropane.gif) repeat-x; height: 115px; line-height: 0px; }

#propane-switch #bot { padding: 10px; color: #3174C4; border: 2px solid #32B3E6;  }

#propane-switch #bot h2 { color: #3174C4; text-align: center; margin-bottom: 5px; margin-top: 5px; padding: 0px; line-height: 0px; text-transform: uppercase; }

#legal a { font-size: 10px; }

#left h2 { color: #154482; text-align: center; text-transform: uppercase; font-size: 13px; margin-bottom: 5px; }

#left ul li { margin-bottom: 5px; font-size: 13px; line-height: 14px; }

#propane-switch #bot li, #propane-switch #bot p { font-size: 14px; font-weight: bold; }

#map h1 { color: #265692; }

#section_about #content { background: #FFF url(../_images/aboutdr.jpg) no-repeat; padding-top: 100px; }

#section_about  #content #bot { clear: both; margin-top: 20px; }



#content #aboutlist { float: left; margin-left: 50px; }


#bot p { margin: 10px 0px 0px; padding: 0px; }