html { min-height: 100%; margin-bottom: 1px; overflow-y: scroll; }

body, table, tr, text, td, form, input, button, select, textarea, option { font-size:12px; font-family: Arial, Helvetica, Geneva; color: #646464; text-decoration: none; line-height:150%; } 
H1 {font-family: Arial, Helvetica, Geneva; font-size:2.0em; color: #999999; font-weight: 600; line-height: 100%; text-decoration: none; margin:0px 0px 15px 17px; padding:0px; }
H2 {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #336699; font-weight: bold; line-height: 150%; text-decoration: none; margin:0px 0px 2px 0px; padding:0px; }
p {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #646464; font-weight: normal; line-height: 150%; margin:0px 0px 16px 0px; padding:0px; }

a:visited { color : #336699; }
a:link { color : #336699; }
a:active { color : #336699; }
a:hover { color : #336699; }

form {margin: 0px 0px 0px 0px; }
select  {margin: 6px 0px 0px 0px;}

.text {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #646464; line-height: 150%; text-decoration: none; }
.homepage {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #646464; line-height: 200%; text-decoration: none; }
.eventdate {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #CC9900; font-weight: bold; line-height: 180%; text-decoration: none; }
.eventtext {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #7f7f7f; font-weight: bold; line-height: 150%; text-decoration: none; }
.press {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #646464; font-weight: bold; line-height: 150%; text-decoration: none; }
.title_blue {font-family: Arial, Helvetica, Geneva; font-size: 14px; color: #336699; font-weight: bold; line-height: 150%; text-decoration: none; }
.title_blue_lg {font-family: Arial, Helvetica, Geneva; font-size: 20px; color: #336699; font-weight: bold; line-height: 150%; text-decoration: none; }
.title_white {font-family: Arial, Helvetica, Geneva; font-size: 14px; color: #ffffff; font-weight: bold; line-height: 150%; text-decoration: none; }
.subtitle {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #336699; font-weight: bold; line-height: 150%; text-decoration: none; }
.subtitle_white {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #ffffff; font-weight: bold; line-height: 150%; text-decoration: none; }
.nav {font-family: Arial, Helvetica, Geneva; font-size: 11px; color: #66727A; font-weight: bold; line-height: 100%; text-decoration: none; }

.orange {color: #ff9933;}
.learnmore {margin:8px 0px 12px 60px;}

.title_newsletter {font-family: Arial, Helvetica, Geneva; font-size: 16px; color: #00539b; font-weight: bold; line-height: 150%; text-decoration: none; }
.subtitle_bold {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #646464; font-weight: bold; line-height: 120%; text-decoration: none; }
.subtitle_small {font-family: Arial, Helvetica, Geneva; font-size: 11px; color: #646464; line-height: 120%; text-decoration: none; }
.subtitle_italic {font-family: Arial, Helvetica, Geneva; font-size: 13px; color: #00539b; font-weight: bold; line-height: 150%; text-decoration: none; font-style: italic; }
.text_blue {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #00539b; line-height: 150%; text-decoration: none; }
.text_action {font-family: Arial, Helvetica, Geneva; font-size: 12px; color: #ff9900; font-weight: bold; line-height: 150%; text-decoration: underline; }
.footer {font-family: Arial, Helvetica, Geneva; font-size: 11px; color: #646464; line-height: 130%; text-decoration: none; }

.basic	{ margin: 15px 0px 25px 40px; padding: 0px 0px 0px 15px; list-style:disc;}
.basic li { margin: 5px 5px 10px 0px;}
.quiz { margin: 15px 0px 25px 20px; padding: 0px 0px; list-style-type: none; font-weight: bold;}
.quiz li { margin: 5px 5px 25px 10px;}

/* ######### June 2009 navigation revamp  ######### */

.bodycontent {
	float:left;
	width:470px;
	margin:0px 10px 20px 17px;
	padding:0px;
	vertical-align:top;
}
.widecontent {
	float:left;
	width:570px;
	margin:0px 10px 20px 17px;
	padding:0px;
	vertical-align:top;
}

.leftnav, .leftnav ul {margin: 0px 0px 0px 16px; padding: 0px 0px 0px 0px; list-style-type: none; }
.leftnav li {margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.leftnav li a {font-family: Arial, Helvetica, Geneva; font-size: 11px; color: #336699; font-weight: bold; line-height: 150%; text-decoration: none; }

.screenshot { margin:0px 0px 20px 0px; }

#solutions_box .temptitle { color:#336699; font-size:13px; font-weight:bold; margin:4px 0 8px 8px;}
#solutions_box td.heading { background-color:#336699; color:#fff; font-size:13px; font-weight:normal; text-align:center; }
#solutions_box td.contents { background-color:#eee; border:1px solid #999; }
#solutions_box img { margin:10px 5px 2px 5px;}
#solutions_box ul.list, li.list { color:#336699; list-style-type:none; margin:0 0 5px 5px;padding:0 0 0 5px; }

table.playbox {
	border-width: 3px;
	border-spacing: 8px;
	border-style: solid;
	border-color: #336699;
	border-collapse: separate;
	background-color: #eee;
}
table.playbox th {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #eee;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.playbox td {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #eee;
	-moz-border-radius: 0px 0px 0px 0px;
}

.banner {
	margin:0px 0px 13px 0px;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font:bold 12px Arial;
list-style-type: none;
border-bottom: 0px solid white;
background: #666;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 14px 6px 14px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #666;
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background: #666; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: #888; /*background of tab with "selected" class assigned to its LI */
}

/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: 600 12px Arial;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid white;
border-bottom-width: 0;
border-bottom-height: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
font: 600 12px Arial;
display: block;
width: 146px; /*width of menu (not including side paddings)*/
color: white;
background-color: #666;
text-decoration: none;
padding: 6px 10px 6px 14px;
border-bottom: 1px solid white;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 150px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #888;
color: white;
}