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


/* Redefining Tags */
body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}

td {
vertical-align: top;
text-align: justify;
}

li {
margin-bottom: 2px;
margin-top: 2px;
}

h1 {
text-align: left;
color: #222A75;
}

h2 {
font-size: 18px;
margin-left: 0px;
text-align: left;
color: #222A75;
}

h3 {
text-align: left;
color: #222A75;
}

h4 {
text-align: left;
color: #222A75;
}

/* Controlling Page Layout */
#container {
background: url(images/img-000001-rsz.png) top left repeat; 
border-right: 3px solid #000; 
border-left: 3px solid #000; 
}

#backgroundimage {
background: url(images/img-000002-rsz.jpg) top left no-repeat; 
}

#bottom {
padding:0px;
}

#contentholder {
padding-top: 217px; 
}

#maincontent {
padding-left: 26px; padding-right: 36px;
}

#indexmaincontent {
margin-bottom: 20px;
padding: 0px;
background:url(images/shop_pic_bg.png);
background-repeat:no-repeat;
background-position:center; 
}



/* Navigation */

#navigation {
width: 219px;
padding-left: 18px; 
padding-right: 15px;
}

.navlist {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.navlist a {
  display: block;
  width: 175px;
  text-align: center;
  color: #222a75;
  background: #b8c0bb;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px;
  text-decoration: none;
  }
  
.navlist  a:current {
  background: #ccc;
}

.navlist  a:active, a:hover {
  background: #46872b;
  color: #222a75;
} 

#navigationsub {
position: inherit;
}

.navsub  {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.navsub a {
  display: block;
  width: 175px;
  text-align: center;
  color: #222a75;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0px;
  padding: 5px;
  background: none;   /*background: #b8c0bb;*/
  text-decoration: none;
  }
  
.navsub  a:active, a:hover {
  text-decoration: none;
  }


.subscript {
font-size:xx-small; 
vertical-align:bottom;
color: #ccc;
}


/* Everything Else  */

.productslogo {
padding-top: 25px;
padding-bottom: 15px;
}


.imageborders {
border: 1px solid #222a75;
}

.address {
font-size: 10px;
color: #000;
}

.bluetext {
color: #222A75;
}

.bluetextbold {
color: #222A75;
font-weight: bold;
}

.bluetextboldcenter {
color: #222A75;
font-weight: bold;
text-align: center;
}

.employmenttitles {
color: #222A75;
font-weight: bold;
text-align: left;
padding-bottom: 10px;
padding-right: 7px;
padding-top: 7px;
}

.employmenttext {
padding-top: 7px;
}

.nomargin {
margin: 0px;
}

.tdcenter {
text-align: center;
vertical-align: middle;
}

/* Rounded Corner Boxes */

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(images/corners.png) no-repeat bottom right; text-align: center; } 

/* intended total box width - padding-right(next) */
.cssbox{ 
 width:295px !important; /* IE Win = width - padding */ 
 width: 280px; /* the gap on the right edge of the image (not content padding) */ 
 padding-right:5px; /* used to position the box */ 
 margin:10px auto; } /* set the top-right image */ 
 
 .cssbox_head{background-position:top right; /* pull the right image over on top of border */ 
 margin-right:-5px; /* right-image-gap + right-inside padding */ 
 padding-right:10px; } /* set the top-left image */ 
 
 .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ 
 border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
 padding:5px 0 5px 10px; height:auto !important; height:1%; } /* IE Holly Hack */ /* set the lower-left corner image */ 
 
 .cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ 
 padding:5px 0 5px 10px; } /* mirror .cssbox_head right/left */