/* CSS Document */


html, body {
	width: 100%;
}


/* Remove default margins, padding, and borders from primary elements: */
html, body, div, ul, ol, li, table, td, p, h1, h2, h3, h4, h5, h6, form, input, legend, fieldset, img, a img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background: white url(images/bg_header_repeatx_10x140.gif) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

/* Begin flexible text */
body { font-size: small; }
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
/*ul li { font-size: 90%; }*/
/* End Flexible text */

/* Begin General Formatting */
.pink { color: pink; }
.blue { color: blue; }
em { font-style: normal; color: red; }
.name { font-weight: bold; color: #00234c; font-size: 110% }
.clear {
	clear: both;
}
#copy .small { font-size: 10px; line-height: 9px; margin: 0; padding: 0 1em; text-align:center; }
.rightJust { text-align: right; }

sup { font-size: 60%; }

ul.nobull li {
	list-style-image:none;
	list-style-type:none;
}

hr {
	display: none;
}

div.hr {
	width: 320px;
	height: 8px;
	font-size: 130%;
	margin: 1em 0 1em 25px;
	background: white url(images/hr_320x8.jpg) left top no-repeat;
	clear: both;
}
 
/* End General Formatting */


#wrapper {
	position: relative;
	width: 100%;
	min-width: 984px;
	height: auto;
	background: transparent url(images/bg_leftnav_290x10.jpg) left top repeat-y;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	width: 100%;
	height: 140px;
	background: transparent url(images/bg_header-right_694x150.gif) 290px 0px no-repeat;
	color: white;
}

	#logo {
		position: absolute;
		top: 8px;
		left: 744px;
		width: 231px;
		height: 61px;
	}

		#logo a {
			display: block;
			width: 231px;
			height: 61px;
		}

	#telephone {
		position: absolute;
		bottom: 28px;
		right: 108px; 
	}

	#telephone  p {
		font-size: 110%;
		font-weight: bold;
		color: #00234c;
	}

#sitemap {
	position: absolute;
	bottom: 2px;
	right: 220px;
	width: 80px;
	height: 22px;
	background: transparent url("images/bg_sitemap_80x22.gif") no-repeat;
	text-align: center;
}

#sitemap a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	border: 0px solid #dae251;
	color: #00234c;
}

#search {
/*	position: absolute;
	bottom: 8px;
	right: 10px;*/
	position: relative;
	float: right;
	padding: 115px 8px 0px 760px;
	width: 250px;
	height: 22px;
}

	form#form_search {
		text-align: right;
	}

	#form_search legend {
		display: none;
	}

	#form_search_input {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 11px;
		width: 133px;
		height: 16px;
		border: 0px solid #dae251;
		margin: 0px;
		padding: 6px /*4*/0px 0px 8px;
		background: white url("images/search_01.gif") top left no-repeat fixed;
	}
	fieldset>#form_search_input {
		background: transparent url("images/search_01.gif") no-repeat;
		width: 133px;
		height: 22px;
	}

	.form_buttons {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: 11px;
		width: 61px;
		height: 22px;
		border: 0px solid  #dae251;
		color: #00234c;
		background: transparent url("images/search_02.gif") no-repeat fixed;
	}
	fieldset>input.form_buttons {
		background: transparent url("images/search_02.gif") no-repeat;
	}

#hnav {
	position: absolute;
	top: 140px;
	left: 0px;
	z-index: 100;
	width: 100%;
	height: 60px;
	min-height: 30px;
	background: transparent url(images/bg_hnav_40x8.gif) 290px 0px no-repeat;
}

	ul#hnavbar {
		position: absolute;
		top: 0; left: 290px;
		/*float: left;*/
		width: auto;
		margin: 0;
		padding: 0 0 0 25px;
		list-style: none;
	}

	ul#hnavbar li {
		float: left;
		margin: 0 0 0 0px;
		padding: 0;
	/*	height: 30px; */ /* removed cuz of IE problems */
		font-family: Arial,Helvetica,sans-serif;
		font-size: .85em;
		line-height: 14px;
		font-weight: bold;
		background: transparent url(images/bg_tabs4.gif) 100% 100% no-repeat;
	/*	border-top: 1px solid #b9bd75;*/
	}

	ul#hnavbar a {
		float: left;
		display: block;
	/*	height: 16px;*/ /* removed cuz of IE problems */
		margin: 0 0 0 0;
		padding: /*8px 8px 6px 8px*/ 6px 10px 8px 10px;
		background: transparent url(images/bg_tabs4.gif) 0% 100% no-repeat;
		color: white;
		text-decoration: none;
		font-family: Arial,Helvetica,sans-serif;
		vertical-align: bottom;
		text-align: center;
		white-space: nowrap;
	}

	ul#hnavbar li:hover {
		background: transparent url(images/bg_tabs4_over.gif) 100% 100% no-repeat;
	}

	#hnavbar li:hover a {
		background: transparent url(images/bg_tabs4_over.gif) 0% 100% no-repeat;
		color: #00234c;
/*		padding-top: 4px;*/
	}

	body.home li#menu_home,
	body.company li#menu_company,
	body.products li#menu_products,
	body.support li#menu_support,
	body.contact li#menu_contact,
	body.resources li#menu_resources,
	body.downloads li#menu_downloads,
	body.sitemap li#menu_sitemap {
		background: transparent url(images/bg_tabs4_over.gif) 100% 100% no-repeat;
	}

	body.home li#menu_home a,
	body.company li#menu_company a,
	body.products li#menu_products a,
	body.support li#menu_support a,
	body.contact li#menu_contact a,
	body.resources li#menu_resources a,
	body.downloads li#menu_downloads a,
	body.sitemap li#menu_sitemap a {
		background: transparent url(images/bg_tabs4_over.gif) 0% 100% no-repeat;
		color: #00234c;
	}

div#content {
	position: relative;
	padding-top: 200px;
/*	margin-left: 290px;*/
	width: 100%;
	min-width: 694px;
	height: auto;
	background: transparent;
}

/* This div simulates the min-width property in IE. */
.hprop {
	position: relative;
	height: 1px;
	line-height: 0px;
	width: 564px;
	background: transparent;
}

#columns {
	width: 100%;
}

#columns td#copy {
	width: auto;
	min-width: 564px;
	padding: 2px 0 0 290px;
	background: transparent;
	vertical-align: top;
	font-family: Arial,sans-serif;
	color: #0f0f33;
	margin-left: 10px;
}

	/* Begin custom link styles */
	#copy a {  }
	#copy a:link { color: #194587; background: transparent; }
	#copy a:visited { color: #000033; background: transparent; }
	#copy a:hover { color: #004799; background: #dae251; }
	#copy a.image:hover { color: #004799; background: transparent; }
	#copy a:active {  color: #dae251; background: transparent; }
	/* End custom link styles */

	#copy div.submenu { margin: 0 0 10px 0px; padding: 0; clear:left; }
	#copy div.submenu ul { margin: 0; padding: 0; }
	#copy div.submenu ul li {
		width: auto;
		float: left;
		margin: 0 2px 2px 0;
		padding: 0 0 0 0;
		list-style-type: none;
		list-style-image: none;
		background: transparent url(images/bg-submenu-button2.gif) right center no-repeat;
	}
	
	#copy div.submenu ul li a:link, #copy div.submenu ul li a:visited, #copy div.submenu ul li a:hover, #copy div.submenu ul li a:active {
		display: block;
		white-space: nowrap;
		background: transparent url(images/bg-submenu-button2.gif) left center no-repeat;
		padding: 0 1em 0 1em;
		line-height: 26px;
		min-height: 26px;
		font-weight: bold;
		text-decoration:none;
		vertical-align:bottom;
	}

	#copy div.submenu ul li a:hover {
	 	color: #006be5;
		background: transparent url(images/bg-submenu-button2.gif) left center no-repeat;
	}

	#copy div.submneu ul li a img { vertical-align: middle; }

	#copy p.backlinks { font-size: 80%; }

	span.pdfSmall {
		background: url(images/pdficon_small.gif) 0 50% no-repeat;
		padding-left: 17px;
	}

	#copy .heading {
		background: white url(images/bg_heading.gif) 25px bottom no-repeat;
	}
/*
	#copy h1 {
		background: transparent url(images/bg_h1_swoosh.gif) left top no-repeat;
		color: #003263;
		font-size: 150%;
		margin: 0px 0 .2em 0;
		padding: 28px 2em 1em 40px;
	}
*/	
/*
	#copy h1 span {
		border-bottom: 2px solid #003263;	
	}
*/
	#copy h2, #copy h3 {layout3.css (line 358)
		background:transparent url(images/) no-repeat scroll left top;
		clear:left;
		color:#003263;
		margin:0.5em 0;
		padding:0 0 0 10px;
	}

	#copy h2 span {
		border-bottom: 1px solid #003263;
	}

	#copy p, #copy ul, #copy dl {
		margin: 0;
		padding: 0 .5em 1em 10px;
	}

	#copy ul li {
		margin:  0 0 .5em 1.5em;
		padding-left: /*.25*/0em;
		list-style-image:url(images/blue_dot_10x10.gif);
	}

	#copy ul li ul {
		padding: 0 .5em 0 25px;
	}
	
	#copy ul li ul li, #copy ul li ul li ul li ul li {
		margin: 0 0 .25em .25em;
		list-style-image:none;
		list-style-type:circle;
	}

	#copy ul li ul li ul li {
		list-style-type: disc;
	}

	#copy ul.nobull li {
		list-style-image:none;
		list-style-type:none;
	} 

/* Definition Lists */
	#copy dl dt {
		font-weight: bold;
	}
	
	#copy dl dd {
		margin: 0 0 .2em 2em;
	}

	.inset {
		float: right;
		margin: 0 0 0 1em;
		padding: 0;
	}

	#copy table { margin: 0 6px 10px 4px; background: /*white*/transparent; width: auto; }
	#copy table th { font-weight: bold; font-size: 110%; padding: .2em .5em; text-align: center; background: #194587; color: #dae251; border-right: 2px solid #000033; border-bottom: 2px solid black; border-top: 1px solid #999; border-left: 1px solid #999; }
	.nobreak { white-space: nowrap; }
	#copy table td { font: 90% Arial, Helvetica, sans-serif; padding: .2em .5em; border: 1px solid #fff; border-right: 2px solid #6689b2; border-bottom: 2px solid #00234c; background: white; color: #0f0f33; border-top: 1px solid #999; border-left: 1px solid #999; }

	#copy table td.toppad { vertical-align: top; padding-top: 1em; padding-bottom: 1em; }

	#copy table.layout, #copy table.layout tr, #copy table.layout td {
		margin: 0; padding: 0; border: 0; font-size: 100%; clear: left;
	}

	#copy table.layout2 {
		margin: 0 2px 1em 10px; padding: 0; border: 0;
	}
	#copy table.layout2 td { border: none; }
	
	#copy table td.lbl { text-align: right; padding-right: 2px; font-weight: bold; }
	#copy table td.inp {  }

	#copy a img { vertical-align:bottom; }

	#copy .prodLeft {
		float: left;
		clear: left;
		display: inline; /* This fixes the IE double-margin on float bug. */
		width: 320px;
		height: 320px;
		border: 1px solid #fff;
		border-right: 2px solid #6689b2;
		border-bottom: 2px solid #00234c;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		margin: 0 /*1em*/0 1em 10px;
	}
	
		#copy .prodLeft1 {
		float: left;
		clear: left;
		display: inline; /* This fixes the IE double-margin on float bug. */
		width: 320px;
		height: 400px;
		border: 1px solid #fff;
		border-right: 2px solid #6689b2;
		border-bottom: 2px solid #00234c;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		margin: 0 /*1em*/0 1em 10px;
	}
	
	
		#copy .prodLeft2 {
	float: left;
	clear: left;
	display: inline; /* This fixes the IE double-margin on float bug. */
	width: 203px;
	height: 216px;
	border: 1px solid #fff;
	border-right: 2px solid #6689b2;
	border-bottom: 2px solid #00234c;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	margin: 0 /*1em*/0 1em 10px;
	}
	
		#copy .prodLeft3 {
	display: inline; /* This fixes the IE double-margin on float bug. */
	width: 216px;
	height: 216px;
	border: 1px solid #fff;
	border-right: 2px solid #6689b2;
	border-bottom: 2px solid #00234c;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	margin: 0 /*1em*/0 1em 10px;
	}
	

	#copy .prodRight {
		float: right;
		display: inline; /* This fixes the IE double-margin on float bug. */
		margin: 4em 10px 10px 10px;
	}

	#copy .insetRight {
		float: right;
		display: inline; /* This fixes the IE double-margin on float bug. */
		border: 1px solid #fff;
		border-left: 2px solid #6689b2;
		border-top: 2px solid #00234c;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		margin: 20px 15px 10px 10px;
		padding: 0;
		vertical-align:bottom;
		overflow:hidden;
	}
	
	#copy .insetRight2 {
		float: right;
		display: inline; /* This fixes the IE double-margin on float bug. */
		border: 1px solid #fff;
		border-left: 2px solid #6689b2;
		border-top: 2px solid #00234c;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		margin: 0px 15px 10px 10px;
		padding: 0;
		vertical-align:bottom;
		overflow:hidden;
	}

	#copy .insetLeft {
		float: left;
		display: inline; /* This fixes the IE double-margin on float bug. */
		border: 1px solid #fff;
		border-left: 2px solid #6689b2;
		border-top: 2px solid #00234c;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		margin: 0 10px 10px 10px;
		padding: 0;
		vertical-align:bottom;
		overflow:hidden;
	}

	.floatLeft {
		float: left;
		display: inline;
		margin: 0 10px 10px 10px;
		padding: 0;
	}

	.floatRight {
		float: right;
		display: inline;
		margin: 0 10px 10px 10px;
		padding: 0;
	}

	#copy form {
		margin: 0;
		padding: 0 .5em 1em /*25px*/0;
	}
	#copy form select, #copy form textarea, #copy form input {
		margin: 0 0 0 10px;
		border-left: 1px solid #6689b2;
		border-top: 1px solid #00234c;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
	}
	

	#copy #featured { float: right; margin: 0 .5em 0 .5em; }
	#featured { width:230px; height: 175px; }


#columns td#sidebar {
	width: 130px;
/*	margin-bottom: 500px; pushes content div bottom down to avoid bottom swoosh overlap with Flash nav*/
	vertical-align:top;
}

	#sidebarInner {
		width: 130px;
		margin: 0px 0 10px 0;
		height: auto;
		background: white url(images/bg_sidebar_bottom.jpg) bottom left no-repeat;
	}

	#buttons {
		padding: 0 0 30px 0;
		background: transparent url(images/bg_sidebar_top.jpg) top left no-repeat;
	}

	#buttons ul {
		width: 100px;
		padding: 40px 0px 0px 0px;
		margin: 0px 0px 0px 22px;
		list-style-type: none;
	}

	#buttons li { line-height: 0px; margin: 0 0 1px 0; }

	#buttons li a { vertical-align:middle; }

/*	FOR 2-column button layout
	#buttons table { margin: 0 0 0 16px; }
	#buttons table td { padding: 0; }
*/

 
#bottom-swoosh {
/*
  	position: absolute;
	bottom: 100px;
	left: 0px;
	z-index: 60;
*/
	position: relative;
	font-size: 0;
	line-height: 0;
	width: 984px;
	height: 60px;
	background: white url(images/bg_leftnav-bottom_984x60.jpg) left bottom no-repeat;
 }

#bottom-swoosh p {
	position: absolute;
	left: 245px;
	bottom: 4px;
	color: #9999cc;
	font-size: 90%;
}


#footer {
	position: relative;
	width: 100%;
	height: /*auto*/72px;
	padding: 1em 0 1em 0;
	background: #00234c url(images/bg_footer_290x10.jpg) top left repeat-y;
 }
 
 	#footer p {
		width: 564px/*984px*/;
		margin-left: 245px;
		color: #9999cc;
		font-size: 90%;
	}
	
	#footer a {
		color: white;
	}
 

#leftnav {
	position: absolute;
	z-index: 199;
	top: 0px;
	left: 0px;
	width: 290px;
	height: 620px;
	background: transparent url(images/bg_leftnav_290x620.jpg) left top no-repeat;
}
	#flashcontent {
		position: relative;
		border: 0px solid white;
		width: 290px;
		height: 620px;
		margin: 0;
		padding: 0;
		background: transparent;
	}


/* RCR boxes */

.box564 {
	position: relative;
	width: 564px;
	padding: 0 0 10px 0;
	margin: 0 0 /*10*/5px 0;
	background: transparent url(images/bg_box564.gif) left bottom no-repeat;
	clear: left;
}

.vidbox {
	position: relative;
	width: 340px;
	padding: 0 0 10px 0;
	margin: 0 0 /*10*/5px 0;
	background: transparent url(images/vidbox.gif) left bottom no-repeat;
	clear: left;
}

#copy div.box564 h2.box564 {
	position: relative;
	width: auto;
	margin: 0 0 10px 0;
	padding: .5em .5em .4em 15px;
	background: #00234c url(images/bg_box564.gif) left top no-repeat;
	color: #dae251;
}

#copy div.box564 p, #copy div.box564 dl, #copy div.box564 ul {
	padding-right: 10px;
}


#copy div.vidbox h2.vidbox {
	position: relative;
	width: auto;
	margin: 0 0 10px 0;
	padding: .5em .5em .4em 15px;
	background: #00234c url(images/vidbox.gif) left top no-repeat;
	color: #dae251;
}

#box180 {
	font-size: 90%;
	float: left;
	width: 180px;
	height: auto;
	padding: 0 0 10px 0;
	margin: 0 4px 1em 25px;
	background: transparent url(images/bg_box180.gif) left bottom no-repeat;
}

#copy div#box180 h3.box180 {
	margin: 0;
	padding: .5em .5em .4em 5px;
	background: transparent url(images/bg_box180.gif) left top no-repeat;
	color: #dae251;
	text-align: center;
}

#copy div#box180 ul {
	margin: 10px 4px 10px 5px;
	padding: 0;
}

#copy div#box180 ul li {
	margin: 0 0 .5em 0px;
	padding: 0 .5em;
	text-align: center;
}
	
#copy div#box180 p.image {
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
}

#box181 {
	font-size: 90%;
	float: left;
	width: 180px;
	height: auto;
	padding: 0 0 10px 0;
	margin: 0 4px 1em 25px;
}


#copy #purchase {
	float: left;
	width: 180px;
	height: 100px;
	margin: 0 4px 1em 25px;
}

#copy #button {
	float: left;
	width: 100px;
	height: 64px;
	margin: 0 4px 1em 10px;
}

#copy #vid {
	float: left;
	width: 340px;
	height: auto;
	margin: 0px 10px 10px 30px;
}

#copy div#box180 ul li.adobeReader {
	margin-bottom: 2em;
}

#copy li.adobeReader a {
	color: #333333;
	font-size: 75%;
	padding: 3px 2px;
	border: 1px solid #194587;
	text-decoration: none;
}