body
{
/*  background: url(images/background.gif) top left repeat-x;*/
  background-color: #CCCCCC;
	
	
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#firststripe {
position: absolute;
left: 0;
top: 0;
height: 21px;
width: 100%;
background-color: #000033;   	
}

#secondstripe {
position: absolute;
left: 0;
top: 21px;
height: 4px;
width: 100%;
background-color: #fff;
}


#headerbackground {
position: absolute;
left: 0;
top: 24px;
width: 100%;
text-align: center;
background-color: #000033;
}


#bannertext {
text-align: right; 
width: 757px; 
color: white; 
background-color: #000033;
/*#[Top Stripe Background Color];*/
}

/*
#menu ul li a:hover
{
  font-weight: bold;
text-decoration: underline;

  background-color: #CCCCCC;
}


#menu ul .selected,
#menu ul .active
{
  font-weight: bold;
text-decoration: none;

  color: #FFFFFF;
  background-color: #000033;
}
*/

#menu ul li a:hover
{
  font-weight: bold;
text-decoration: underline;

  background-color: #CCCCCC;
}

#menu ul li ul li,
#menu ul li.active a,
#menu ul li.selected a
{
  font-weight: bold;
text-decoration: none;

  color: #FFFFFF;
  background-color: #000033;
}
/* ie flows the bg onto the next parent li item... padding on the bottom prevents this... */
#menu ul .selected,
#menu ul .active
{
  padding-bottom: 1px;
}


#pagebody #menu
{
  background: url(images/white_ver_dash.gif) top right repeat-y;
}


#pagebody #content
{
  background: #CCCCCC url(images/white_ver_dash.gif) top right repeat-y;
}


#pagebody
{
  background: url(images/white_ver_dash.gif) top left repeat-y;
  margin: 0px;
}

#menu ul li a
{
  background: url(images/white_hor_dash.gif) bottom left repeat-x;
  color:#000033;
  text-decoration: none;
}

#breadcrumb
{
  border: 1px solid #213163;
}

#breadcrumb a
{
  background: url(images/linkarrow.gif) center right no-repeat;
  color:#2E1066;
  font-weight: bold;
text-decoration: none;

}

#breadcrumb a:hover
{
  font-weight: bold;
text-decoration: none;

}


.editbox
{
	border: 1px solid #ff0000;
}

.editbox h3
{
	color: #000;
}

.editbox a
{
	border: 1px solid #000;
	color: #000;
	font-size: 9px;
}

.editbox a:hover
{
	background-color: #3F5FBC;
}



#content
{
  color: #000033;
}
#content h1
{
  color: #000033;
}

#pagebody tr
{
	/*background: url(images/white_hor_dash.gif) bottom left repeat-x;*/
}

#menu .selected a
{
font-weight: bold;
text-decoration: none;

color:  #FFFFFF;
}

#menu .selected ul li a
{
  color: #FFFFFF;
}

/* hack so that the borders arent covered... */
#menu ul{padding: 1px;}
#menu ul li ul{padding: 0px;}

.pageimages
{
	background: url(images/white_ver_dash.gif) top right repeat-y;
	color: #2E1066;
}

.productsPHOTO,
.productsViewPHOTO
{
	background-color: #213163;
}

.productsPHOTO a,
.productsPHOTO b,
.productsPHOTO em,
.productsViewPHOTO a,
.productsViewPHOTO b,
.productsViewPHOTO em
{
	font-style:normal;
	color: #2E1066;
}

.productsPHOTO a:hover
{
	/*background-color: #666666;*/
}
.products .spacer
{
	 height: 2px;
}

.productcategories a
{
	font-weight: bold;
    text-decoration: underline;
    color: #2E1066;
}

.productcategories a:hover
{
    text-decoration: none;
}

.productcategories li
{
	background: url(images/plusnull.gif) 6px 3px no-repeat;
}
.productcategories .Parent
{
	background: url(images/plus.gif) 6px 3px no-repeat;
}

#contentdiv
{
	color: #000033;
	background-color: #CCCCCC;
}


#content a
{
  color: #000033;
  text-decoration: underline;
  font-weight: bold;
}

#content a:hover
{
  text-decoration: none;
  font-weight: bold;
}

.footer a
{
  color:#000033;
}