html {}

#wrapper {
	position:relative;
	width:954px;
	margin:auto;
	background-color:  #FFFFFF;
}

#links ul{text-align:right;margin:1em 0;padding:0}
#links ul li{display:inline;white-space:nowrap}
#links ul li.prev{float:left} 
#links ul li.next{text-align:right} 

.mainpagetext{
	text-align: right;
	font-size: 20px;
	font-family: Verdana,sans-serif;
	position: relative;
	font-weight: bold;
	color: #FFFFFF;	
}

.utility{
	text-align: right;
	font-size: 12px;
	font-family: Verdana,sans-serif;
	position: relative;
	top: 15px;
	color: #004499;	
}

.utility2{
	text-align: left;
	font-size: 12px;
	font-family: Verdana,sans-serif;
	position: relative;
	color: #004499;	
}

.utility.bold {
	font-weight: bold;
}

.utility2.bold {
	font-weight: bold;
}
.utility a{
	color: #004499;
	text-decoration: none;
}

.utility a:hover{
	text-decoration: none;
	color: #993333;
}
.utility2 a{
	color: #004499;
	text-decoration: none;
}

.utility2 a:hover{
	text-decoration: none;
	color: #993333;
}

.bold {
	font-weight: bold;
}

/*
#graphic {
	background-color:  #ababab;
	width: 953px;
	height:  400px;
}
*/
.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	/* match width of "wrapper" tag at the top, size of the page" */
	width: 954px; 
	height: 27px;
	position: relative;
	/* distance from the top of the page to the bar */
	margin-top: 80px;
	margin-right: auto;
	padding: 0;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(normal_images/bg-bubplastic-h-gray.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 19px;
	float: left;
	text-transform: uppercase;
	font-family: Verdana,sans-serif;
	/*font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;*/
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 27px;
	padding-top: 5px;
	padding-right: 21px;
	background: transparent url(normal_images/bg-bubplastic-h-gray.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background: transparent url(normal_images/bg-bubplastic-h-blue.gif) top left no-repeat;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background: transparent url(normal_images/bg-bubplastic-h-blue.gif) top right no-repeat;
}

#test li {
	display: block;
	border: solid 1px red;
}      

/*  for the BOXES at the bottom of the main page */
.sidebox {
	margin: 0 auto; /* center for now */
	width: 33%; /* ems so it will grow */
	background: url(normal_images/sbbody-r.gif) no-repeat bottom right;
	/*font-size: 100%;*/
	font-size: 12px;
	font-family: Verdana,sans-serif;
	text-decoration: none;
	/*position: relative;*/
	/*top: 40px;*/
	color: #254A7A;	
}
.boxhead {
	background: url(normal_images/sbhead-r-roch.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
}
.boxhead h2 {
	background: url(normal_images/sbhead-l-roch.jpg) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-decoration: none;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(normal_images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	text-decoration: none;
}

/* For the Left Side Menu Bars - Vertical   */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 156px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 80% 'Verdana','sans-serif';
width: 156px;
}

* html #ddblueblockmenu li a{
width: 145px; 
width: 156px;
}

#ddblueblockmenu li a{
display: block;
padding: 4px 0;
padding-left: 5px;
width: 145px; 
text-decoration: none;
color: white;
background-color: #5b5b5b;
border-bottom: 1px solid #1d1d1d;
border-left: 7px solid #1d1d1d;
}

#ddblueblockmenu li a:hover {
background-color: #274d80;
border-left-color: #1c64d1;
width: 145px;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 80% 'Verdana','sans-serif';
width: 152px;
}

#ProdText {
	font-size: 12px;
	font-family: Verdana,sans-serif;
	color: #004499;
	text-align:justify;
	text-decoration: none;
}
#ProdText .bold{
	font-weight: bold;
}


#ProdLinkOutline {
	position: absolute;
	width: 300px;
	top: 350px; 
	left:200px;
}

#ProdTextNormal .bold {
	font-weight: bold;
}

#ProdTextNormal a{
	text-decoration:none;
	color: #004499;
}

#ProdTextNormal a:hover{
	color: #993333;
	text-decoration: none;
}

