@charset "utf-8";
/* CSS Document */

/* CLEAR DEFAULTS -------------------------------------*/
:link,:visited {text-decoration:none; outline-style:none; } 
a img,:link img,:visited img { border:none; outline-style:none; cursor:pointer; }

address {font-style:normal;}
form { display:inline; }

i {display:none;}
img { border:0px; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,div { margin:0px; padding:0px;} 
ul,ol,dl { margin-left:40px; margin-top:20px;} 

em { font-style:italic;}
strong { font-weight:bold;}
h1,h2,h3,h4,h5,h6,pre,code { font-weight:normal; }

p { margin-bottom:15px; margin-top:1px; margin-left:5px; line-height:1.4em; text-align:left; }
sup { font-size:0.5em; margin-top:-2px; padding:-5px; height:1em; top:-0.2em; position:relative; width:6px; z-index:1; }

h1, .h1 { text-align:left; /* the .h1 class formats the editor box */
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#666;
/*	border-bottom:1px solid #ddd; */
	white-space:nowrap;
    font: italic bold 24px/1.1em Georgia, "Times New Roman", Times, serif;
    background: url(/base/images/layout/Arrow-Gray-Down.png) no-repeat left center;
	padding-left:15px; padding-right:12px;
}

h2, .h2 {text-align:left;
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#666;
	font: italic bold 16px/1.1em Georgia, "Times New Roman", Times, serif; 
    background: url(/base/images/layout/Arrow-Gray-Down.png) no-repeat left center;
	padding-left:15px; padding-right:12px;
}

h2.Subtitle { font-size:14px; color:#999; font-weight:normal; margin-bottom:15px; margin-top:5px; background-image:none; }

h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#666;
	font-size: 16px;
	font-style: normal;
	font: italic bold 15px/1.1em Georgia, "Times New Roman", Times, serif; 
}
h3 a {
	padding-left:15px;
	padding-right:12px;
	background-image: url(/base/images/layout/Arrow-Green-Down.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

/* need to change the selector for the edit pages */
h3 a { font-weight: bold; text-transform:capitalize; }
h3 a:hover { color:#666; }

h4 { margin:0px 0px 10px 0px; padding:0px; 	
	font: italic bold 14px/1.1em Georgia, "Times New Roman", Times, serif; 
}
h5 { margin:0px 0px 10px 0px; padding:0px; font: normal 12px/1.4em Tahoma, Geneva, sans-serif; }

a:link, a:visited {	color:#76A921; text-decoration:none; outline-style:none; }
a:hover, h2 img { text-decoration:none; color:#666;  cursor:pointer; }
.More { font-style:italic; font-weight:bold; text-align:right; font-size:11px; height:10px;}

/* HTML TAG STYLES -------------------------------------*/
html { height:100%; margin:0px auto 0px auto; overflow:scroll; } 
body {
	color:#666;
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.1em;
	background-color:#FFF; 
	}

.FinePrint { font-size:11px; font-style:italic; }

/* PAGE LAYOUT -------------------------------------*/
#PageWrapper { width:100%; text-align:center; padding:0px; margin:0px auto 0px auto;}

/* Header Styles -------------------------------------*/
		#HeaderStrip {
			width:100%;
			margin:0px auto 0px auto; text-align:center;
			padding:0px;
			height:140px; /* white space below logo */
			background-image: url(/base/images/layout/Module-BG.png);
			background-repeat:repeat-x;
			background-position: left top;}
		
		#HeaderWrapper { /* positions header content */
			width:950px;
			margin:0px auto 0px auto; text-align:center;
			padding:0px;
			height:120px;
			 }

		#HeaderLogo {
			float:left; clear:right;
			width:950px;
			margin:0px auto 0px auto; text-align:center;
			padding:0px;
			height:120px;
			background-image: url(/base/images/layout/Header-Logo.png);
			background-repeat:no-repeat;
			background-position: left bottom; }

			
/* Tiny Menu */
#TinyMenuWrapper { 
	width:1050px; 
	xxheight:20px; 
	margin:0px auto 0px auto;	
	/*background-image: url(/base/images/layout/BG-TopStrip.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/
 }
#TinyMenuBar {
	float:left;
	width:950px;
	padding:0px;
	margin:2px 0px 0px 0px ;
	font-size:10px;
	line-height:normal;
	text-align:right;
	text-transform:uppercase;
	font-weight:normal;
	}
				#TinyMenuBar ul {
					list-style:none;
					margin:0px 0px 0px 0px;
				}
				#TinyMenuBar li {
					display:inline;
					padding: 0px 10px 0px 12px;
					border-left:1px dotted #ddd;
				}
				#TinyMenuBar li.First {	border:none;}
				#TinyMenuBar a { text-decoration:none;}
				#TinyMenuBar a:hover { text-decoration:none; }

/* Main Menu */
#MenuWrapper { 
	width:100%; 
	height:25px;	
	margin:0px auto 0px auto; 
	text-align:center; 
	border-top:1px solid #ddd; border-bottom:1px solid #ddd;
	background-image: url(/base/images/layout/Menu-BG.jpg);
	background-repeat: repeat-x;
	background-position: center center;  }

#MenuBar {
	vertical-align:middle;
	float:left;
	width:100%;
	margin:4px 0px 0px auto;
	padding:0px;
	font-size:14px;
	line-height:normal;
	text-align:center;
	text-transform:none;
	font-weight:bold;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;	 }
	
				#MenuBar ul {
					list-style:none;
					margin:0px 0px 0px 0px; }
				#MenuBar li {
					display:inline; 
					padding: 0px 17px 0px 17px;
					border-left:0px solid #ddd;	}
				#MenuBar li.First {	border:none;}
				#MenuBar a { text-decoration:none; }
				#MenuBar a:hover {  }
		
				#MenuBar li a img {	margin:0px; padding:0px 4px 0px 0px; float:none;} /* keeps edit icons in place in the menu */ 
		
/* Current page menu highlighter */
#Home #Nav-Home a, { color:#ccc; }
	
/* Content where content is located */ 
#ContentWrapper {
	width:100%;
	/* background-image: url(/base/images/layout/BG-Content.jpg);
	background-repeat: repeat-x;
	background-position: center top; */
	 }

#Content {
	width:950px;
	min-height:500px;
    margin: 0px auto 0px auto;  
	text-align: center;
	padding:20px 0px 20px 0px;
	 }
	 
	 /* Add column widths in each page as needed */
		#Content #Column1 { 
			float:left; clear:right;
			text-align:left;
			padding:0px;
			margin:0px 0px 0px 0px;
			}
		#Content #Column2 { 
			float:left; clear:right;
			text-align:left;
			padding:0px;
			margin:0px 0px 0px 10px;
			}
		#Content #Column3 { 
			float:left; clear:right;
			text-align:left;
			padding:0px;
			margin:0px 0px 0px 10px;
			}
		#Content #Full { 
				width:100%;
				float:left; clear:both;
				text-align:left;
				padding:0px;
				margin:0px 0px 0px 0px; }
				
#Clear { clear:both; }		
		
/*  Modules to reduce CSS coding 
	Add column widths in each page as needed */
#ModuleWrapper { margin-bottom:10px;
	border:1px solid #ccc;
	background-color:#ececec;
/*	background-image: url(/base/images/layout/Module-BG.png);
	background-repeat: repeat-x;
	background-position: left top;
*/	padding:5px; min-height:25px;
	}
	
/* if Admin is logged in */	
#ModuleWrapperAdmin { }
#ModuleWrapperAdmin a { color:#76A921; cursor:pointer; text-transform:lowercase; }
#ModuleWrapperAdmin { margin-bottom:10px;
	border:1px solid #ccc; 
	background-color:#FFFFCC;
 	padding:2px;}

#ModuleAdmin { margin-bottom:10px;
	border:1px solid #ddd; 
	background-image: url(/base/images/layout/Module-BG.png);
	background-repeat: repeat-x;
	background-position: left top; 	padding:5px;}
	
#ModuleWrapperAdmin h2.Subtitle { font-size:11px; color:#999; font-weight:normal; margin-bottom:5px; background-image:none; text-align:left;}


#ModuleWrapper h2 { font-size:18px; }
#ModuleWrapper h2.Subtitle { font-size:11px; color:#999; font-weight:normal; margin-bottom:5px; background-image:none; text-align:left;}
#ModuleWrapper p {  margin-bottom:5px;  }


#Module { padding:8px; margin-bottom:5px;
	border:1px solid #ddd !important; 
	background-image: url(/base/images/layout/Module-BG.png) !important;
	background-repeat: repeat-x;
	background-position: left top;}

#Module h3 { font-size:14px; }
#Module h3.Subtitle { font-size:11px; color:#999; font-weight:normal; margin-bottom:5px; background-image:none;}
#Module p {  margin-bottom:5px; margin-left:13px;  }

/* image rows */
#ThumbNailWrapper {    }
#ThumbNailWrapper #Row { width:100%; margin-bottom:10px; clear:none; } /* for rows on green journey page*/
#ThumbNailWrapper img.ThumbNail { float:left; margin-right:10px; margin-bottom:10px; border:3px solid #ddd; }
#ThumbNailWrapper img.ThumbNailLarge  { height:80px; width:80px; float:left; margin-right:12px; margin-bottom:12px; border:3px solid #ddd; }/* for Green Journey page*/

#Location-Map #ThumbNailWrapper img.ThumbNail { float:left; margin-right:17px; margin-bottom:17px; border:3px solid #ddd; }


/* Project Details */
#ProjectCategoryDetails { margin-top:25px; margin-left:20px; }
#ProjectCategoryDetails .Label { font-style:italic; font-size:.9em }
#ProjectCategoryDetails .Data { font-weight:bold;  }



div.downloads {clear:both; display:block; padding-bottom:20px; }
	a.pdfLarge { background:url(/base/images/icons/Adobe-PDF-Thumb.gif) no-repeat left top; height:60px;  padding-left:60px; margin-right:8px; padding-right:2px; float:left; }
	a.pdfMedium { background:url(/base/images/icons/Adobe-PDF-Medium.gif) no-repeat left top; height:40px; padding-left:35px; margin-right:20px; padding-right:4px; float:left; }
	a.pdfSmall { background:url(/base/images/icons/Adobe-PDF-Small.gif) no-repeat left top; padding-left:20px; margin-right:8px; padding-right:2px; float:left; }
	a.doc {	background:url(/base/images/icons/ico-doc.gif) no-repeat left top; padding-left:20px; margin-right:8px; padding-right:2px; display:block; float:left; }
	a.img {	background:url(/base/images/icons/ico-img.gif) no-repeat left top; padding-left:20px; margin-right:8px; padding-right:2px; display:block; float:left; }


/* Footer Styles -------------------------------------*/
#FooterWrapper { 
	width: 100%;
	min-height:150px;
	background-image: url(/base/images/layout/Module-BG.png);
	background-repeat:repeat-x;
	background-position: center bottom; }
	
				
#Footer {
	width:950px;
	height:150px;
	margin:0px auto 0px auto;
	padding:15px 15px 0px 0px;
	font-size: 11px;
	text-align: center;
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic; line-height:1.8em; }
	
#Footer .Col { width:275px; margin-right:10px; float:left; clear:right;  }
#Footer .Row { width:100%; display:block; text-align:center; height:30px;  }

#Footer ul { text-align:center; margin:0px; } 
#Footer li { 
	display:inline;
    background: url(/base/images/layout/Bullet-Address.png) no-repeat left center;
	padding-left:15px; padding-right:12px; }
	
#Footer li.First { 
    background: none;	padding-left:15px; padding-right:11px; }
	
/* Mailing List Box */
#MailingList { float:left; width:300px; height:90px; background-color:#eee; border:1px solid #ccc; padding:0px; text-align:center; }
#MailingList h1 { padding:3px; padding-left:10px; color: #990000;  margin:0px; }
#MailingList p { padding:0px; padding-left:10px; margin:0px;  }

/* Document icons */
	a.pdf {background:url(/images/icons/ico-pdf.gif) no-repeat left top; padding-left:20px; margin-right:20px; padding-right:20px; display:block; float:left; }
	a.doc {background:url(/images/icons/ico-doc.gif) no-repeat left top; padding-left:20px; margin-right:20px; padding-right:20px; display:block; float:left; }

		
#ContactBox h1 { margin: 0px 0px 0px 0px; padding:0px; font: italic bold 24px/1.1em Georgia, "Times New Roman", Times, serif; color:#34567F; border:none; }
#ContactBox h2 { margin:-3px 0px 0px 10px; padding:0px; font: italic bold 28px/1.1em Georgia, "Times New Roman", Times, serif; color:#557398; border:none; }
#ContactBox p { width:225px; margin:7px 0px 0px 0px;}

/* Lists */
.ListBig {
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
	display:block;
	list-style:square;
	line-height: 20px;
}

.ListNormal {	
	font-size:13px;
	font-weight:normal;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
	display:block;
	list-style:square;
	line-height: 20px;
}

/* Download PDF Area */
#DownloadPDF { 
    float:right; 
	clear:both; 
	width:230px; 
	height:150px; 
	margin:20px 15px 10px 10px; 
	padding:10px; 
	background-color:#fefefe;
	background-image: url(/base/images/layout/BG-QuoteWrapper.jpg);
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-position:left top;
	border:1px solid #ccc;
}

#DownloadPDF .Instructions { font-size:10px; font-style:italic; margin:0px 0px 5px 10px;}
#DownloadPDF h1 { 	margin:0px 0px 10px 0px;
					padding:0px 5px 0px 5px;
					font: bold 14px/1.4em Tahoma, Arial, Helvetica, sans-serif;
					color:#666;
					border-bottom:1px solid #ccc;}
#DownloadPDF img { float:left; margin-right:15px;}


/* Client Quotes on the various page */
#QuoteWrapper {
	float: left;
	clear:both;
	width: 302px;
	min-height:80px;
	margin: 20px 5px 10px 0px;
	padding:10px;
	background-color: #fefefe;
	background-image: url(/base/images/layout/BG-QuoteWrapper.jpg);
	background-repeat: repeat-x;
	background-position:left top;
	border: 1px solid #34567F; }

#Quote p {
	float:left;
	text-align:left;
	font: italic bold 16px/1.3em Georgia, "Times New Roman", Times, serif; color:#557398; }
#Quote .Open { float:left; height:30px; width:34px; display:inline; padding: 0px 5px 0px 3px; margin-right:5px;  } 
#Quote .Close { float:right; clear:both; height:30px; width:34px; padding-left:3px; margin-right:5px; padding-right:5px; }
#Quote .Author {
	font: italic normal 12px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#666;
	text-align:right;
	padding-bottom:0px;
	margin: 0px; }


/* Forms ----------------------------------- */
		 Form { text-align:left;  font-family: Arial, Helvetica, sans-serif; font-size:12px; }
		 fieldset { border:1px solid #ccc; margin:15px; padding:15px; width:100%;}
		 legend{ color:#999;}
		 label { display:block; vertical-align:top; text-align:right; white-space:nowrap; font-weight:normal; font-style:italic; margin-top:-2px; margin-right:8px; font-size:12px; }
		 input { display: block;  margin-bottom:3px; }
/*		 input [type="hidden"] { border:0px solid #ccc; }
		 input [type="Submit"] { border:none; background:none; }
*/
		 textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px;  border:1px solid #ccc;  margin-bottom:3px;   }
		 select, option { margin-bottom:3px;    }
		
		.button /* Buttons are treated with a class since Ie6 doesn't recognize attribute selectors. Apply the Button class to all buttons. */ 
		{ border:none; background:none; }
		.select /* Buttons are treated with a class since Ie6 doesn't recognize attribute selectors. Apply the Button class to all buttons. */ 
		{ }
		.CheckBox /* Checkboxes are treated with a class since IE6 doesn't recognize attribute selectors. Apply the checkbox class to all checkboxes. */ 		{ width:16px; }
		.radio /* Radio buttons are treated with a class since IE6 doesn't recognize attribute selectors. Apply the radio class to all radio buttons. */  		{ width:16px; }
		.InputRequired { /* background-color: #FFC; */ }
		
		/* Use as classes for various inout lengths */
		.InputTiny  { width:16px;  }
		.InputShort { width:100px; }
		.InputMid   { width:300px; }
		.InputLong  { width:450px; }
		.InputComments { width:430px; height:100px; }
		
		.hide { display: none; } /* for hidden input types */ 
		
/*		input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover {
		  background:#FFC; border:2px dotted #ccc; margin-bottom:3px; 
		}
*/
#Contact-Us .Warning { font-weight:bold; font-size:15px; color:#C00; text-transform:uppercase; }
#Contact-Us .Notice { font-weight:bold; color:#f90; }


.Warning { color:#F00; }
.Notice { color:#666; font-style:italic; }




/* formats the rows for the specs */
#SpecWrapper { margin-bottom:15px; display:block; border-bottom:1px dotted #ddd; }
.RowHeader { border:none; }
.Row { width:100%; line-height:1.8em;  display:block; clear:both;  }
#SpecWrapper label { display:inline; white-space:nowrap; clear:right; text-align:left; }
.Spec { display:inline; white-space:nowrap;}


/* to control the length of the contractor list */
.ContractorListLong { height:300px; overflow:scroll; }

.ContractorAssigned { color:#000; font-weight:bold; }
.ContractorUnassigned {  color:#666;   }