@charset "utf-8";
/* CSS Document */
<style type="text/css">
#bullshit
{
}



#main
{
	width: 918px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#main927
{
	width: 927px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.top_div {
	height: 44px;
	width: 927px;
}
.topnav {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	color: #99CC99;
}
.topnav A {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	color: #99CC99;
}
.topnav A:hover {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	color: #99FF99;
}
.topnav A:visited {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	color: #99CC99;
}
.topnavdivider {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	color: #99CCCC;
}
.topnavdropdown {
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 10px;
	color: #666666;
	text-transform: none;
}
.languagenav {
	color: #99CC99;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	padding-top: 4px;
}
.languagenav A {
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #99CC99;
}
.languagenav A:hover {
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #99FF99;
}
.languagenav A:visited {
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #99CC99;
}
.makeroftheworlds {
	font-size: 11px;
	color: #9999FF;
	font-family: Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro W3", "MS Mincho", "Arial Unicode MS";
}
#header
{
	width: 918px;
	height: 44px;
}

#top {
	width: 910px;
	background-image: url(../Images3/common/background_middle_top.png);
	height: 70px;
	text-align: left;
	padding-top: 15px;
	margin-right:auto;
	background-repeat: no-repeat;
	padding-left: 8px;
}

#f-source-menu {
	z-index:5;
	position: relative;
	width: 750px;
	float: left;
	margin-top: 5px;
	height: 44px;
}
#livechat {
	width: 90px;
	float: right;
	margin-right: 10px;
	height: 62px;
	margin-top: 5px;
}
#middle_top {
	width: 878px;
	margin-bottom: 20px;
}
.headernavy {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 36px;
	color: #003366;
	line-height: 100%;
}
.headerblue {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 36px;
	color: #006699;
	line-height: 100%;
}
.headerorange {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 36px;
	color: #FF6600;
	line-height: 100%;
}
.headergreen {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 36px;
	color: #669900;
	line-height: 100%;
}
.headerplum {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 36px;
	color: #990066;
	line-height: 100%;
}
.headerpurple {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 36px;
	color: #663366;
	line-height: 100%;
}
.headersubnavy {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 24px;
	color: #003366;
	line-height: 110%;
	margin-bottom: -15px;
}
.headersubblue {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 24px;
	color: #006699;
	line-height: 110%;
	margin-bottom: -15px;
}
.headersuborange {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 24px;
	color: #FF6600;
	line-height: 110%;
	margin-bottom: -15px;
}
.headersubgreen {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 24px;
	color: #669900;
	line-height: 110%;
	margin-bottom: -15px;
}
.headersubplum {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 24px;
	color: #990066;
	line-height: 110%;
	margin-bottom: -15px;
}
.headersubpurple {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 24px;
	color: #663366;
	line-height: 110%;
	margin-bottom: -15px;
}

.headersubsubnavy {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #003366;
	line-height: 110%;
	font-weight: bolder;
}
.headersubsubblue {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #006699;
	line-height: 110%;
	font-weight: bolder;
}
.headersubsuborange {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #FF6600;
	line-height: 110%;
	font-weight: bolder;
}
.headersubsubgreen {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #669900;
	line-height: 110%;
	font-weight: bolder;
}
.headersubsubplum{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #990066;
	line-height: 110%;
	font-weight: bolder;
}
.headersubsubpurple {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #663366;
	line-height: 110%;
	font-weight: bolder;
}

.headersubsub {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #666666;
	font-weight: bolder;
	line-height: 110%;
}
#middle_left {
	width: 200px;
	float: left;
}
#middle_left_cs {
	width: 200px;
	float: left;
}
#middle_left_vidtest {
	width: 200px;
	float: right;
}
#middle_left_download {
	width: 200px;
	float: left;
	height: 44px;
	text-align: left;
}
#middle_left_top {
	width: 200px;
	background-image: url(../Images3/common/leftnav_top.png);
	background-repeat: no-repeat;
	float: left;
	height: 23px;
}
#middle_left_middle {
	width: 188px;
	background-image: url(../Images3/common/leftnav_middle.png);
	background-repeat: repeat-y;
	float: left;
	padding-left: 12px;
}
#middle_left_fill {
	width: 162px;
	float: left;
	padding-right: 26px;
	padding-bottom: 15px;
}
.navgray {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #666666;
}
.navnavy {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #003366;
}
.navblue {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #006699;
}
.navorange {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #FF6600;
}
.navgreen {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #669900;
}
.navplum {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #990066;
}


.navlightblue {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #6699CC;
}
.navred {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #990033;
}



#middle_left_minicart {
	width: 162px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #666666;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.navpurple {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #663366;
}
#middle_left_addtocart {
	width: 162px;
	float: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 11px;
	color: #666666;
	margin-bottom: 20px;

}


#middle_left_bottom {
	width: 200px;
	background-image: url(../Images3/common/leftnav_bottom.png);
	float: left;
	background-repeat: no-repeat;
	height: 25px;
	margin-top: -15px;
}
#middle_right {
	width: 675px;
	float: none;
	line-height: 140%;
}
.text {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #666666;
}
.text A {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #666666;
}
.text A:hover {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #666666;
}
.text A:visited {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #666666;
}
.textbold {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #333333;
}
.textitalic {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #666666;
	font-style: italic;
}
.textitalicbold {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #333333;
	font-style: italic;
}
.arrownavy {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #003366;
}
.arrowblue {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #006699;
}
.arroworange {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #FF6600;
}
.arrowgreen {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #669900;
}
.arrowplum {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #990066;
}
.arrowpurple {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #663366;
}
.arrowlightblue {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #99CCFF;
}
.arrowyellow {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #FFCC00;
}
.arrowdarkred {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #990033;
}
.arrowred {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #CC3300;
}
.Auther {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 16px;
	color: #666666;
	line-height: 110%;
	margin-bottom: -15px;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
}








#bottom {
	width: 918px;
	height: 70px;
	background-image: url(../Images3/common/background_middle_bottom.png);
	background-repeat: no-repeat;
}
#copyright {
	width: 898px;
	height: 10px;
	padding-left: 20px;
}
.copyrightgray {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 10px;
	color: #666666;
}
.copyrightblue {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 10px;
	color: #006699;
}

.copyrightblack {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 10px;
	color: #666666;
}

#address {
	width: 878px;
	height: 5px;
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	margin-right: 20px;
	margin-left: 20px;
}
#contact {
	height: 60px;
	float: left;
	z-index: 2;
}
#US {
	width: 120px;
	height: 60px;
	float: left;
	margin-left: 10px;
}
#US2 {
	width: 100px;
	height: 60px;
	float: left;
	margin-left: 20px;
}
#JPUS {
	width: 110px;
	height: 60px;
	float: left;
	margin-left: 20px;
}
#EU {
	width: 140px;
	height: 60px;
	float: left;
	margin-left: 5px;
}
#EU2 {
	width: 135px;
	height: 60px;
	float: left;
	margin-left: 20px;
}
#EU4 {
	width: 140px;
	height: 60px;
	float: left;
	margin-left: 0px;
}
#AP {
	width: 110px;
	height: 60px;
	float: left;
	margin-left: 5px;
}
#AP2 {
	width: 125px;
	height: 60px;
	float: left;
	margin-left: 20px;
}
#AP4 {
	width: 160px;
	height: 60px;
	float: left;
	margin-left: 0px;
}
#LTA {
	width: 155px;
	height: 60px;
	float: left;
	margin-left: 5px;
}
#LTA2 {
	width: 130px;
	height: 60px;
	float: left;
	margin-left: 20px;
	}
#LTA3 {
	width: 125px;
	height: 60px;
	float: left;
	margin-left: 5px;
}
#LTA4 {
	width: 140px;
	height: 60px;
	float: left;
	margin-left: 0px;
	}
#LTA5 {
	width: 146px;
	height: 60px;
	float: left;
	margin-left: 20px;
}

a:visited {
	color: #333333;
	text-decoration: none;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.RISKbdit {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size: 12px;
	color: #000000;
	font-style: italic;
	font-weight: bold;
}
.listCases {
	margin: 0px 0px 0px 7px;
	padding-left: 7px;
	list-style-image:url(../images3/common/list_square_orange.gif);
	line-height: normal;
}
.listPress {
	margin: 0px 0px 0px 7px;
	padding-left: 7px;
	list-style-image:url(../images3/common/list_square_green.gif);
	line-height: normal;
}
.listProduct {
	list-style-image:url(../images3/common/list_square_blue.gif);
	margin: 0px 0px 0px 7px;
	padding-left: 7px;
	line-height: normal;
	}
.listTraining {
	margin: 0px 0px 0px 7px;
	padding-left: 7px;
	list-style-image:url(../images3/common/list_square_plum.gif);
	line-height: normal;
}

#quoteBox {
float:right;
width:250px;
background:url(../images3/common/quote_blue_left.jpg) no-repeat;
background-position: 0px 23px;
margin: 5px 0 5px 10px;
}

#quoteBoxLicenses {
float:right;
width:250px;
background:url(../images3/common/quote_purple_left.jpg) no-repeat;
background-position: 0px 23px;
margin: 5px 0 5px 10px;
}

#quoteBoxTraining {
float:right;
width:250px;
background:url(../images3/common/quote_plum_left.jpg) no-repeat;
background-position: 0px 23px;
margin: 5px 0 5px 10px;
}
#quoteBoxNews {
	float:right;
	width:250px;
	background:url(../images3/common/quote_green_left.jpg) no-repeat;
	background-position: 0px 23px;
	margin: 5px 0 5px 10px;
}
#quoteBoxRed {
	float:right;
	width:250px;
	background:url(../images3/common/quote_red_left.jpg) no-repeat;
	background-position: 0px 23px;
	margin: 5px 0 5px 10px;
}
#quoteContent {
	margin: 30px;
	color: #666666;
	line-height: 150%;
	font-style:italic;
	padding: 0;
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	text-align: left;
}
#quoteAttribute {
	font-size:8pt;
	margin-top:3px;
	text-align: right;
	font-family: Times New Roman, Times, serif;
}


.sixsigma_textlinks {
	font-size: 10px;
	color: #666666;
	padding-top: 5px;
	padding-left: 94px;
}

/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

==============================================================================*/

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

body, table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; }

iframe { width:0; height:0 }

ul {

}       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */



 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:44px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:927px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
}



 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	float:right;                                     /* play nicely with others */
	margin:0;
	border:0;
	height:22px;                                  /* the menu's overall height */
	width:390px;         /* we always want our menu to fill the available space */
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size:10px;         /* this (and also below) sets the menu's font size */      /* give us a black border underneath */
	padding-top: 5px;
	margin-right: 15px;
}
.menutext {
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	font-size:10px;         /* this (and also below) sets the menu's font size */
      /* give us a black border underneath */
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.8em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:10px;        /* this sets the base font size for our entire menu */
	font-family: Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro W3, MS Mincho, Arial Unicode MS;
	vertical-align: middle;
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:0px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:22px;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	    /* these 2 lines create the push-in illusion */
	height:16px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	top:22px;              /* place us just up underneath the top-level images */
	left:1px;     /*   left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:140px;
	color:black;                        /* this sets the unselected-text color */
	background:transparent url(../images3/hmpg/opaque92.png);
	margin-top: -3px;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:140px;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
	padding-top: 0px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	margin:0px;
	height:auto;
	width:138px;
	height: 20px;
	background-color: transparent;
	background-image: url(../images3/hmpg/opaque.png);
	border-top: 0;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	
	background:transparent url(../images3/hmpg/opaque92.png); 
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:140px;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:8.08333em;
	width:140px;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:140px;
	background:transparent url(../images3/hmpg/opaque92.png);
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:140px;
	background:transparent url(../images3/hmpg/opaque92.png);
}

 {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */
/*======================== end gibson css ========================*/

/*======================== SEMINARDS PAGE css ========================*/
#MapContainer
{
	width: 680px;
	float: left;
}
#MapAndText
{
	width: 680px;
	background-image: url(../images3/seminars/schedule/mapbackground.png);
	background-repeat: no-repeat;
	float: left;
}
#Map
{
	width: 680px;
	height: 255px;
	float: left;
}
#TextButtonWrap1
{
	width: 258px;
	float: left;
}
#Text1
{
	width: 218px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 20px;
}
#Buttons1
{
	width: 235px;
	float: left;
	margin-left: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
}
#TextButtonWrap2
{
	width: 251px;
	float: left;
}
#Text2
{
	width: 190px;
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 31px;
}
#Buttons2
{
	width: 201px;
	float: left;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 25px;
}
#Text3
{
	width: 125px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 25px;
}
#MapAndTextBottom
{
	width: 675px;
	float: left;
	background-color: #FFFFFF;
}
#SemBox
{
	/* rounded corners */
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px
	border-radius: 7px;
	background-color: #EEEEEE;
	padding: 10px;
	/* drop shadow */
	-moz-box-shadow: inset 0 0 5px #999999;
	-webkit-box-shadow: inset 0 0 5px #999999;
	box-shadow: inner 0 0 5px #999999;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.SeminareHeadline
{
	font-family: Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro W3", "MS Mincho", "Arial Unicode MS";
	font-size: 16px;
	color: #990066;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-shadow: 1px 1px #EEEEEE;
}
.SeminareDate
{
	font-family: Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro W3", "MS Mincho", "Arial Unicode MS";
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.SeminareItem
{
	font-family: Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro W3", "MS Mincho", "Arial Unicode MS";
	font-size: 11px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.SeminarePlace
{
	font-family: Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro W3", "MS Mincho", "Arial Unicode MS";
	font-size: 11px;
	color: #990066;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
}
/*======================== end SEMINARDS PAGE css ========================*/
</style>