/*-- George Propane css --*/

/*----- 5/1/10 1:30PM -------*/

/*   
Theme Name: gpMain
Theme URI: www.georgepropane.com
Description: Theme for George Propane
Author: Allan Douglas, DDGraphics WebMedia
Author: URI: www.ddgwebmedia.com
 */

/********************************/

/* @group HTML Elements */

/*-------- HTML Elements --------*/

body {
	background-color: #666;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 99%;
	color: #000;
}

a {
	text-decoration: none;
}

a:link, a:visited{
	color: #293F7E;
}

a:hover, a:active {
	text-decoration: underline;
	color: #293F7E;
}

p, td, h1, h2, h3, h4, h5, ul, li {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

p {
	font-size: .95em;
	margin: 0 .5em .5em;
	padding: 0;
}

h1 {
	color: #333;
	font-size: 1.8em;
}

h2 {
	font-size: 1.5em;
	color: #333333;
}

h3 {
	font-size: 1.2em;
	color: #333333;
}

/* @end HTML Elements */
/**************************/
/* @group Original css */

.style14 {
	font-size: 12px;
}


.style19 {
	color: #FF0000;
	font-weight: bold;
}

.style22 {
	font-size: 18px;
}
.style30 { 
	color: #06C;
}
.style21 {
	color: #FF0000;
}

.style31 {
	font-size: 1px;
}

.style32 {
	font-size: 10px;
}

.style33 {
	font-size: 12px;
}

.style34 {
	font-size: 14px;
}

.style35 {
	color: #0033FF;
}

.style36 {
	color: #FF0000;
	font-size: 14px;
}

/* @end Original css */
/**************************/
/* @group ID Selectors */

/* ---- ID Selectors ---- */
/*---- Main Container Stuff ----*/

#container {
	width: 800px;
	margin: 0 auto;
	background-color: white;
	border: 1px ridge black;
}

#container16 {
	width: 96%;
	max-width: 90em;
	margin: 0 auto;
	background-color: white;
	border: 1px ridge black;
}

/*-- Wrapper Stuff --*/

#wrapper {
	float: right;
	margin: 1em 0 0 0;
	width: 78%;
 	/*border: medium dashed purple;*/
}

/*--- End Wrapper Stuff ---*/
/* default masthead holding the banner and mainNav */
/*------ Header Stuff ------ */

#header {
	text-align: center;
	width: 100%;
	height: 8em;
	background: url(../SiteAssets/Jpeg/mmaHdrBckground.JPG) no-repeat center center;
	overflow: hidden;
}


.lefthdr {
	float: left;
	width: 20%;
	margin: .5em 0 0 .5em;
}

.righthdr {
	float: left;
	width: 79%;
	margin: 0;
	padding: 0;	
}

.righthdr h1 {
	color: #484833;
	padding: 0;
	font-weight: bold;
	font-size: 2.5em;
	font-variant: small-caps;
	text-align: left;
	margin: .3em 0 .3em 1em;
}

.righthdr p {
	color: #484833;
	padding: 0;
	font-size: .9em;
	font-variant: small-caps;
	text-align: right;
	margin: 0 1em 0 0;
}

/*----- End Header Stuff -----*/
/*********************************/
/* @group Intro */
/*- Used on Cust App pages as intro to Apps -*/

#intro {
	margin: 0 auto;
	text-align: center;
}

#intro h2 {
	font-weight: bold;
	font-variant: small-caps;
}

#intro h3 {
	font-weight: bold;
	font-variant: small-caps;
}

/* @end Intro */
/***************************/
/* @group Left Content */

#leftcontent {
	clear: both;
	float: left;
	width: 20%;
	margin: 1em 0 0;
	padding: 0;
}

/* @end Left Content */
/*************************/

/* @group Sub Content */

#subcontent {
	float: right;
	width: 36%;
	margin: 0;
}

/* @end Sub Content */
/*******************************/

/* @end ID Selectors */
/**************************/
/* @group Form Stuff */

/* @group Form Stuff 3/10 */
/*------ Module Stuff ------*/
#dbmodulewrapper{
	float: left;
	margin: 0 auto;
	width: 100%;
}
#frmcontainer {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
#frmcontainer h2 {
	font-size: 1.1em;
	margin: .5em 0em;
}
/*------ Module One Stuff ------*/
#moduleone {
	float: left;
	width: 33%;
}

#moduleonescrty {
	float: left;
	width: 28%;
	border: thin solid #0000FF;
	margin: 0 .5em 0 5%;
}

/*---- End Module One Stuff ----*/
/*------ Module Two Stuff ------*/
#moduletwo {
	float: left;
	width: 33%;
}

#moduletwoscrty {
	float: left;
	width: 28%;
	border: thin solid #0000FF;
	margin: 0 .5em;
}


/*---- End Module Two Stuff ----*/
/*---- Module Three Stuff ----*/

#modulethree {
	float: right;
	width: 33%;
}

#modulethreescrty {
	float: left;
	width: 28%;
	border: thin solid #0000FF;
	margin: 0 5% 0 .5em;
}

/*--- End Module Three Stuff ---*/

fieldset {
	clear: both;
	margin: 0 auto .4em;
	width: 98%;
	border: thin dotted #06437D;
}

fieldset.level1 {
	background-color: #E0E0FF;
}

fieldset.level2 {
	background-color: #EEEEFF;
}

fieldset.bordernone {
	border-style: none;
}
fieldset p {
	clear: both;
	width: 100%;
	padding-top: .2em;
	/*border: thin dotted red;*/
	margin: 0 auto .4em;
}

legend {
	margin: 0 auto .5em 4em;
	text-align: center;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	background: #06437D;
	color: #FFF;
	padding: .3px 2em;
}

.default legend {
	display: none;
}
/*fieldset*/ p label {
	width: 40%;
	float: left;
	text-align: right;
}

/*fieldset*/ p input, p select, p textarea {
	width: 50%;
	float: left;
	text-align: left;
	/*border: thin dashed red;*/
}

/*- classes for label & input tags --*/
.labelcntr {
	width: 100%;
	clear: both;
	text-align: center;
}

.labels {
	width: 33%;
	float: left;
	text-align: right;
	/*border: thin dashed red;*/
}

.labell {
	width: 48%;
	text-align: right;
}

.labelws {
	width: 20%;
	text-align: right;
	/*border: thin dashed green;*/
}

.labelwss {
	width: 15%;
	text-align: right;
	/*border: thin dashed green;*/
}

.inputcntr {
	width: 80%;
	clear: both;
	text-align: center;
}

.inputbttn {
	width: 20%;
	float: none;
	text-align: center;
}

.inputwl {
	width: 80%;
	clear: both;
}

.inputw {
	width: 50%;
	float: left;
	padding-left: .2em;
}

.inputws {
	width: 20%;
	float: left;
}

.inputwp {
	width: 15%;
	float: left;
}

.inputwps {
	width: 10%;
	float: left;
}

.inputwrbcb {
	width: 7%;
	float: left;
	text-align: left;
	/*border: thin dashed red;*/
}
/* @end Form Stuff 3/10 */
/*---- Form Stuff ----*/

#frmcontainer {
	background-color: #CCCCCC;
	width: 90%;
	border: thin groove #06437D;
	margin: 0 auto;
	clear: both;
}

#frmcontainer h2 {
	font-size: 1.1em;
	margin: .5em 0em;
}

#frmcontainer th {
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}

#frmcontainer td {
	font-size: 1.2em;
	text-align: left;
}

div.row {
	clear: both;
	padding-top: .5em;
	/*text-align: center;*/
  }
div.row1 {
	clear: both;
	padding-top: .5em;
	text-align: center;
}

div.row1 p {
	margin: 0 1em .5em;
	text-align: left;
}

div.row1 h3 {
	color: #06437D;
}

div.row .labelgp {
	float: left;
  	width: 47%;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}

div.row span.formw {
  float: right;
  width: 52%;
  text-align: left;
}

#usage {
	clear: both;
	width: 100%;
	margin: .3em 0 0;
} 

.pusage {
	float: left;
	width: 99%;
}
 
div.row span.labelpu {
	float: left;
	width: 25%;
	text-align: right;
}

div.row span.formpu {
	float: left;
	width: 5%;
	text-align: left;
} 

div.row span.labelpp {
	float: left;
	width: 20%;
	text-align: right;
}

div.row span.formpp {
	float: left;
	width: 4%;
	text-align: left;
} 

div.rowbttns {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
 
/*------ Form Button ------*/
.formbttn {
	cursor: pointer;
	background-color: #06437D;
	color: white;
	border: outset 1px #ccc;
	padding: 1px 2px;
}
.formbttnoff {
	background-color: #666699;
	color: #CCCCCC;
	border: outset 1px #ccc;
	padding: 1px 2px;
}

/*---- Button Classes ----*/
.sbmtbutton a:link, .sbmtbutton a:visited {
	width: 7em;
	display: block;
	border-top: medium solid #CCCCCC;
	border-right: medium solid #666;
	border-bottom: medium solid #666;
	border-left: medium solid #CCCCCC;
	color: navy;
	background-color: #FF7745;
	text-align: center;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}

.sbmtbutton a:hover, .sbmtbutton a:active {
	color: #FF7745;
	background-color: navy;
	text-align: center;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
}
form {
	margin: 0;
	padding: 0;
	font-size: 80%;
}


input.submit {
	border: 0;
	margin-bottom: -6px;
	padding: 2px;
	background: transparent;
	font-size: 10px;
}

/*---- End Form CSS ----*/

/* @end Form Stuff */
/***************************/
/* @group Navigation */

/*------ Navigation ------*/

#navigation {
	float: right;
	width: 100%;
	height: 2.3em;
	background: #00440f;	
}

/* horizontal main menu navigation - based on a method from Richard Rutter */
/*-- ournav --*/
#ournav, #ournav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	width: 90%;
	font-weight: bold;
	font-size: 95%;
	line-height: 2.3em;
}

#ournav li {
	margin: 0;
	padding: 0;
	float: left;
	width: 5em;
	border-right: 1px solid #FFF;
}

#ournav li.wide6 {
	width: 6em;
}

#ournav li.wide7 {
	width: 7em;
}

#ournav li.wide8 {
	width: 8em;
}

#ournav li.wide11 {
	width: 11em;
}

#ournav li.wide15 {
	width: 15em;
}

#ournav a {
	display: block;
	color: #D7D493;
	background: #00440f;
	text-decoration: none;
}

#ournav a:hover, #ournav a:active {
	display: block;
	background: #D7D493;
	color: #2D356A;
}

#ournav li ul { /* second-level lists */
	position: absolute;
	width: 5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left: 0;
	border-bottom: .025em solid #FFF;
	border-left: .025em solid #FFF;
	border-right: thin solid #FFF;
}

#ournav li ul li {
	text-align: left;
	width: 5em;
	padding-left: .2em;
}

#ournav li ul ul { /* third-and-above-level lists */
	margin: -2.7em 0 0 11.5em;
}

/*#ournav li ul ul li {  third-and-above-level lists 
	margin: -2.7em 0 0 15em;
}*/

#ournav li:hover ul ul, #ournav li:hover ul ul ul, #ournav li.sfhover ul ul, #ournav li.sfhover ul ul ul {
	left: -999em;
	background: #00440f;
}

#ournav li:hover ul, #ournav li li:hover ul, #ournav li li li:hover ul, #ournav li.sfhover ul, #ournav li li.sfhover ul, #ournav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background: #00440f;

}

/* Highlighting the current page */

body.home #ournav a#home, body.about #ournav a#about, body.towngov #ournav a#towngov, body.bylaws #ournav a#bylaws, body.permits #ournav a#permits, body.events #ournav a#events, body.history #ournav a#history, body.gallery #ournav a#gallery, body.contact #ournav a#contact {
	color: #fff;
	text-decoration: underline;
}

body.home #ournav a:hover#home,
body.about #ournav a:hover#about, body.bylaws #ournav a:hover#bylaws, body.towngov #ournav a:hover#towngov,
body.permits #ournav a:hover#permits, body.events #ournav a:hover#events, body.history #ournav a:hover#history, body.gallery #ournav a:hover#gallery, body.contact #ournav a:hover#contact {
	color: #2D356A;
}

/*-- close ournav --*/
/*---- Footer ----*/

#footer {
	clear: both;
	width: 100%;
	margin: 1em auto 0;
	text-align: center;
	font-size: .9em;
	padding: 0;
	/*border-top: 1px solid #06437D;*/
}

#footer p {
	font-size: .9em;
}

#footer a:link, #footer a:visited {
	color: #06437D;
}

#footer a:hover, #footer a:active {
	background: #06437D;
	color: white;
}

/*--- End Footer ---*/
/* @end Navigation */
/************************/
/* @group Site Wide Classes */

/* @group Clearing-Floats */
/*------ ClearFix ------*/
/*---- Used to push divs ----*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*--- End ClearFix ---*/
/******************************/
/* =Clear Floated Elements -----*/
/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* =Clear Floated Elements -----*/
/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* @end Clearing-Floats */
.gpblue {
	color: #06437D;
}

.row {
	clear: both;
}

.bdrbottom {
	border-bottom: medium ridge #800;
}
.tagline {
	text-align: center;
	border-bottom: medium ridge #800;
	color: #800;
	width: 90%;
	margin: 1em auto 1.5em;
	padding: 0;
}
.float {
	float: left;
	margin: 3px;
}
.imgaligncntr {
	display: block;
	text-align: center;
}
.imgcntrnegmargin {
	display: block;
	text-align: center;
}

.ddGraphics {
	font-family: "Comic Sans MS";
	font-size: .85em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.WebMedia {
	font-family: "Comic Sans MS";
	font-size: .85em;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

/* @end Site Wide Classes */