html, body 
{ 
	background-color: rgb(255, 255, 255);
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	margin-left: 0%; 
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-align: left;
	height 100%;
}

/* logo */
#Header1
{
	
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 20px;
	rights: 20px;
	top: 0;
}

/* top middle blue panel, behind left tag line panel */
#Header2
{
	font-size: 50px;
	font-weight: 900;
	line-height: 93px;
	color: rgb(255, 255, 255);
	background-color: rgb(00, 90, 130);
	margin-right: 0px;
	padding-right: 0px;
	height: 93px;
	text-align: right;
	position: absolute;  
/*	left: 20px; */ /* IE issue */
	left: 10%;	
/*	right: 65px; */ /* IE issue */
	width: 82%;
	top: 50px;
/*	
	border-right-color: rgb(0, 255, 255);
	border-right-style: solid;
	border-right-width: 20px;
*/	
}

/* blue tag line panel at left */
#Header3
{
	font-size: 16px;
	font-weight: 500;
	line-height: 93px;
	color: rgb(255, 255, 255);
	background-color: rgb(00, 90, 130);
	margin: 0px;
	padding: 0px;
	height: 93px;
	width: 203px;
	text-align: center;
	position: absolute;
	left: 20px;
	top: 50px;
}

/* blue Background, goes behind pixel widget and Header3, used to equalize IE and Mozilla */
#Header5
{
	font-size: 50px;
	color: rgb(255, 255, 255);
	background-color: rgb(00, 90, 130);
	margin-right: 0px;
	padding-right: 0px;
	height: 93px;
	text-align: right;
	position: absolute;  
	left: 10%;	
	width: 86%;
	top: 50px;
}

/* right pixel widget */
#Header4
{
	font-size: 20px;
	font-weight: 500;
	line-height: 93px;
	color: rgb(255, 0, 255);
	background-color: rgb(255, 255, 255);
	margin: 0px;
	padding: 0px;
	text-align: right;
	position: absolute;
/*	right: 20px; */ /* IE issue */
	left: 93%;
	top: 50px;
/*	height: 93px; */
	width: 45px;
}
/* copyright info and address */
#Footer1
{
	font-size: 10px;
	margin: 0;
	padding-top: 40px;
	height: 20px;
	text-align: left;
	clear: both;
}

/* left, blue-green panel, holds main menu */
#Block1
{
	background-color: rgb(177, 209, 216);
	margin: 0px;
	padding-top: 0px;
	height: 177px;
	width: 203px;
	text-align: right;
	position: absolute;
	left: 20px;
	top: 143px;
}


/* headline, middle of page, used as friend1 */
#Block3
{
	font-size: 16px;
	font-weight: 900;
	color: rgb(00, 90, 130);
	margin: 0;
	padding: 20px;
	text-align: left;
	position: absolute;
	left: 223px;
	right: 370px;
	top: 143px;
	height: 165px;
}

/* right column, holds elevator or images, used as friend2 */
#Block4
{
	font-size: 12px;
	font-weight: 100;
	color: rgb(00, 90, 130);
	margin: 0;
	padding: 10px;
	text-align: left;
	position: absolute;
	right: 45px;
	top: 143px;
	width: 275px; 
	height: 165px;
}

/* Crumb Menu */
#Block6
{
	margin-top: 2px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	text-align: left;
	position: absolute;
	top: 324px;
	left: 223px;
/*	right: 65px;*/ /* IE issue */
	width: 72%;
	height: 28px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: rgb(00, 90, 130);
}

/* Special home blcok, located on Crumb Menu, acts as friend5 */
#Block6a
{
	color: rgb(163, 164, 44);
	background-color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 100;
	margin-top: 2px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	text-align: left;
	position: absolute;
	top: 324px;
	left: 223px;
/*	right: 65px;*/ /* IE issue */
	width: 72%;
	height: 28px;
}


/* left blue panel, holds sub menu */
#Block2
{
	background-color: rgb(00, 90, 130);
	margin: 0px;
	padding: 0px;
	width: 203px;
	text-align: right;
	position: absolute;
	left: 0px;
	top: -27px; 
	height: 100px; 
/*	bottom: 50px; */  
/*	height: 500px; */
}

/* left blue panel, Fills the space below block2 */
#Block2Bottom
{
	background-color: rgb(00, 90, 130);
	margin: 0px;
	padding: 0px;
	width: 203px;
	text-align: right;
	position: absolute;
	left: 0px;
	top: 0px; 
	height: 100%; 
}

/* main text area */
#Block7
{
	font-size: 12px; 
	margin: 0px;
	padding-top: 10px;
	padding-left: 215px;
	text-align: left;
	position: relative;
	top: 28px;
	height: 100%;
	left: 0px;
/*	right: 70px; */
/*	left: 203px; */
}


/* uber block, encompassed Block2, Block6 and Block 7, Footer1 */
#Block8
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	position: absolute;
	top: 324px;
	left: 20px;
	right: 340px;
/*	border-style: solid; */
/*	border-width: 1px; */
/*	height: 100%;*/   
}

/* A wide version of Block8, on used on some pages */
#Block8Wide
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	position: absolute;
	top: 324px;
	left: 20px;
	right: 45px;
/*	border-style: solid; */
/*	border-width: 1px; */
/*	height: 100%;*/   
}

/* Right block to hold news items. */
#Block9
{
	font-size: 12px;
	font-weight: 100;
	margin: 0;
	padding: 10px;
	text-align: left;
	position: absolute;
	right: 45px;
	top: 390px;
	width: 275px; 
}

/* Right block top, holds icons */
#Block9t
{
	font-size: 12px;
	font-weight: 100;
	margin: 0;
	padding: 10px;
	text-align: left;
	position: absolute;
	right: 45px;
	top: 360px;
	width: 275px; 
	height: 30px;
}

/* News separator */
#Block9 p
{
	padding-bottom: 3px;
/*	border-color: rgb(163, 164, 44); */
/*	border-bottom-style: solid; */
/*	border-bottom-width: 1px; */
}

/* News separator */
#Separator
{
	padding-top: 7px;
	padding-bottom: 7px;
	border-color: rgb(163, 164, 44);
	border-top-style: solid;
	border-top-width: 1px; 
}

/* Right block to hold product specificif item (friend 3). */
#Block10
{
	font-size: 10px;
	font-weight: 100;
	margin: 0;
	padding: 10px;
	text-align: left;
	position: absolute;
	right: 45px;
	top: 352px;
	width: 275px; 
}

/* Right block to hold product specificif item (friend 4). */
/* No longer used */
#Block11
{
	font-size: 10px;
	font-weight: 100;
	margin: 0;
	padding: 10px;
	text-align: left;
	position: absolute;
	right: 45px;
	top: 352px;
	width: 150px; 
}

#Header
{
	font-weight: 600;
	font-size: 42px;
	background-color: rgb(100, 100, 100);
	color: rgb(200, 200, 200);
}

#SubHead
{
	color: rgb(163, 164, 44);
	font-size: 16px;
	text-align: left;
	font-weight: 600;
}

#BigHead
{
	color: rgb(255, 32, 32);
	font-size: 24px;
	text-align: left;
	font-weight: 600;
}

#SubSubHead
{
	font-weight: 800;
	font-size: 12px;
}

#Bold
{
	font-weight: 800;
}

#Italic
{
	font-style: italic;
}

#Underline
{
	text-decoration: underline;
}

/* used for the > sign in menus */
#GT
{
	color: rgb(255, 255, 255);
}

/* Static menu style, the names of these styles are predefined */
/* Can't use this, not supported in IE 
#VMenu1:before
{
	content: ">";
	color: rgb(255, 255, 255);
}
/**/
#VMenu1
{
	color: rgb(00, 90, 130);
	background-color: rgb(177, 209, 216);
	font-size: 18px;
	line-height: 16px;
	font-weight: 500;
	padding-left: 40px; 
	padding-top: 10px;
	padding-bottom: 4px;
	text-align: left;
}

#VMenu1Current
{
	color: rgb(255, 255, 255);
	background-color: rgb(177, 209, 216);
	font-size: 18px;
	line-height: 16px;
	font-weight: 500;
	padding-left: 55px; 
	padding-top: 10px;
	padding-bottom: 4px;
	text-align: left;
}

#VMenu1 a:link
{
	color: rgb(00, 90, 130);
	text-decoration: none;
}

#VMenu1Current a:link
{
	color: rgb(00, 90, 130);
	text-decoration: none;
}

#VMenu1 a:visited
{
	color: rgb(00, 90, 130);
	text-decoration: none;
}

#VMenu1Current a:visited
{
	color: rgb(255, 255, 255);
	text-decoration: none;
}

#VMenu1 a:hover, 
#VMenu1Current a:hover
{
	color: rgb(255, 255, 255);
}

#VMenu1 a:active, 
#VMenu1Current a:active
{
	color: rgb(255, 255, 255);
}


#HMenu1
{
	color: rgb(230,230,230);
	font-size: 12px;
	font-weight: 600;
	padding-left: 10px; 
	padding-top: 4px;
	padding-bottom: 4px;
}

#HMenu1Current
{
	color: rgb(230,230,230);
	font-size: 12px;
	font-weight: 600;
	padding-left: 10px;  
	padding-top: 4px;
	padding-bottom: 4px;
}

#HMenu1 a:link
{
	color: rgb(155,155,155);
	text-decoration: none;
}

#HMenu1Current a:link
{
	color: rgb(55,55,55);
	text-decoration: none;
}

#HMenu1 a:visited
{
	color: rgb(155,155,155);
	text-decoration: none;
}

#HMenu1Current a:visited
{
	color: rgb(55,55,55);
	text-decoration: none;
}

#HMenu1 a:hover, 
#HMenu1Current a:hover
{
	color: rgb(255,0,0);
}

#HMenu1 a:active, 
#HMenu1Current a:active
{
	color: rgb(255,0,0);
}


a:link
{
	color: rgb(00, 90, 130);
}

a:visited
{
	color: rgb(00, 90, 130);
}

a:hover
{
	color: rgb(163, 164, 44);
}

a:active
{
	color: rgb(163, 164, 44);
}


#Header1 a:link img,
#Header1 a:visited img,
#Header1 a:hover img,
#Header1 a:active img
{
	border-style: none;
	text-decoration: none;
}

#Block9t a:link img,
#Block9t a:visited img,
#Block9t a:hover img,
#Block9t a:active img
{
	border-style: none;
	text-decoration: none;
}



/* List stuff */

/* default */
ul
{
	list-style-type: square;
	padding-left: 1em;
	margin-left: 0;
}

/* used it right side list of models */
#Models 
{
	list-style-type: none;
	padding-left: 1em;
	margin-left: 0;
}

/* used for code lines */
#Code
{
	font-family: "Courier New", Courier, monospace;
	list-style-type: none;
	padding-left: 1em;
	margin-left: 0;
	padding-bottom: 5px;
}

/* Table stuff */

table
{
	border-collapse: collapse;
}

td,
th
{
	padding: 5px;
	border-width: 0px;
	border-top-style: solid; 
}

#RowRule th
{
	padding-left: 4px;
	padding-right: 4px;
	border-width: 0px;
	border-top-style: solid; 
}
#RowRule td
{
	padding-left: 4px;
	padding-right: 4px;
	border-width: 1px;
	border-top-style: solid; 
}

#API
{
	padding-left: 4px;
	padding-right: 4px;
	border-width: 1px;
	border-top-style: solid; 
}

#Reps td
{
	padding-left: 4px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 1px;
	border-top-style: solid; 
}

/* These are custom menus, the prefixes are define in the template XML */

/* Left Menu */
#LeftMenu1
{
	color: rgb(163, 164, 44);
	background-color: rgb(00, 90, 130);
	font-size: 20px;
	font-weight: 100;
	padding-left: 10px; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

#LeftMenu1Current
{
	color: rgb(163, 164, 44);
	background-color: rgb(00, 90, 130);
	font-size: 20px;
	font-weight: 100;
	padding-left: 10px; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

#LeftMenu1 a:link
{
	color: rgb(163, 164, 44);
	text-decoration: none;
}

#LeftMenu1Current a:link
{
	color: rgb(163, 164, 44);
	text-decoration: none;
}

#LeftMenu1 a:visited
{
	color: rgb(163, 164, 44);
	text-decoration: none;
}

#LeftMenu1Current a:visited
{
	color: rgb(163, 164, 44);
	text-decoration: none;
}

#LeftMenu1 a:hover, 
#LeftMenu1Current a:hover
{
	color: rgb(255, 255, 255);
}

#LeftMenu1 a:active, 
#LeftMenu1Current a:active
{
	color: rgb(255, 255, 255);
}

#LeftMenu2
{
	color: rgb(255, 255, 255);
	background-color: rgb(00, 90, 130);
	font-size: 12px;
	font-weight: 500;
	padding-left: 10px; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

#LeftMenu2Current
{
	color: rgb(00, 132, 192);
	background-color: rgb(00, 90, 130);
	font-size: 12px;
	font-weight: 500;
	padding-left: 10px; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

#LeftMenu2 a:link
{
	color: rgb(255, 255, 255);
	text-decoration: none;
}

#LeftMenu2Current a:link
{
	color: rgb(93, 137, 173);
	text-decoration: none;
}

#LeftMenu2 a:visited
{
	color: rgb(255, 255, 255);
	text-decoration: none;
}

#LeftMenu2Current a:visited
{
	color: rgb(93, 137, 173);
	text-decoration: none;
}

#LeftMenu2 a:hover, 
#LeftMenu2Current a:hover
{
	color: rgb(93, 137, 173);
}

#LeftMenu2 a:active, 
#LeftMenu2Current a:active
{
	color: rgb(93, 137, 173);
}

#LeftMenu3
{
	color: rgb(255, 255, 255);
	background-color: rgb(00, 90, 130);
	font-size: 12px;
	font-weight: 500;
	padding-left: 20px; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

#LeftMenu3Current
{
	color: rgb(00, 132, 192);
	background-color: rgb(00, 90, 130);
	font-size: 12px;
	font-weight: 500;
	padding-left: 20px; 
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

#LeftMenu3 a:link
{
	color: rgb(255, 255, 255);
	text-decoration: none;
}

#LeftMenu3Current a:link
{
	color: rgb(93, 137, 173);
	text-decoration: none;
}

#LeftMenu3 a:visited
{
	color: rgb(255, 255, 255);
	text-decoration: none;
}

#LeftMenu3Current a:visited
{
	color: rgb(93, 137, 173);
	text-decoration: none;
}

#LeftMenu3 a:hover, 
#LeftMenu3Current a:hover
{
	color: rgb(93, 137, 173);
}

#LeftMenu3 a:active, 
#LeftMenu3Current a:active
{
	color: rgb(93, 137, 173);
}

/* Crumb Menu */

#CrumbMenu0,
#CrumbMenu1,
#CrumbMenu2,
#CrumbMenu3
{
	color: rgb(00, 90, 130);
	background-color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 100;
}

#CrumbMenu0Current,
#CrumbMenu1Current,
#CrumbMenu2Current,
#CrumbMenu3Current
{
	color: rgb(163, 164, 44);
	background-color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 100;
}

#CrumbMenu0 a:link,
#CrumbMenu1 a:link,
#CrumbMenu2 a:link,
#CrumbMenu3 a:link
{
	color: rgb(00, 90, 130);
	text-decoration: none;
}

#CrumbMenu0Current a:link,
#CrumbMenu1Current a:link,
#CrumbMenu2Current a:link,
#CrumbMenu3Current a:link
{
	color: rgb(163, 164, 44);
	text-decoration: none;
}

#CrumbMenu0 a:visited,
#CrumbMenu1 a:visited,
#CrumbMenu2 a:visited,
#CrumbMenu3 a:visited
{
	color: rgb(00, 90, 130);
	text-decoration: none;
}

#CrumbMenu0Current a:visited,
#CrumbMenu1Current a:visited,
#CrumbMenu2Current a:visited,
#CrumbMenu3Current a:visited
{
	color: rgb(163, 164, 44);
	text-decoration: none;
}

#CrumbMenu0 a:hover, 
#CrumbMenu0Current a:hover,
#CrumbMenu1 a:hover, 
#CrumbMenu1Current a:hover,
#CrumbMenu2 a:hover, 
#CrumbMenu2Current a:hover,
#CrumbMenu3 a:hover, 
#CrumbMenu3Current a:hover
{
	color: rgb(163, 164, 44); 
}

#CrumbMenu0 a:active, 
#CrumbMenu0Current a:active,
#CrumbMenu1 a:active, 
#CrumbMenu1Current a:active,
#CrumbMenu2 a:active, 
#CrumbMenu2Current a:active,
#CrumbMenu3 a:active, 
#CrumbMenu3Current a:active
{
	color: rgb(00, 90, 130);
}



/* colors

	blue
	color: rgb(00, 90, 130);
	blue/green
	color: rgb(177, 209, 216);
	green
	color: rgb(163, 164, 44);
	turquiose
	color: rgb(93, 137, 173);

*/