@charset "utf-8";
/* CSS Document for JB Printing LLC*/
/*Copyright 2008 Sleight-of-Hand Studios LLC; All Rights Reserved*/

/*________________STANDARD CODE____________________________________*/

/* clearing method devised by Tony Alsett - www.csscreator.com */
/* add the alsettclearmeth class to any containter that must enclose floated elements */
/* http://www.positioniseverything.net/easyclearing.html */
.alsettclearmeth:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.alsettclearmeth {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .alsettclearmeth {height: 1%;}
.alsettclearmeth {display: block;}
.clear {
	clear: both;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" Alsett clearing method */

.red{color: red;}
.devcomment{
	color: red;
}
.left{text-align:left}
.fltLeft {
	float: left;
}

.right{
	text-align:right;
	/*right: 0px;*/
}
.fltRight {
	float: right;
}

.center {text-align: center;}
.fullwidth{width: 100%;}
.hideInitially{visibility: hidden;}
.hideRemove{display: none;}
/*___________END STANDARD CODE________________________________________________________*/
/*___________Browser Normalization____________________________________________________*/
* html * {
	zoom: 100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, which is needed, hence the hack */
* {
	margin:0;
    border:0;
	padding:0;
}
body {
	margin: 0; 
	padding:0;
}
div,p,h1,h2,h3,h4,h5,h6,td,ul,ol,li,dl,dt,dd,form,fieldset,input,blockquote,th,td { /* be specific for Netscape4 - doesn't understand inheritance */
	font-size: 100%;
	margin: 0;
	padding:0;
}
fieldset,img{
	border: 0;
}
/*___________END Browser Normalization__________________________________________________*/

/*___________Site Specific Styles __________________________________________________*/

body {
	font-size: 62.5%; /* calibrate a medium font to 10px = 1em; now ems x 10 = px*/
	font-family: arial, geneva, helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #ddd;
}
p {
	font-size: 1.2em; /*12 px */
	padding-bottom: 1.1em;
	line-height: 1.5em;
}
h1{
	font-size: 1.7em; /*17 px */
	margin-bottom: 0.5em;
	line-height: 1em;
	margin-top: .5em;
	text-transform: uppercase;
}
h2{
	font-size: 1.7em;
}
h3 {	
	font-size: 1.5em;
	margin-bottom: 1em;
}
h4 {
	font-size: 1.2em;
	margin-bottom: 0.5em;
}
ul { /*not nav*/
	/*margin: 1em;*/
	list-style-type: none;
	font-size: 1.2em; /* size is inherited by nav */
}
li {
	background: url(../images/list_bullet.gif) no-repeat;
	background-position: left 2px;
	padding-left: 20px;
	margin: 0 0 1em .5em;
}
a:link {
	color: #004E7D;
}
a:visited {
	color: #555;
}
a:hover {
}
.empText {/*use for emphasized text*/
	margin-bottom: 1.2em;
	font-style: italic;
	margin-left: 10px;
}
#mall {
	/*background: url(../images/JBPrint_03.jpg) no-repeat;*/
	color: #FFFFFF;
	font-size: 12px;
	position: absolute;
	margin-left: -180px;
	width: 172px;
	height: 135px;
	background-image: url(../images/logoMall.jpg) no-repeat;
}
/*______________ Vertical Navigation Styles _______________________________________*/
#nav {
	background: url(../images/navBkgrd.jpg) repeat-y;
	color: #FFF;
	position: relative;
	margin-left: -180px;
	width: 172px;
	float: left;
	margin-top: 125px;
	display: inline; /*on floated element, fixes IE/Win Double margin bug*/
}
#nav a:link {
	color: #FFF;
	text-decoration:none;
}
#nav a:visited {
	color: #FFF;
	text-decoration:none;
}
#nav a:hover {
	text-decoration: underline;
}
ul.nav {
	list-style: none outside; /* for IE */
	line-height: 1.4em;
	margin-left: 1.4em;
	font-weight: bold;
}
ul.nav li    {
	background: url(../images/wh_bullet.gif) no-repeat;
	background-position: 0 3px; /*nec due to IE buggy support of background: attrib*/
	padding: 0 0 0 1.5em;	/*spaces text off bkgrd image */
	margin: 0;
}
ul.nav ul{
	font-size: 80%; /*otherwise text gets larger on each nest*/
	margin: 1em;
}
* html ul.nav ul { /*to fix nasty double width indenting by IE*/
	list-style: none;
	margin-left: -10px;
}
/*______________ End Vertical Navigation Styles _______________________________________*/

/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybRtHdr #sidebar1 p" rule.
4. Sidebar can be made invisible on a page by setting its Class (Style) to "oneCol".
*/
#sidebar1 {
	float: right;
	width: 150px; /* since this element is floated, a width must be given */
	background: #EEE;
	/* top and bottom padding create visual space within this div  */
	/*top: 20px;*/
	margin: 2em 1em;
}
#sidebar1 p {
	line-height: 1em;
	text-align: right;
	font-size: 1em;
	margin: 0 .5em 0 0.5em;
}
#sidebar1.oneCol/*===================================================*/ 
   {
	display: none;
	
}
blockquote {
	margin-bottom: 0.5em;
	font-size: 1.2em;
	font-style: italic;
	color: #FF0000;
	margin: .5em;
}
#sidebar1 h3, /*.twoColHybRtHdr #sidebar1 p*/ {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
.oneColFixCtrHdr #footer {
	background-color: #000;
	height: 53px;
	text-align: right;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	/*display: inline;*/
	margin-right: 10px;
	font-size: 1em;
	color: #aaa;
}
#footer img {

}
#footer a:link,#footer a:visited,#footer {
	color: #bbb
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*img { /*trying to place photo right under header
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}*/

#contactLink {
	margin: 0px;
	padding: 0px;
	position: absolute;
	display: block;
	right: 60px;
	top: 45px;
	font-size: 1.2em;
}
img.fltRight  {
	margin-left: 10px;
}
img {
	float: right;
}

.oneColFixCtrHdr #container {
	width: 769px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
}
.oneColFixCtrHdr #header {
	background: #DDDDDD url(../images/Header.jpg) no-repeat;
	height: 139px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#midSection {
	background: #FFF url(../images/leftCol.jpg) repeat-y;
	position: relative;
}

.oneColFixCtrHdr #mainContent {
	padding: 0 20px 0 180px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*background: #FFF url(../images/leftCol.jpg) repeat-y;*/
	width: 380px;
	float: left;
	position: relative; /*may be needed to position nav properly*/
}
#contactInfo {
	position:relative;
	left:464px;
	top:82px;
	width:243px;
	height:48px;
	z-index:1;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
}