@media screen {
	html, body
	{
		margin: 0;
		padding: 0;
		border: none;
	
		font-size: 100.1%;
		font-family: verdana, arial, helvetica, sans-serif;
		/*
		font-family:"Lucida Grande", Geneva, Verdana, Arial;
		*/

	}
	
	body {font-size: 0.7em;}
	
	form {
		display: inline;
		margin: 0;
		padding: 0;
	}

    .numeric { text-align: right; }
	
	/* __________ Links __________ */
	
		/* Normal text links. */
	
	a { text-decoration: none; }
	a:link    { color: #900025; }
	a:visited { color: #555555; text-decoration:underline; }
	a:hover   { color: #900025 ; text-decoration:underline; }
	a:active  { color: #900025; }
	
	
		/* Link Button */
	
	a.button {
	background-color: #900000;
	background-image:url(/site_specific/images/main/menu/menuheader0.gif);

	border-color: #900000;
	color: #FFFFFF; 
	white-space: nowrap !important;}
	
	a.button:link {background-color: #900000; border-color: #900000; 
	background-image:url(/site_specific/images/main/menu/menuheader0.gif);
	
	color: #ffffff;}
	a.button:visited {background-color: #900000; border-color: #900000; color: #FFFFFF;

	 }
	a.button:hover {background-color: #666666; border-color: #900000; color: #FFFFFF; 

	}
	a.button:active {background-color: #666666; border-color: #900000; color: #FFFFFF; 

	}
	
	
		/* Footer Links */
	
	#footer a:link    	{ color: #FFFFFF; }
	#footer a:visited 	{ color: #FFFFFF; }
	#footer a:hover   	{ color: #000000; }
	#footer a:active  	{ color: #FFFFFF; }
	
	
	
	/* __________ Elements __________ */
	
		/* Headers */
	
	h1 {
	color: #900025;
}
	.title-section {color: #000000;}
	
	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 0.8ex 0;
		padding: 0;
	}
	
	
	h1 {font-size: 1.4em;
	
	font-weight: normal;
	
	}
	h2 {font-size: 1.3em;}
	
/*	h3 {font-size: 1.2em;}
*/
	h3 {
	font-size: 1.2em;
	font-weight: normal;
}
	h4 {font-size: 1.1em;}
	h5 {font-size: 1em;}
	h6 {font-size: 0.9em}
	
	h1.h1header {
	font-weight:normal;
	}
	

	
	/* Holly Hack - for Tabs & Content Hiding?? \*/
	* html h1,
	* html h2,
	* html h3,
	* html h4,
	* html h5,
	* html h6 {position: relative;}
	/* */
	
	
		/* Fieldset */
	
	fieldset legend {color: #000000;}
	
	
		/* Tables */
	
	table {
		border-collapse: collapse;
	
		margin: 1ex 0 2ex 0;
		padding: 0;
	
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	td, th {
		margin: 0;
		padding: 0.1ex 1em 0.25ex 1em;
		
		background-color: #FFFFFF;
		border: 1px #900000 solid;
		
		color: #000000;
	}
	
	th {
	
		background-color: #AEAEAE;
		
	
		white-space: nowrap;
		text-align: center;
	
		color: #900025;
	}
	
		/* Table Specific Classes */
		
	table.header {
	width:100%;
		border: 0;
		cellspacing:0;
		cellpadding: 0;
		margin:0 0 0 0;
		background-color: transparent;
		background-image: url('/site_specific/images/main/header/background.gif');
		
		}

	td.header, th.header {
	/*
	background-image:url(/site_specific/images/backgound.gif);
	*/
		background-color: transparent;
	background-image: url('/site_specific/images/main/header/background.gif');
	padding:0 0 0 0;
	margin:0;
	border:0;
	}
	
	table.colRow tr.colRow td,
	tr.colRow td {
	
		background-color: #E3E3E3;
		
		color: #000000;
	}
	
	
	table.colRow tr.colRow td a:link,
	tr.colRow td a:link { color: #900025; }
	
	table.colRow tr.colRow td a:visited,
	tr.colRow td a:visited { color: #555555; }
	
	table.colRow tr.colRow td a:hover,
	tr.colRow td a:hover { color: #555555; }
	
	table.colRow tr.colRow td a:active,
	tr.colRow td a:active { color: #900025; }
	
	table.tighter-td td,
	table.tighter-td th,
	tr.tighter-td td,
	tr.tighter-td th,
	td.tighter-td,
	th.tighter-td {padding-left: 0.5em; padding-right: 0.5em;}
	
	table.no-formatting th,
	table.no-formatting td,
	tr.no-formatting th,
	tr.no-formatting td,
	th.no-formatting,
	td.no-formatting {
		background-color: transparent;
		border: 0;
		color: #000000;
	}
	
	table.no-background td,
	table.no-background th,
	tr.no-background td,
	tr.no-background th,
	td.no-background,
	th.no-background {
		background-color: transparent;
	}
	
	table.no-border td,
	table.no-border th,
	tr.no-border td,
	tr.no-border th,
	td.no-border,
	th.no-border {
		border: 0;
	}
	
	table.no-th-border th,
	tr.no-th-border th,
	th.no-th-border {
		border: none;
	}
	
	table.no-td td,
	tr.no-td td,
	td.no-td {
		background-color: transparent;
		color:#000000;
	}
	
	table.no-th th,
	tr.no-th th,
	th.no-th {
		background-color: transparent;
		color:#000000;
	}
	
	table.th-td th,
	tr.th-td th,
	th.th-td th {
		background-color: transparent;
		color: #000000;
	}
	
	table.no-center th,
	table.no-center td,
	tr.no-center th,
	tr.no-center td,
	th.no-center,
	td.no-center {
		text-align: left;
	}
	
	table.no-padding th,
	table.no-padding td,
	tr.no-padding th,
	tr.no-padding td,
	th.no-padding,
	td.no-padding {
		padding: 0;
	}
	
	table.th-left th,
	tr.th-left th {text-align: left;}
	
	table.th-right th,
	tr.th-right th {text-align: right;}
	
	table.td-center td,
	tr.td-left td {text-align: center;}
	
	table.td-right td,
	tr.td-right td {text-align: right;}
	
		/* More Elements */
	
	p {
		position: relative;
		margin-top: 0;
		margin-bottom: 1.5ex;
	}
	
	img {border: none;}
	
	
	
	/* __________ Lists __________ */
	
	
	/* Lists where Buttlets Are Not Visible */
	
	ul.non-list,
	ul.non-list li {
		margin: 0 0 2ex 0;
		padding: 0;
	
		list-style: none;
	}
	
	ul.non-list li {
		margin: 0;
		padding: 0;
	
		list-style: none;
	}
	
	
	/* __________ Buttons __________ */
	
		/* Button Bar */
	
	div.button-bar {
		overflow: visible;
	
		float: none;
		display: block;
		position: relative;
	
		margin: 1px 0 1px -1px;
		padding: 0;
	
		white-space: nowrap;
	}
	
	
	/* Holly Hack \*/
	* html div.button-bar { height: 1%; }
	/* */
	
	
	/* Button Bar Indent - NOTE: Div.indent-regular also appears in Project_Create.CSS, and is a fix */
	fieldset div.indent-regular {
		width: auto;
		margin: 0 0 0 18.9em;
	}
	
	/* Holy Hack \*/
	* html div.indent-regular {
		margin: 0;
		padding: 0 0 0 18.9em;}
	/* */
	
	
		/* Buttons */
	
	.button-bar input,
	input.button,
	button,
	a.button {
		float: left;
		clear: none;
		display: inline;
		position: relative;
	
		width: auto;
		margin: 0 1px 1ex 1px;
		padding: 0.25ex 0.5em 0.5ex 0.5em;
	
		background-color: #900000;
		background-image:url('/site_specific/images/main/menu/menuheader0.gif');
		border: 1px solid #900000;
	
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.85em;
		font-weight: normal;
	}
	
	
	/* \*/
	* html .button-bar input,
	* html input.button,
	* html button,
	* html a.button {padding: 0.25ex 0 0.5ex 0;}
	/* */
	
	input.no-float {
		float: none;
		clear: none;
		display: block;
		position: relative;
	}
	
	input.centered {
		float: none;
		clear: none;
		display: block;
		position: relative;
	
		margin: auto;
	}
	
	
	/* Right Aligned Buttons within .button-bar */
	.button-bar input.right,
	.button-bar a.right,
	input.right,
	a.right {
		float: right !important;
		display: inline;
		position: relative;
	
		margin: 1px 0 1px 1px;
	}
	
		/* Visual Style for Buttons */
	
	
	a.button {padding: 0.6ex 1ex;}
	
	
	input.button:hover, button:hover, a.button:hover, input.over {
		cursor: pointer;
		background-color: #cccccc;
	
		background-image:url('/site_specific/images/main/menu/menuheader0.gif');
		
		border: 1px solid #900000;
		color: #000000;
	}
	
	a.button {padding: 0.5ex 0.8em 0.6ex 0.8em;}
	
	/* \*/
	* html a.button {padding: 0.5ex 1.85em 0.8ex 1.85em;}
	/* */
	
	
	/* __________ Tool Tips __________ */
	
	.tip { cursor: help; color: #900025; }
	
	span.tip {float: none; display: inline;}
	
	/* __________ Tabs __________ */
	
	.tab {
		float: right;
		display: inline;
		position: relative;
	
		height: 27px;
		margin: -10px 0 0 5px;
		padding: 0px 4px;
		
		border-width: 0px 1px 1px 1px;
		border-color: #900000;
		border-style: solid;
		
		background-color: #E3E3E3;
		
		white-space: nowrap;
		text-align: right;
		color: #000000;
		font-size: 0.9em;
	}
	
	.tab a {cursor: pointer;}
	.tab a:link { color: #900025; }
	.tab a:visited { color: #555555; }
	.tab a:hover { color: #555555; }
	.tab a:active { color: #900025; }
	
	
		/* Account Tab */
	
	#accountValue,
	#accountLabel {
		float: left;
		display: inline;
		
		clear: none;

		white-space: nowrap;
		text-align: left;
	}
	
	#accountLabel {font-weight: bold; text-align: right;}
	
	
	/* Quick find project box (takes you to project number) */
	
	#quick-project label,
	#quick-project form,
	#quick-project input {
		float: left;
		clear: none;
		display: inline;
		position: relative;
	}
	
	#quick-project form {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
	}
	
	#quick-project label {
		margin: 0;
		padding: 1.5ex 0 0 0;
		color: #000004;
	}
	
	#quick-project input {
		width: 3.5em;
		margin: 0.8ex 0 0 2px;
		font-size: 1em;
	}
	
	#quick-project input.button {
		width: auto;
		margin: 1.05ex 0 0 2px;
		padding: 0;
		border: 1px solid black;
		font-size: 0.85em;
	}
	
	/* \*/
	* html #quick-project input.button { margin-top: 0.9ex; }
	/* */


	/* __________ Panels __________ */

	div.panel-set {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	/* Holly Hack \*/
	* html div.panel-set {height: 1%;}
	/* */
	
	div.one-third,
	div.two-thirds,
	div.one-fourth,
	div.one-fifth,
	div.one-sixth {
		float: left;
		clear: none;
		display: inline;
		position: relative;
	
		margin: 0;
		padding: 0;
	}
	
	
	/* Evenly Spaced Panels */
	
	/* IE Fix in Core CSS Header "Include" - the one in the /includes directory */
	
	div.one-third {
		width: 32%;
		margin-right: 2%;
	}
	
	div.one-fourth {
		width: 24%;
		margin-right: 1.333%;
	}	
	
	div.one-fifth {
		width: 19%;
		margin-right: 1.25%;
	}
	
	div.one-sixth {
		width: 15%;
		margin-right: 2%;
	}

	
		/* Misc Spaced Panels */
	
	div.two-thirds {
		width: 66%;
		margin-right: 2%;
	}
	
	
	div.last-panel {margin-right: 0; margin-bottom: 2ex;}
		
	div.panel {
		margin: 0;
		padding: 0;
	
		background-color: #FFFFFF;
		border: 1px solid #900000;
	
		text-align: center;
		
		color: #000000;
	}
	
	div.panel h3 {
		padding: 0.5em;
	
		background-color: #AAAAAA;
		border-bottom: 1px solid #900000;
		
		color: #000000;
	}
	
	
	div.panel p {padding: 7px 10px;}
	
	div.image {
		width: 100%;
		margin: 0;
		padding: 0;
		
		text-align: center;
	}
	
	div.image img {
		margin: 0;
		padding: 0;
	}
	
	
	/* __________ Common Panel Class__________ */
	
	div.panel a:link,
	table.panels a:link { color: #900025; }
	div.panel a:visited,
	table.panels a:visited { color: #555555; }
	div.panel a:hover, table.panels a:hover { 	
	color: #555555; 
	}
	div.panel a:active,
	table.panels a:active { color: #900025; }
		
	div.panel h3 a:link,
	table.panels h3 a:link { color: #ffffff; }
	div.panel h3 a:visited,
	table.panels h3 a:visited { color: #ffffff; }
	div.panel h3 a:hover,
	table.panels h3 a:hover { color: #000000; }
	div.panel h3 a:active,
	table.panels h3 a:active { color: #FFFFFF; }
	
	
	div.invisible-panel,
	div.invisible-panel div.panel,
	table.invisible-panel td {
		background-color: #FFFFFF;
		color: #000000;
	}
	
	div.invisible-panel p {margin: 0 0 1.5ex 0; padding: 0;}
	
	div.welcome p { padding: 5px 20px 0 20px ; line-height: 150%;  }

	div.welcome h1 { font-size: 140%; font-weight:bold; padding: 10px 0 0 0  ; color:#990025; }
	
	/* __________ Table Panels __________ */
	
	
	
	
	table.two td {width: 49.98376%;}
	table.three td {width: 33.30086%;}
	table.four td {width: 24.93506%;}
	table.five td {width: 19.93506%;}
	table.six td {width: 15.31385%;}
	
	
	table.panels {
		table-layout: fixed;
		border-collapse: separate;
	
		width: 100%;
		margin: -8px 0 0 0;
		padding: 0;
	
		background-color: transparent;
	}
	
	/* Holly Hack \*/
	* html table.panels {
		width: auto;
		margin: -8px 0 0 ;
	}
	/* */
	
	table.panels td {
		margin: 0;
		padding: 0;
	
		background-color: #FFFFFF;
		border: 1px solid #900000;
	
		vertical-align: top;
		text-align: center;
	
		color: #000000;
	}
	
	table.panels td h3 {
	padding: 0.5em;
	margin-bottom: 1.5em;
	background-color: #900000;
	border-bottom: 1px solid #900000;
	color: #000000;
	background-image: url('/site_specific/images/main/menu/menuheader0.gif');		
	}
	
	
	table.panels td p {padding: 0 10px; margin-top: 1.3em;
}
	
	
	.panel-section {
		margin-bottom: 10px;
		border: 1px solid #900000;
	}
	
	.panel-section h3 {
	padding: 5px 0;
	border-bottom: 1px solid #900000;
	text-align: center;
	color: #000000;
	background-image: url('/site_specific/images/main/menu/menuheader0.gif');		
	}
	
	.panel-section h3 a:link { color: #900025; }
	.panel-section h3 a:visited { color: #555555; }
	.panel-section h3 a:hover { color: #555555; }
	.panel-section h3 a:active { color: #900025; }
	
	
	/* __________ Utilities __________ */
	
	.error { color: #FF0000 !important; }
	
	input.disabled,
	select.disabled,
	textarea.disabled {
		background-color: #AAAAAA !important;
		color: #888888 !important;
	}
	
	
	#pqs-logo { display: none; }
	
	.transparent { background-color: transparent; }
	
	.float-right {
		float: right;
		clear: none;
		display: inline;
		position: relative;
	}
	
	br.clear { /* Use a line-break with this class to clear float containers */
		display: block;
		clear: both;
		height: 0;
		margin: 0;
		line-height: 0;
		font-size: 0;
		visibility: hidden;
	}
	
	br.right {clear: right;}
	br.left {clear: left;}
	
	
	.margin-top {margin-top: 1.5ex;}
	
	.align-left {text-align: left;}
	.align-right {text-align: right;}
	
	
	/* __________ Bugs __________ */
	
		/* FireFox */
	
	/* If the first element after the Legend in a Fieldset isn't a Paragraph, put this there: <p class="none">&nbsp;</p> */
	fieldset p.none {
		visibility: hidden;
		width: 0;
		margin: 0;
		padding: 0;
		line-height: 0;
		font-size: 0;
	}
	
	/* First used for Project View / Docket Page because Hidden Input Elements were appearing as little 2x2px dots */
	input[type="hidden"] { display: none;}
	
	
	* html .ie-fix-image { margin-bottom: -2px; }
	
/* SERVICE PAGES  */	
	
	
/* DIV contentText */	
#contentText {
clear:both;
width:98%;
height:auto;
margin:auto;
padding: 0 0 2em 0 ;
line-height:180%;
/*
font-size: 110%;
*/
font-size: small;
}

#contentText .header,
#Prepress .header,
#Bindery .header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #900000;
	font-weight: bold;
}


#contentText p.headerImage {text-align:center;}

#contentText .highlight { color:#900000;}
#contentText .txtStrong { font-weight:bold;}

#contentText .clear {
clear:both;
}

/* ABOUT */

#txtAbout,
#txtQuote,
#txtWhy {
	padding: 2em 2em 0 2em;
	text-align: justify;

}

#txtAbout p,
#txtQuote p,
#txtWhy p {
	padding: .7em 0 .1em 0;
}

ul#listAbout {
margin: 0;
}

ul#listAbout li {
width: 14em;
line-height: 180%;
display:inline;
float:left;
}

ul#listAbout ul.listAboutIn {
list-style:outside disc;
}

ul#listAbout ul.listAboutIn li {
list-style:inside disc;
}



/* PREPRESS */

#Prepress { padding: 0 4em 1em 4em; }

#PrepressList {
clear:both; width:60%;
padding: 0;
margin: 0 auto;
}

#PrepressList ul {
padding: 0 0 1em 3em;
margin:0;
text-align:left;
}

#PrepressList ul li {
padding: 0;
margin:0;
line-height:150%;
}

#prepressLeft { padding:20px 0 0 50px ; width:400px; float:left;}

#prepressRight { float:left; position:relative; padding: 20px 0 0 0;}

/* BINDERY */

#Bindery { padding: 2em 2em 1em 3.5em; }

#BinderyLeft {
clear:left; width:45%; float:left;
padding: 0 0 1em 4em;
}

#BinderyLeft2 {
width:55%; float:left;
padding: 0 0 1em 4em;
}


#BinderyRight {
width:45%; float:left;
padding: 0;
}

#BinderyRight2 {
width:35%; float:left;
padding: 0;
}


#contentText #BinderyLeft ul,
#contentText #BinderyRight ul,
#contentText #BinderyLeft2 ul,
#contentText #BinderyRight2 ul 
{ list-style:outside disc;}

#contentText #BinderyLeft ul li,
#contentText #BinderyRight ul li,
#contentText #BinderyLeft2 ul li,
#contentText #BinderyRight2 ul li 
{ line-height:150%;}

#binderyImage1 { padding:0 0 25px 50px ; width:350px; float:left; clear:right;}
#binderyImage2 { padding: 25px 0 ; width:355px; float:left;}


#contentSub {
clear:both;
width:800px;
height:auto;
margin:auto;
padding: 27px 0 2em 0 ;
}

#imageAverage { float:right;}

#tablePrintingUnits {
width:54%; float:left;
position:relative; padding: 31px 0 0 0;
}

/* TABLE PRINTING UNITS  */

table#printingUnits {
font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#000000;

width: 100%; 
border:0;
margin:0;
padding:0;
}

#printingUnits td {
vertical-align:middle;
text-align:left;
margin:0;
padding: 3px;
background-color:#f4f4f4;
border:#FFFFFF 1px solid;
}

#printingUnits th {
/*
color:#000000;
*/
vertical-align:middle;
text-align:left;
margin:0;
padding: 3px;
background-color:#e9e9e9;
border:#FFFFFF 1px solid;
font-weight:400;
width:145px;
}

#ContactBlock { width: 730px; margin:0 auto;  background: ; }

div#ContactList { padding: 10px 0; width: 310px; float:left; font-size:12px;}
#ContactList h2,
#ContactList  #openMap { width: 285px; background:#e9e9e9; padding:0 5px; margin:0 0 20px 0;}
#ContactList h2 { padding: 5px; margin: 0 0 10px 0; }

#ContactList  #openMap a { display:block; padding:5px 0;}
#ContactList  p#openMap:hover {background:#f6f6f6;} 

div#ContactMap  { width:400px; float:left; margin: 0 0 0 10px  ; }

#ContactList ul { list-style:none; display: inline-block; margin:0; padding:0; list-style-position:inside;}
#ContactList ul li { width: 145px ; float:left; line-height:200%; margin: 3px 6px 3px 0; background:#f6f6f6; padding: 0 2px 2px 5px;}
#ContactList li a { display:block;}

#ContactList li.titleLI { font-weight:bold; width:130px;}

#seeDetails { padding: 5px 10px; background: #e9e9e9 ; width: 250px; }
#seeDetails:hover { background:#f6f6f6;}
#seeDetails a { display:block; font-weight:bold;}
}
 
@media print {   
	#nav,
	#sidebar,
	#headerTabs {
		display: none;
	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
	}
}