/* HTML AND BODY TAGS */
html /* forces vertical scrollbar on mozilla, opera, safari browsers to prevent left/right shifting between pages */
	{
	margin-bottom: 1px;
	min-height: 100%;
	}
body
	{
	margin: 0px;
	background: #a2d0fe url(../images/shadow_blue.gif) repeat-y center top;
	color: #000;
	font-size: 84%;
	font-family: tahoma, verdana;
	text-align: center; /* part of ie/win hack for centering page, needs follow-on text-align: left to counter inheritance */
	}
/* OTHER BASIC TAGS */
p
	{
	margin-top: 0px;
	}
ol
	{
	padding-bottom: 10px;
	}
ol ol
	{
	padding-top: 10px;
	list-style-type: lower-alpha;
	}
ol ol ol
	{
	list-style-type: lower-roman;
	}
	
ol li
	{
	font-weight: bold;
	}
ol li li
	{
	font-weight: normal;
	}
	
ol p
	{
	font-weight: normal;
	}
	
/* BASIC PAGE STRUCTURE */

#wrapper /* DIV wraps around all content */
	{
	position: relative;
	margin: 0px auto;
	background-color: #fff;
	border: 4px solid #eee;
	border-top: none;
	border-bottom: none;
	padding: 15px;
	width: 762px;
	text-align: left;
	z-index: 1;
	}
	
#header /* DIV contains header content modules */
	{
	position: relative;
	zoom: 1; /* IE fix */
	}

#main /* DIV wraps around Main Content and Sidebars (#maincontent, #side1, #side2) */
	{
	position: relative;
	clear: both;
	padding-bottom: 16px;
	zoom: 1; /* IE fix */
	}
		
#maincontent /* DIV contains main content modules */
	{
	position: relative;
	top: 6px;
	float: left;
	display: inline;
	margin-left: 24px;
	width: 496px;
	zoom: 1; /* IE fix */
	}
#side1 /* DIV optional Sidebar 1, can contain add'l content modules, e.g. profile info or subscriptions list */
	{
	position: relative;
	float: right;
	top: 10px;
	right: 6px;
	width: 194px;
	}
	
#footer /* DIV optional footer, can contain add'l content modules, e.g. hit counters */
	{
	position: relative;
	clear: both;
	padding-top: 16px;
	zoom: 1; /* IE fix */
	}
	
/* Extra Elements */

.extra /* DIV */
	{
	clear: both;
	height: 0px;
	font-size: 0.0em;
	line-height: 0px;
	}
	

/* LINKS */
	
#wrapper a, #wrapper a:link /* CLAF - "Text & Links" properties for "Normal" links */
	{
	color: #56728f;
	text-decoration: underline;
	}
#wrapper a:visited  /* CLAF - "Text & Links" properties for "Visited" links */
	{
	color: #6485a7;
	text-decoration: underline;
	}
#wrapper a:focus /* CLAF - "Text & Links" properties for "Active" links */ /* for links accessed through tabbing, mozilla uses ":focus" and IE users ":active" */
	{
	color: #f90;
	text-decoration: none;
	}
#wrapper a:hover /* CLAF - "Text & Links" properties for "Hover" links */
	{
	color: #f90;
	text-decoration: none;
	}
#wrapper a:active /* CLAF - "Text & Links" properties for "Active" links */
	{
	color: #f90;
	text-decoration: none;
	}
	
/* CONTENT MODULES */
	
/* DEFAULT MODULE STYLES */

/* Header Modules */

#header .module /* DIV wraps around all the content of an individual module */ 
	{
	position: relative;
	margin: 0px 0px 12px;
	padding: 6px 8px 8px;
	}
#header .moduletitle /* H2 contains module title */ 
	{
	margin: 0px;
	padding: 0px 1px 6px;
	font-size: 1.1em;
	}
#header .moduletitle span, #header .moduletitle a
	{
	display: block;
	width: 100%;
	overflow: hidden;
	}
#header .moduletitle a, #header .moduletitle a:link, #header .moduletitle a:visited
	{
	color: #000; /* CLAF - "Text & Links" Text color */
	text-decoration: none;
	}
#header .moduletitle a:focus, #header .moduletitle a:hover, #header .moduletitle a:active
	{
	text-decoration: underline;
	}

#header .modulecontent /* DIV contains module main content */ 
	{
	padding: 0px 7px;
	}

/* Main Content Modules */

#maincontent .module /* DIV wraps around all the content of an individual module */ 
	{
	position: relative;
	float: left;
	margin: 0px 0px 16px;
	width: 100%;
	}
	
#maincontent .moduletitle /* H2 contains module title */ 
	{
	margin: 0px;
	border-bottom: 1px solid #000; /* CLAF - "Text & Links" Text color (leave the "1px solid" in place; replace just the hex for color) */
	padding: 4px 6px 5px;
	font-size: 1.2em;
	}
#maincontent .moduletitle a, #maincontent .moduletitle a:link, #maincontent .moduletitle a:visited
	{
	color: #000; /* CLAF - "Text & Links" Text color */
	text-decoration: none;
	}
#maincontent .moduletitle a:focus, #maincontent .moduletitle a:hover, #maincontent .moduletitle a:active
	{
	color: #f90; /* CLAF - "Text & Links" color for "Hover" links */
	text-decoration: underline;
	}
	
#maincontent .modulecontent /* DIV contains module main content */ 
	{
	padding: 16px 11px;
	zoom: 1; /* IE fix */
	}
	
/* Side 1 Modules */

#side1 .module /* DIV wraps around all the content of an individual module */ 
	{
	position: relative;
	float: left;
	margin-bottom: 16px;
	width: 190px;
	}
#side1 .moduletitle /* H2 contains module title */ 
	{
	margin: 0px;
	background: #6485a6 url(../images/modtitlebg_blue.gif) repeat-x 0px 0px;
	border: 1px solid #000;
	padding: 4px 7px 5px;
	color: #fff;
	text-align: left;
	font-size: 1.0em;
	}
#side1 .moduletitle span, #side1 .moduletitle a
	{
	display: block;
	width: 100%;
	overflow: hidden;
	}
#side1 .moduletitle a, #side1 .moduletitle a:link, #side1 .moduletitle a:visited
	{
	color: #fff;
	text-decoration: none;
	}
#side1 .moduletitle a:focus, #side1 .moduletitle a:hover, #side1 .moduletitle a:active
	{
	text-decoration: underline;
	}
	
#side1 .modulecontent /* DIV contains module main content */ 
	{
	background-color: #f9f9f9;
	margin: 2px;
	border: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	padding: 10px 4px 5px;
	color: #000;
	text-align: left;
	zoom: 1; /* IE fix */
	}
	
/* Footer Modules */

#footer .module /* DIV wraps around all the content of an individual module */ 
	{
	position: relative;
	float: left;
	margin-bottom: -2px;
	width: 100%;
	}
#footer .moduletitle /* H2 contains module title */ 
	{
	margin: 0px;
	padding: 8px 7px 5px;
	font-size: 1.0em;
	}
#footer .moduletitle span, #footer .moduletitle a
	{
	display: block;
	width: 100%;
	overflow: hidden;
	}
#footer .moduletitle a, #footer .moduletitle a:link, #footer .moduletitle a:visited
	{
	color: #000; /* CLAF - "Text & Links" Text color */
	text-decoration: none;
	}
#footer .moduletitle a:focus, #footer .moduletitle a:hover, #footer .moduletitle a:active
	{
	text-decoration: underline;
	}
	
#footer .modulecontent /* DIV contains module main content */ 
	{
	padding: 6px 12px 14px;
	color: #000; /* CLAF - "Left Module" Interior Text color */
	text-align: left; /* CLAF - "Left Module" Interior Alignment */
	zoom: 1; /* IE fix */
	}
	  
/* MODULE CONTENT - LISTS AND GRIDS */

/* LIST VIEW */

.list /* [ul] */
	{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
	}
.list .item /* [li] */
	{
	float: left;
	padding: 0px 0px 12px;
	width: 100%;
	overflow: hidden;
	}
.list .thumbnail, .list .thumbnail:link, .list .thumbnail:visited /* [a] wraps around thumbnail */
	{
	display: block;
	float: left;
	background-color: #fff; /* CLAF - "Left Module" Interior Background color */
	border: 10px solid #fff; /* CLAF - "Left Module" Interior Background color (leave the "10px solid"; replace just the hex for color) */
	/* TRANSPARENT BORDER FIX FOR IE - if border color set to "transparent", add following two styles:
	_border-color: #092642;
	_filter: chroma(color=#092642); */
	width: 128px;
	height: 128px;
	overflow: hidden;
	}
.list .thumbnail:focus, .list .thumbnail:hover, .list .thumbnail:active
	{
	background-color: #fff;
	border: 2px solid #f90; /* CLAF - "Text & Links" color for "Hover" links (leave the "2px solid" in place; replace just the hex for color) */
	width: 144px;
	height: 144px;
	}
.list .thumbnail img
	{
	display: block;
	margin: auto;
	border: 4px solid #eee; /* CLAF - "Background" color (leave the "4px solid"; replace just the hex for color) */
	/* TRANSPARENT BORDER FIX FOR IE - if border color set to "transparent", add following two styles:
	_border-color: #092642;
	_filter: chroma(color=#092642); */
	}
.list .thumbnail:focus img, .list .thumbnail:hover img, .list .thumbnail:active img
	{
	border: 12px solid #fff;
	}

.list .details
	{
	margin-left: 152px;
	padding: 12px 12px 0px;
	}
.list .itemtitle /* [h4] */
	{
	margin: 0px;
	padding: 0px 0px 3px;
	width: 100%;
	font-size: 1.1em;
	overflow: hidden;
	}
.list .itembody, .list .itemfooter
	{
	padding: 0px 0px 2px;
	width: 100%;
	overflow: hidden;
	}
.list .itembody li
	{
	margin-bottom: 8px;
	}
* html .list .details
	{
	float: left;
	margin-left: 0px;
	height: 1%;
	}
* html .list .thumbnail
	{
	margin-right: 4px;
	}

/* Tweaks for "Details Only" */

.list.details-only .details
	{
	margin-left: 0px;
	padding: 3px 0px 0px;
	}
.list.details-only .thumbnail /* JUST FOR TESTING! */
	{
	display: none !important;
	}
	
/* Tweaks for "Thumbnails Only" */

.list.thumbnails-only .details /* JUST FOR TESTING */
	{
	display: none;
	}
	
/* Tweaks for Side 1 */

#side1 .list
	{
	font-size: 0.8em;
	}
#side1 .list .thumbnail
	{
	float: none;
	margin: auto;
	}
#side1 .list .details
	{
	clear: both;
	margin: 0px;
	padding: 0px 12px 8px;
	border-bottom: 1px dotted #ccc; /* CLAF - "Left Module" Border color (leave the "1px dotted"; replace just the hex for color) */
	/* TRANSPARENT BORDER FIX FOR IE - if border color set to "transparent", add following two styles:
	_border-color: #092642;
	_filter: chroma(color=#092642); */
	height: auto;
	}

/* Tweaks for Footer */

#footer .list
	{
	font-size: 0.8em;
	}
#footer .list .thumbnail
	{
	border-width: 2px;
	width: 60px !important;
	height: 60px;
	}
#footer .list .thumbnail img
	{
	border-width: 1px;
	width: 58px;
	}
#footer .list .details
	{
	margin-left: 64px;
	}
#footer .list.details-only .details
	{
	margin-left: 0px;
	}
* html #footer .list .details
	{
	float: left;
	margin-left: 0px;
	height: 1%;
	}
* html #footer .list .thumbnail
	{
	margin-right: 0px !important;
	}

	
/* GRID VIEW */

.grid /* [ul] */
	{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px 0px 8px;
	list-style-type: none;
	width: 100%;
	}
.grid .item /* [li] */
	{
	float: left;
	padding: 0px 4px 8px;
	width: 148px;
	overflow: hidden;
	}
.grid .thumbnail, .grid .thumbnail:link, .grid .thumbnail:visited /* [a] wraps around thumbnail */
	{
	float: left;
	background-color: #fff;
	border: 10px solid #fff;
	width: 128px;
	height: 128px;
	overflow: hidden;
	}
.grid .thumbnail:focus, .grid .thumbnail:hover, .grid .thumbnail:active
	{
	background-color: #fff;
	border: 2px solid #f90;
	width: 144px;
	height: 144px;
	}
.grid .thumbnail img
	{
	display: block;
	margin: auto;
	border: 4px solid #eee;
	}
.grid .thumbnail:focus img, .grid .thumbnail:hover img, .grid .thumbnail:active img
	{
	border: 12px solid #fff;
	}
.grid .details
	{
	clear: both;
	padding: 3px 12px 8px;
	}
.grid .itemtitle /* [h4] */
	{
	margin: 0px;
	backgrodund-color: #f9f9f9;
	padding: 0px 0px 3px;
	width: 100%;
	height: 1.2em;
	font-size: 1.0em;
	overflow: hidden;
	}
.grid .itembody, .grid .itemfooter
	{
	padding: 0px 0px 2px;
	width: 100%;
	height: 3.6em;
	font-size: 0.8em;
	overflow: hidden;
	}
.grid .itemfooter
	{
	padding: 0px 0px 2px;
	width: 100%;
	height: 1.2em;
	overflow: hidden;
	}
	
/* Tweaks for  "Details Only" */

.grid.details-only .thumbnail /* JUST FOR TESTING! */
	{
	display: none !important;
	}
	
/* Tweaks for "Thumbnails Only" */

.grid.thumbnails-only .details /* JUST FOR TESTING */
	{
	display: none;
	}
	
/* Tweaks for Side 1 */
	
#side1 .grid
	{
	font-size: 0.8em;
	}
#side1 .grid .item
	{
	padding: 0px 1px 2px;
	width: 64px;
	}
#side1 .grid .thumbnail
	{
	float: left;
	border-width: 2px;
	width: 60px !important;
	height: 60px;
	}
#side1 .grid .thumbnail img
	{
	border-width: 1px;
	width: 58px;
	}
#side1 .grid .details
	{
	border-bottom: none;
	padding: 1px 3px 8px;
	}
#side1 .grid .itemtitle
	{
	height: 1.1em;
	}

/* Tweaks for Footer */
	
#footer .grid
	{
	font-size: 0.8em;
	}
#footer .grid .item
	{
	padding: 0px 3px 2px;
	width: 64px;
	}
#footer .grid .thumbnail
	{
	float: left;
	border-width: 2px;
	width: 60px !important;
	height: 60px;
	}
#footer .grid .thumbnail img
	{
	border-width: 1px;
	width: 58px;
	height: auto !important;
	}
#footer .grid .details
	{
	border-bottom: none;
	padding: 1px 3px 8px;
	}
#footer .grid .itemtitle
	{
	height: 1.1em;
	}

/* MODULE CONTENT - ACTION LINKS AND HELP NAV */
	  
.actions /* UL */
	{
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	zoom: 1; /* IE fix */
	}
.actions li
	{
	padding-bottom: 1px;
	}
.actions a
	{
	position: relative;
	display: block;
	font-weight: bold;
	line-height: 1.2em;
	text-decoration: none !important;
	}
	
.helpnav /* UL */
	{
	clear: both;
	margin: 0px 0px -1px;
	padding: 0px 4px 2px;
	font-size: 0.8em;
	list-style-type: none;
	zoom: 1; /* IE fix */
	}
.helpnav li
	{
	padding-bottom: 1px;
	}
.helpnav a
	{
	display: block;
	font-weight: bold;
	line-height: 1.2em;
	text-decoration: none;
	}
	
/* Tweaks for Side 1 */

#side1 .actions
	{
	padding-top: 1px;
	border-top: 1px solid #36c; /* CLAF - "Text & Links" color for "Normal" links (leave the "1px solid" in place; replace just the hex for color) */
	}
#side1 .actions a, #side1 .actions a:link, #side1.actions a:visited
	{
	padding: 0px 1px 2px;
	border-top: none;
	border-bottom: 1px solid #36c; /* CLAF - "Text & Links" color for "Normal" links (leave the "1px solid" in place; replace just the hex for color) */
	}
#side1 .actions a:focus, #side1 .actions a:hover, #side1 .actions a:active
	{
	margin-top: -2px;
	padding-top: 1px;
	border-top: 1px solid #f90; /* CLAF - "Text & Links" color for "Hover" links (leave the "1px solid" in place; replace just the hex for color) */
	border-bottom: 1px solid #f90; /* CLAF - "Text & Links" color for "Hover" links (leave the "1px solid" in place; replace just the hex for color) */
	}
		
/* Tweaks for Footer */

#footer .actions
	{
	font-size: 0.8em;
	}
	
	

.itemcaption
	{
	clear: both;
	}
.itemfooter ul
	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
.itemfooter li
	{
	float: left;
	padding-right: 8px;
	}
	
/* MODULE STYLES - BY MODULE TYPE */

/* Module Type: Videos */

.module-videos .thumbnail
	{
	height: auto !important;
	}
.module-videos .thumbnail img
	{
	width: 120px;
	}
.module-videos .grid .thumbnail img
	{
	height: 90px !important;
	}
#side1 .module-videos .grid .thumbnail img
	{
	height: 44px !important;
	}
	
/* Module Type: Instructions */

.module-instructions ol
	{
	position: relative;
	left: -20px;
	width: 100%;
	list-style-type: none;
	}
.module-instructions ol ol
	{
	width: auto;
	list-style-type: lower-alpha;
	}
.module-instructions .list .item
	{
	overflow: visible;
	}
.module-instructions .list .thumbnail, .module-instructions .list .thumbnail:link, .module-instructions .list .thumbnail:visited,
.module-instructions .list .thumbnail:focus, .module-instructions .list .thumbnail:hover, .module-instructions .list .thumbnail:active
	{
	position: relative;
	left: -8px;
	border: none;
	width: 150px;
	height: 150px;
	}
.module-instructions .list .thumbnail img, 
.module-instructions .list .thumbnail:focus img, .module-instructions .list .thumbnail:hover img, .module-instructions .list .thumbnail:active img
	{
	border: none;
	}

/* MODULE STYLES - SPECIFIC MODULES */

/* About this Site Module (id="module-site-about") */

#module-site-about
	{
	float: left;
	margin-bottom: -18px !important;
	width: 746px;
	}
#module-site-about .moduletitle
	{
	float: left;
	width: 220px;
	}
#module-site-about .moduletitle img
	{
	display: block;
	border: none;
	}
#module-site-about .modulecontent
	{
	position: absolute;
	top: -5px;
	right: 0px;
	background-color: #eee;
	border-left: 1px solid #ccc;
	padding: 3px 19px 4px;
	width: 460px;
	color: #666;
	}
#module-site-about .item
	{
	padding-bottom: 0px;
	}
#module-site-about .itemtitle
	{
	border-bottom: 1px solid #000;
	margin-bottom: 2px;
	color: #000;
	}

/* Site Navigation Module (id="module-site-navigation") */

#module-site-navigation
	{
	border-top: 2px solid #6485a6;
	border-bottom: 2px solid #6485a6;
	background-color: #f9f9f9;
	clear: both;
	padding: 2px 0px !important;
	zoom: 1; /* IE fix */
	}
#module-site-navigation .moduletitle
	{
	position: absolute;
	left: -7000px;
	}
#module-site-navigation .modulecontent
	{
	padding: 0px !important;
	}
#module-site-navigation .item /* [li] */
	{
	border-right: 1px solid #000;
	padding: 0px 4px;
	width: 118px;
	}
#module-site-navigation .item#sitenav-order
	{
	border-right: none;
	}
#module-site-navigation .details
	{
	float: none !important;
	padding: 0px;
	height: auto;
	}
#module-site-navigation .itemtitle /* [h4] */
	{
	margin: 0px;
	padding: 0px;
	width: auto;
	font-size: 1.0em;
	text-align: center;
	}
#module-site-navigation .itemtitle a, #module-site-navigation .itemtitle a:link, #module-site-navigation .itemtitle a:visited
	{
	position: relative;
	display: block;
	border: 1px solid #f9f9f9;
	padding: 1px 0px 2px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	}
#module-site-navigation .itemtitle a:focus, #module-site-navigation .itemtitle a:hover, #module-site-navigation .itemtitle a:active
	{
	background-color: #6485a6;
	border: 1px solid #000;
	color: #fff;
	}

/* Footer Navigation Module (id="module-footer-navigation") */

#module-footer-navigation
	{
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background-color: #f9f9f9;
	clear: both;
	padding: 2px 0px !important;
	zoom: 1; /* IE fix */
	}
#module-footer-navigation .moduletitle
	{
	position: absolute;
	left: -7000px;
	}
#module-footer-navigation .modulecontent
	{
	padding: 0px !important;
	}
#module-footer-navigation .item /* [li] */
	{
	border-right: 1px solid #ccc;
	padding: 0px 4px;
	width: 118px;
	}
#module-footer-navigation .item#footernav-order
	{
	border-right: none;
	}
#module-footer-navigation .details
	{
	float: none !important;
	padding: 0px;
	height: auto;
	}
#module-footer-navigation .itemtitle /* [h4] */
	{
	margin: 0px;
	padding: 0px;
	width: auto;
	font-size: 1.0em;
	text-align: center;
	}
#module-footer-navigation .itemtitle a, #module-footer-navigation .itemtitle a:link, #module-footer-navigation .itemtitle a:visited
	{
	position: relative;
	display: block;
	border: 1px solid #f9f9f9;
	padding: 1px 0px 2px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	}
#module-footer-navigation .itemtitle a:focus, #module-footer-navigation .itemtitle a:hover, #module-footer-navigation .itemtitle a:active
	{
	background-color: #999;
	border: 1px solid #000;
	color: #fff;
	}
#footernav-copyright
	{
	clear: both;
	padding: 12px 8px 0px;
	color: #999;
	text-align: center;
	font-size: 0.8em;
	}
	
/* Page-Specific Tweaks */

/* Body */

/*
body#page-technology
	{
	background: #d0d0d0 url(../images/shadow_grey.gif) repeat-y center top;
	}
*/

/* Site Nav & Footer Nav */

/*
#page-technology #module-site-navigation
	{
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	}
*/

#page-home #sitenav-home a, #page-home #sitenav-home a:link, #page-home #sitenav-home a:visited,
#page-about #sitenav-about a, #page-about #sitenav-about a:link, #page-about #sitenav-about a:visited,
#page-technology #sitenav-technology a, #page-technology #sitenav-technology a:link, #page-technology #sitenav-technology a:visited,
#page-products #sitenav-products a, #page-products #sitenav-products a:link, #page-products #sitenav-products a:visited,
#page-contact #sitenav-contact a, #page-contact #sitenav-contact a:link, #page-contact #sitenav-contact a:visited,
#page-order #sitenav-order a, #page-order #sitenav-order a:link, #page-order #sitenav-order a:visited
	{
	background-color: #6485a6;
	border: 1px solid #000;
	color: #fff;
	font-weight: bold !important;
	}
	
/*
#page-technology #sitenav-technology a, #page-technology #sitenav-technology a:link, #page-technology #sitenav-technology a:visited
	{
	background-color: #888;
	}
#page-technology #module-site-navigation .itemtitle a:focus, #page-technology #module-site-navigation .itemtitle a:hover, #page-technology #module-site-navigation .itemtitle a:active
	{
	background-color: #888;
	}
*/

#page-home #footernav-home a, #page-home #footernav-home a:link, #page-home #footernav-home a:visited,
#page-about #footernav-about a, #page-about #footernav-about a:link, #page-about #footernav-about a:visited,
#page-technology #footernav-technology a, #page-technology #footernav-technology a:link, #page-technology #footernav-technology a:visited,
#page-products #footernav-products a, #page-products #footernav-products a:link, #page-products #footernav-products a:visited,
#page-contact #footernav-contact a, #page-contact #footernav-contact a:link, #page-contact #footernav-contact a:visited,
#page-order #footernav-order a, #page-order #footernav-order a:link, #page-order #footernav-order a:visited
	{
	background-color: #999;
	border: 1px solid #000;
	color: #fff;
	font-weight: bold !important;
	}

/* Side1 Modules */
/*
#page-technology #side1 .moduletitle
	{
	background: #666 url(../images/modtitlebg_grey.gif) repeat-x 0px 0px;
	}
*/