body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #003300;
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(../images/template/bg_tile.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

p{
	line-height: 1.5em;
}

h1, h2, h3, h4{
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

h2{
	margin: 15px 0px 5px 0px;
}


ul, li{
	line-height: normal;
}

a{
	color: #003366;
	text-decoration: underline;
}

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



table{
   border: 0;
   border-collapse: collapse;
}
th{
  background-color: #DDDDDD;
  font-weight: bold;
  padding: 5px;
  margin: 0;
  text-align: left;
}
td{
	margin: 0px;
	padding: 0px 10px 10px 0px;
	/*text-align: left;*/
	vertical-align: top;
}
caption{
  font-style: italic;
  margin-bottom: 0.5em;
}


.skip {position: absolute; left: -1000em; width: 20em;}

.big_inline_text{
	font-size: 1.35em;
}



/* The first part was generic elements, now we do the layout using floated DIV's */
#daddy {
	width: 690px;
	margin: 0px auto 0px auto;
	padding: 0px;
	clear: both;
	text-align: left;
}

#header{
	width: 690px;
	height: 92px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/template/bg_tile_header.gif);
	float: left;

}

#header #logo{
	float: left;
	clear: left;
	padding: 0px;
	margin: 7px 0px 0px 10px;
}

#header_right{
	width: 250px;
	float: right;
	clear: right;
	text-align: right;
	vertical-align: middle;
	margin: 20px 10px 0px 0px;
}

/*\*//*/
#header_right{ display: inline-block;}
/**/


#header_right a{
	color: #000000;
	text-decoration: none;
}

#header_right a:hover{
	text-decoration: underline;
}

#header_right_icons{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#nav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* using the box model hack to support IE 5 */
	width: 670px;
	\width: 690px;  /* for IE5/Win */
  	w\idth: 670px;  /* for good browsers */
	height: 34px;
	padding: 0px 10px;
	margin: 0px;
	float: left;
	clear: both;
	background-image: url(../images/template/bg_tile_navbar.gif);
	overflow: display;
	font-size: 10px;	
}

#nav ul {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0;
}

#nav li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#nav li a {
	line-height: 34px;
	display: block;
	float: left; /* Fixes it on the mac */
	padding: 0px 15px 0px 15px;
	vertical-align: middle;
	background-image:  url(../images/template/nav_button_bg_off.gif);
	text-decoration: none;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#nav li a
{
float: none
}
/* End IE5-Mac hack */

#nav li a.selected {
	background-image:  url(../images/template/nav_button_bg_on.gif);
}

#nav a:link, #nav a:visited {
	color: #FFFFFF;
}

#nav a:hover, #nav a:active{
	background-image:  url(../images/template/nav_button_bg_on.gif);
	text-decoration: none;
}






#subnav{
	width: 690px;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
	font-size: 9px;
	overflow: display;
}

#holder{
/* this makes TDs a container with their own coordinate system. absolutely-positioned elements will be offset relative to them */
position:relative;
overflow: display;
}

#menu2Content{
	width: 690px;
	padding: 0px;
	margin: 0px;
	background-color: #666666;
	overflow: display;
}
#menu2Content ul {
	float: right;
	width: 680px;
	margin: 0;
	padding: 0;
}
#menu2Content li {
	float: left;
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#menu2Content li a {
	line-height: 25px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#menu2Content li a
{
float: none
}
/* End IE5-Mac hack */

#menu2Content li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}




#menu1Content{
	width: 690px;
	padding: 0px;
	margin: 0px;
	background-color: #0F238C;
	overflow: display;
}
#menu1Content ul {
	float: right;
	width: 680px;
	margin: 0;
	padding: 0;
}
#menu1Content li {
	float: left;
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#menu1Content li a {
	line-height: 25px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#menu1Content li a
{
float: none
}
/* End IE5-Mac hack */

#menu1Content li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}













/* padding & layout will be supplied by the page content stylesheet */
#content{
	width: 690px;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
}


#addressbar{
	text-align: center;
	/* using the box model hack to support IE 5 */
	width: 670px;
	\width: 690px;  /* for IE5/Win */
  	w\idth: 670px;  /* for good browsers */
	margin: 0px;
	padding: 0px 10px 0px 10px;
	height: 34px;
	float: left;
	clear: both;		
	background-image: url(../images/template/bg_tile_navbar_reversed.gif);
	color: #FFFFFF;
}

#addressbar address{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 27px;
}

#footer{
	text-align: center;
	/* using the box model hack to support IE 5 */
	width: 650px;
	\width: 690px;  /* for IE5/Win */
  	w\idth: 650px;  /* for good browsers */
	margin: 10px 0px;
	padding: 0px 20px 0px 20px;
	float: left;
	clear: both;	
	color: #003366;
}


#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
} 

#footer ul li {
	margin: 0px 10px;
	display: inline;
}

#footer ul li a{
	color: #003366;
	text-decoration: none;
}
#footer ul li a:hover{
	color: #003366;
	text-decoration: underline;
}




/* 
//
//	Start with markup for the index pagewhich has a special layout
//
//
 */
 
#index_content{
	width: 670px;
	\width: 690px;  /* for IE5/Win */
  	w\idth: 670px;  /* for good browsers */
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	float: left;
	clear: both;
	text-align: left;
	background-image: url(../images/pages/index_content_bg2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#index_text{
	width: 347px;
}


#index_text img{
	margin-bottom: 10px;
}

#services_content{
	width: 670px;
	\width: 690px;  /* for IE5/Win */
  	w\idth: 670px;  /* for good browsers */
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	float: left;
	clear: both;
	text-align: left;
	background-image: url(../images/pages/index_content_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#services_text{
	width: 347px;
}


#services_text img{
	margin-bottom: 10px;
}


#news_content{
	width: 670px;
	\width: 690px;  /* for IE5/Win */
  	w\idth: 670px;  /* for good browsers */
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	float: left;
	clear: both;
	text-align: left;
}

#news_text{
	width: 670px;
	float: left;
}

.news_article{
	width: 670px;
	float: left;
	margin: 10px 0px 10px 0px;
}

.news_article_image{
	width: 150px;
	float: left;	
}
.news_article_text{
	width: 500px;
	float: right;	
}
/*\*//*/
#news_text{display: inline-block; }
.news_article{display: inline-block; }
.news_article_text{display: inline-block;}
/**/
.news_article_text h2{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}





/*
//
// Generic styles for product pages - but NOT colors!!!
// they are in the seperate stylesheets
//
/*
/* EVENTS PAGE */
 
#subnav_flat{
	width: 690px;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
	font-size: 9px;
	overflow: display;
}

#subnav_flat ul {
	float: right;
	width: 680px;
	margin: 0;
	padding: 0;
}
#subnav_flat li {
	float: left;
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#subnav_flat li a {
	line-height: 25px;
	text-decoration: none;
	float: left;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#subnav_flat li a
{
float: none
}
/* End IE5-Mac hack */

#subnav_flat li a.current {
	color: #FFFFFF;
	text-decoration: none;
}
#subnav_flat li a:hover{
	color: #FFFFFF;
	text-decoration: none;
}





#product_content{
	width: 670px;
	\width: 690px;  /* for IE5/Win */
  	w\idth: 670px;  /* for good browsers */
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	float: left;
	text-align: left;
}

#product_content_left{
	width: 347px;
	float: left;
}

#product_content_right{
	width: 300px;
	float: right;
}

#product_content_right img{
	margin-top: 10px;
}
/*\*//*/
#product_content{display: inline-block; }
#product_content_left{display: inline-block; }
#product_content_right{display: inline-block; }
#logobar{display: inline-block; }
/**/




.product_box{
	width: 327px;
	padding: 5px 0px;
	margin: 0px;
	font-size: 1.2em;
}






.customer_quote{
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #DEDEDE;
}
.customer_quote blockquote{
   padding: 10px 10px 0px 10px;
   font-style: italic;
   font-size: 1.1em;
   line-height: 1.3em;
}
.customer_quote p{
   padding: 0px 10px 5px 10px;
   font-weight: bold;
   text-align: right;
}




/* Generic Product items */
#adobe{
	width: 100%;
	clear: both;
	color: #999999;
}

.product{
	width: 278px;
	padding: 5px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
	overflow: hidden;
}
.product p img{
	float: right !important;
	margin: 0px 0px 5px 5px;
	padding: 0px;
}
.product h2{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	diplay: block;
	clear: both;
}

.product p{
	width: 278px;
	float: left;
	clear: left;
	line-height: 1.2em;
}
.product a{
	width: 230px;
	text-align: center;
	float: left;
	clear: both;
	padding: 5px;
	border: 1px solid #000000;
	color: #ffffff;
	text-decoration: none;
}
.product a:hover{
	color: #FFFFFF;
	text-decoration: underline;	
}



.trade_show{
	background-image: url(../images/template/bg_tile_calendar.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
}

.trade_show .date{
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.trade_show .location{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: bold;
}

.trade_show .stand{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #666666;
	text-align: right;
}

#logobar{
	background-image: url(../images/template/bg_logobar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 30px 0px 0px 55px;
	margin: 0px;
}
	
#logo{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	clear: both;
}
#logo img, #log a{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}