/* CLEAR DEFAULTS -------------------------------------*/
:link,:visited {text-decoration:none; outline-style:none;} 
a img,:link img,:visited img { border:none; outline:none; outline-style:none; cursor:pointer; }
td { text-align:left;} 
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; text-align:left;} 

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


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

p { margin-bottom:15px; margin-top:1px; margin-left:10px; text-align:left; line-height:1.4em;}
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 15px 10px;
	padding:0px;
	color:#fff;
	white-space:nowrap;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style: italic;
	line-height: 1.2em;
	font-weight: bold;
}

h2, .h2 {
	text-align:left;
	margin:0px 0px 5px 10px;
	padding:0px;
	color:#ccc;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height: 1.2em;
	font-weight: bold;
}

h2.Subtitle { font-size:13px; color:#666; font-weight:normal; margin-bottom:15px; margin-top:0px; background-image:none; }

h3 {
	text-align:left;
	margin:20px 0px 5px 10px;
	padding:0px;
	color:#ddd;
	font-size: 14px;
	font-style: italic;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-weight: bold;
}

/* need to change the selector for the edit pages */
/*h3 a { font-weight: bold; text-transform:capitalize; }
h3 a:hover { color:<%=Dark%>; }
*/
h4 {
	margin:20px 0px 10px 0px;
	padding:0px;
	color:#ccc;
	font-size: 14px;
	font-style: italic;
	line-height: 1.2em;
	font-weight: bold;
	text-align:left;
}
h5 {
	margin:0px 0px 10px 10px;
	padding:0px;
	color:#333;
	font-size: 14px;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
}

a:link, a:visited {	color:#f90; text-decoration:none; outline-style:none; }
a:hover { text-decoration:none; color:#ccc;  cursor:pointer; }
.More { font-style:italic; font-weight:bold; text-align:right; font-size:11px; height:12px;}

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

/* PAGE LAYOUT -------------------------------------*/
#PageWrapper {
	width:950px; min-height:850px;
	text-align:center;
	padding:0px;
	margin:0px auto 0px auto;
	background-image: url(/base/images/Presentation/BG-Body.jpg);
	background-repeat: no-repeat;
	background-position: right top; }


/* Menu highlighters */

		/* Category - highlights category when hovering and when a category is selected */ 
		#Home #Nav-Home, 
		#Rules #Nav-Rules, 
		#FAQs #Nav-FAQs, 
		#Company #Nav-Company, 
		#Communication #Nav-Communication 
			{ color:#f90; }
		
	/* Sub - highlights the selected menu item  
		#Services.Graphic-Design #Nav-Design a,
		#Services.Commercial-Printing #Nav-Printing a 			
		   { color:#f90; font-weight:bold; font-size:16px; text-align:left; } */ 
		 

/* Header */
		#HeaderWrapper {
			width:950px;
			height:100px;
			margin:0px auto 20px auto;
			text-align:center;
			padding:0px;
			}

		#Header {
			float:left; 
			width:950px;
			margin:0px auto 0px 0px; 
			padding:0px;
			height:60px;
			}

		#HeaderLogo {
			width:950px;
			height:100px;
			margin:0px auto 0px 0px; 
			padding:0px;
			background-image: url(/base/images/Presentation/Header-Logo.png);
			background-repeat: no-repeat;
			background-position: left top;
		
			}

			
/* Tiny Menu */
/*#TinyMenuWrapper { 
	width:100%; 
	height:20px; 
	margin:0px auto 0px auto;	
	text-align:center;
 }
 
#TinyMenuBar {
	width:900px;
	padding:0px;
	margin:5px auto 0px auto;	
	font-size:11px;
	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 solid #666;
				}
				#TinyMenuBar li.First {	border:none;}
				#TinyMenuBar a { text-decoration:none; color:#ccc;}
				#TinyMenuBar a:hover { text-decoration:none; color:#ccc; }*/

/* Main Menu */
#MenuWrapper {
		float:left; clear:right;
		width:190px;
		height:300px; 
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#MenuTop {
		height:15px;
		background-image: url(/base/images/Presentation/BG-Menu.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	#MenuMid { 
		background-image: url(/base/images/Presentation/BG-Menu.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	#MenuBottom {
		height:15px;
		background-image: url(/base/images/Presentation/BG-Menu.png);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
		
		#Menu { padding:0px 10px 0px 15px; }
		#Menu ul { list-style-type:none; padding:0px; margin:0px;}
		#Menu li { display:block; line-height:1.1em; font-style:italic;  }
		#Menu li.Category { color:#ccc; font-size:20px; margin-bottom:10px; font-weight:bold; padding-right:10px;  }
		#Menu li.Sub { font-size:12px; margin:5px 0px 5px 0px; padding-right:5px; }
		#Menu li a { text-decoration:none; }	
		#Menu li.Category:hover { color:#ccc; 
			/*background-image: url(/base/images/layout/Menu-Category-Hover.png);
			background-repeat: no-repeat;
			background-position: right top;*/
			}
		
		#Menu li a:hover { color:#ccc;	
/*			background-image: url(/base/images/layout/Menu-Sub-Hover.png);
			background-repeat: no-repeat;
			background-position: right center;
*/			}
		
		#Menu li a img { margin:0px; padding:0px 4px 0px 0px; float:none; } /* keeps edit icons in place in the menu */ 
		
	
/* Content where content is located */ 

#ContentArea { width:100%; margin-top:25px;} 

#ContentWrapper { float:left; clear:both; }
	 
#Content {
	width:500px;
	float:left; clear:left;
	padding:0px 15px 0px 0px;
	background-image: url(/base/images/Presentation/BG-Content.png);
	background-repeat: repeat-y;
	background-position: right center;
	}
	
#ContentTop {
	width:500px; height:15px;
	float:left; clear:left;
	padding:0px 15px 0px 0px;
	background-image: url(/base/images/Presentation/BG-Content.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
#ContentBottom {
	width:500px; height:15px;
	float:left; clear:left;
	padding:0px 15px 0px 0px;
	background-image: url(/base/images/Presentation/BG-Content.png);
	background-repeat: no-repeat;
	background-position: right bottom; 
	}





/* for other uses */
#BlurbWrapper {
		float:left; clear:right;
		width:190px;
		height:300px; 
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#BlurbTop {
		height:15px;
		background-image: url(/base/images/Presentation/BG-Menu.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	#BlurbMid { 
		background-image: url(/base/images/Presentation/BG-Menu.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	#BlurbBottom {
		height:15px;
		background-image: url(/base/images/Presentation/BG-Menu.png);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
		
		#Blurb { padding:0px 10px 0px 15px; }
		#Blurb ul { list-style-type:none; padding:0px; margin:0px;}
		#Blurb li { display:block; line-height:1.1em; font-style:italic;  }
		#Blurb li.Category { color:#ccc; font-size:18px; margin-bottom:10px; font-weight:bold; padding-right:10px;  }
		#Blurb li.Sub { font-size:12px; margin:5px 0px 10px 0px; padding-right:5px; }
		#Blurb li a { text-decoration:none;  }	
		#Blurb li.Category:hover { 
			/*background-image: url(/base/images/layout/Menu-Category-Hover.png);
			background-repeat: no-repeat;
			background-position: right top;*/
			}
		
		#Blurb li a:hover {
/*			background-image: url(/base/images/layout/Menu-Sub-Hover.png);
			background-repeat: no-repeat;
			background-position: right center;
*/			}
		
		#Blurb li a img { margin:0px; padding:0px 4px 0px 0px; float:none; } /* keeps edit icons in place in the menu */ 
		
/* Large Tagline */
	 #TagLine {
		text-align:right;
		font-size:30px;
		color:#999;
		text-transform:capitalize;
		line-height:1.4em;
		font-style:italic;
		font-weight:bold;
		margin: 0px 0px 20px 20px;
		list-style-type:none; text-align:left; }
	#TagLine span { color:#f90;}

/* Footer Styles -------------------------------------*/
#FooterWrapper {  
	width:950px;  padding-top:50px; clear:both;
	min-height:150px;  }
				
#Footer { color:#666; font-size:12px;  
	width:950px;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align: left;
	 }
	
#Footer .Col { float:left; clear:both; }

#Footer h2 {
	font-size:16px; color:#777;
	border:0px; text-align:left;
	margin:0px 0px 0px 0px;
	line-height:1.4em;
	font-style: italic;
}
#Footer ul { list-style-type:none;} /* aligns with the h1 */
	 
#Clear { clear:both; }		
		
		
/*  For news, photos, etc. */
#ModuleWrapper {
	width:275px; 
	background-image: url(/base/images/layout/BG-Module-Mid.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding:0px 10px; 
	}
#ModuleWrapperTop {
	width:275px; height:13px;
	background-image: url(/base/images/layout/BG-Module-Top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:10px; 
}
#ModuleWrapperBottom {
	width:275px; height:13px;
	background-image: url(/base/images/layout/BG-Module-Bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding:10px; 
}
	
#Module { padding:8px; margin-bottom:5px; }
#ModuleWrapper p {  margin-bottom:5px; color:#333; font-size:12px;  }
#ModuleWrapper a {  color:#003399;   }

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

#ModuleWrapper h3 { font-size:16px; color:#666; }
#ModuleWrapper h3.Subtitle { font-size:11px; color:#999; font-weight:normal; margin-bottom:5px; background-image:none;}

/* image rows */
#ThumbNailWrapper {      }
#ThumbNailWrapper #Row { width:100%; margin-bottom:10px; clear:none; } /* for rows on green journey page*/
#ThumbNailWrapper img.ThumbNail { float:left; margin-left:-5px; 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; }

/* Download PDF Area */

#DownloadArea { }

#DownloadArea .Instructions { font-style:italic; margin:0px 0px 5px 10px;}
#DownloadArea h2 { }
					
#DownloadArea img { float:left; margin-right:15px; margin-left:15px;}

#DownloadItem { display:block; clear:both;  }
#DownloadItem .Link { margin-left:50px; }

	a.pdfLarge { background:url(/base/images/Icons/Adobe-PDF-Thumb.gif) no-repeat left top; height:80px;  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:60px; 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:40px; 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; }



/* Mailing List Box */
#MailingList { float:left; width:300px; height:90px; background-color:#ccc; 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;  }

#ContactBox { margin-top:30px; position:relative; }		
#ContactBox h2 { margin:0px; padding:0px; font-size:20px; color:#CCC; border:none; }
#ContactBox .Phone { text-align:right; margin:3px 0px 0px 0px; padding:0px; font-size:20px; color:#f90; font-style:italic; text-transform:capitalize; }
#ContactBox p { margin:7px 0px 0px 0px;}

/*Blurb Box*/
#BlurbBoxWrapper { float:left;
	width:230px; height:115px;
	margin:10px 0px 20px 20px; padding:0px; 
	background-image: url(/base/images/Presentation/BG-Blurb.png);
	background-repeat: no-repeat;
	background-position: center top; 
 }		
#BlurbBox { width:210px; padding:10px 10px 0px 10px; }		
#BlurbBox h2 { margin:0px; padding:0px; font-size:20px; border:none; }
#BlurbBox p { margin:0px 0px 0px 0px; color:#333; font-weight:bold; line-height:1.2em;}
#BlurbBox .More { float:right; margin-bottom:2px; font-size:14px; }
#BlurbBox a:hover { color:#000;}

/* Lists */
.ListBig {
	font-size:20px;
	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 {
	text-align:left;	
	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;
}



/* Client Quotes on the various page */
#QuoteWrapper {
	margin: 20px 0px 10px 0px;
	padding:10px;
/*	xxxfloat: left;
	xxxclear:both;
	xxxwidth: 302px;
	xxxmin-height:80px;
	xxxxbackground-color: #fefefe;
	xxxbackground-image: url(/base/images/layout/BG-QuoteWrapper.jpg);
	xxxbackground-repeat: repeat-x;
	xxxbackground-position:left top;
	xxxborder: 1px solid #34567F;*/ }

#Quote p { font-style:italic; }
.QuoteOpen { background:url(/base/images/Large-Quote-Open.png) no-repeat left top; height:68px;  padding-left:58px; margin-right:8px; padding-right:2px; float:left; }
.QuoteClose { background:url(/base/images/Large-Quote-Close.png) no-repeat right bottom; height:68px;  padding-left:58px; margin-right:8px; margin-top:-35px; padding-right:0px; padding-top:10px; float:right; }


#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; border:1px none #eee; }
/*		 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 #eee;  margin-bottom:3px;  background-color:#CCC;   }
		 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:250px; }
		.InputLong  { width:450px; }
		.InputComments { width:250px; 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; 
		}
*/

#ContactForm { margin-left:15px;}

.Warning { color:#FF9; }
.Notice { color:#ccc; font-style:italic; }

.MonthName { list-style:none; font-size:18px; font-weight:bold; margin-top:15px; margin-left:-20px; }
.DayName { list-style:none; color:#ddd; font-size:14px; margin-top:15px; margin-left:-10px;}

/* 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;   }
*/


* html #pngImage {
      background-image:none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
      (src='transparent-bg.png', sizing='scale')
}

.AvailableDates {
	list-style-type: none;
}