@charset "UTF-8";
* {
padding: 0;
margin: 0;
}
html {
overflow-y: scroll; /* scrollbar fix */
}
body {
	font: 80%  Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#menu {list-style-type:none; background:#146bd4; padding:0px; margin:0px; width:175px; z-index:100;}

#menu .menu-bottom {
	position: relative;
	right: 0px;
	bottom: 0px;
	display: block;
}
#menu ul {list-style-type:none; padding:0; margin:0; width:175px;}
#menu li {float:left; background:#146bd4; position:relative; border-top:1px solid #006699;}

#menu li.sub {background:#146bd4;}

#menu li, #menu li a {
	display:block;
	color:#FFFFFF;
	font-family:  arial, sans-serif;
	font-size:13px;
	line-height:24px;
	width:175px;
	text-decoration:none;
	cursor:pointer;
	font-weight:normal;
	text-indent: 5px;
}

#menu li ul li, #menu li ul li a {
	font-weight: normal;
	font-size: 13px;
	color: #CCCCCC;
	text-indent: 10px;
}
#menu li ul li a:hover {
	font-weight: normal;
	font-size: 13px;
	color: #999999;
	text-indent: 10px;
}

#menu li ul li ul li, #menu li ul li ul li a {
	font-weight: normal;
	width:175px;
	color: #FFFFFF;
	margin-left: 0px;
	text-indent: 0px;
}

#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#FFFFFF; z-index:500;}
#menu li.click {color:#FFFFFF;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:169px; top:-1px; border:1px solid #146bd4; border-width:0 1px 1px; width:175px;}

#menu li.click ul li.fly {background: #146bd4 no-repeat top right;}
#menu li.click ul li.hover {background:#146bd4; width:175px;}

#menu li.click ul li.hover ul li {background:#71b4f8; width:175px;}
#menu li.click ul li.hover ul li.hover ul li {background:#71b4f8; z-index:500; width:175px;}

#menu li.click ul li.hover ul li.fly {background: #146bd4 no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#146bd4;}
#menu li.click ul li.hover ul li.hover a {color:#FFFFFF; margin-left: 0px; text-indent: 0px;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#146bd4;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#FFFFFF; margin-left: 0px; text-indent: 0px;}

.oneColFixCtr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	position: relative;
	float: right;
	width: 590px;
	right: 0px;
	top: 0px;
	color: #333333;
}
.oneColFixCtr #mainContent h2 {
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.oneColFixCtr #mainContent h1 {
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.oneColFixCtr #mainContent h3 {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}
.oneColFixCtr #mainContent p {
	color: #333333;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 170%;
}

.oneColFixCtr #mainContent .productnav {
	color: #006699;
	margin-bottom: 10px;
	font-size: 10px;	
}

a img {border-style: none;}

.oneColFixCtr #mainContent .centerimage {
	text-align:center;
	margin-left: 10px;
	border: none;
}
.oneColFixCtr #mainContent .mainimage p {
	text-align:	center;
	font-size: 10px;
	border: none;
}
.oneColFixCtr #mainContent .borderimage {
	float: right;
	margin-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.oneColFixCtr #mainContent .leftimage {
	float: left;
	margin-right: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.oneColFixCtr #mainContent .leftimage p {
	text-align:	center;
	font-size: 10px;
}
.oneColFixCtr #mainContent .rightimage {
	float: right;
	margin-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.oneColFixCtr #mainContent .rightimage p {
	text-align:	center;
	font-size: 10px;
}
.oneColFixCtr #mainContent .boxedText {
	float: right;
	width: 55%;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 5px;	
}

.oneColFixCtr #mainContent p img {
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.oneColFixCtr #mainContent a, .oneColFixCtr #mainContent a:visited, .oneColFixCtr #mainContent a:hover {
	text-decoration: none;
	color: #006699;
}
.oneColFixCtr #mainContent ul {
	padding-left: 15px;
	font-size: 12px;
}
.oneColFixCtr #mainContent ul li {
	margin-left: 40px;
	line-height: 200%;
}
.oneColFixCtr #mainContent ol {
	padding-left: 15px;
	font-size: 12px;
}
.oneColFixCtr #mainContent ol li {
	margin-left: 40px;
	line-height: 200%;
}
.oneColFixCtr #mainContent dl {
	font-size: 12px;
}
.oneColFixCtr #mainContent dl dt {
	font-weight: bold;
}
.oneColFixCtr #mainContent dl dd {
	text-indent: 50px;
}
.oneColFixCtr #mainContent table {
	font-size: 10px;
	border-collapse: collapse;
	border: 1px solid black;
	border-width:thin;
	padding: 7px;
	spacing: 0px;
}
.oneColFixCtr #mainContent .table_noBorder {
	font-size: 12px;
	border-style:none;
	border-collapse:collapse;
	border:none;
	padding: 7px;
	spacing: 0px;
}
.oneColFixCtr #mainContent .table_noBorder, tr, th, td {
	border: none;
	outline:none;
}
.oneColFixCtr #mainContent table, th, td {
	border: 1px solid black
}
.oneColFixCtr #mainContent table, th, td {
	padding: 5px;
}

.oneColFixCtr #mainContent table.gridlines {
	border: 1px solid #006699;
	font-size: 10px;
	padding: 7px;
	spacing: 0px;
}
.oneColFixCtr #mainContent table.gridlines th {
	padding: 4px;
	background-color: #006699;
	color: #FFFFFF;
	font-style: normal;
	text-align: left;
}
.oneColFixCtr #mainContent table.gridlines th a, .oneColFixCtr #mainContent table.gridlines th a:visited, .oneColFixCtr #mainContent table.gridlines th a:hover {
	color: #FFFFFF;
}
.oneColFixCtr #mainContent table.gridlines th+th {
	border-left: 1px dashed #FFFFFF;
}
.oneColFixCtr #mainContent table.gridlines td {
	padding: 4px;
}
.oneColFixCtr #mainContent table.gridlines td+td {
	border-left: 1px dashed #006699;
}
.oneColFixCtr #mainContent table.gridlines tr.even {
	background-color: #DDDDDD;
}
.oneColFixCtr #mainContent table.gridlines tr.odd {
	background-color: #FFFFFF;
}
.oneColFixCtr #mainContent table img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.oneColFixCtr #bottombanner {
	position: relative;
	float: right;
	width: 580px;
	right: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	background: #DDDDDD;
	display: block;
	margin-left: 0px;
	overflow: visible;
}
.oneColFixCtr #bottombanner .topleftcorner {
	position: absolute;
	left: 0px;
	top: 0px;
}
.oneColFixCtr #bottombanner ul {
	padding-top: 5px;
	padding-bottom: 5px;
}
.oneColFixCtr #bottombanner p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 8px;
	font-weight: lighter;
	color: #000000;
}
.oneColFixCtr #bottombanner li {
	padding-bottom: 5px;
	padding-left: 0px;
	margin-left: 15px;
	list-style-position: outside;
	list-style-type: disc;
	font-size: 8px;
	font-weight: lighter;
}
.oneColFixCtr #bottombanner a, .oneColFixCtr #bottombanner a:hover, .oneColFixCtr #bottombanner a:visited {
	color: #000000;
	text-decoration: none;	
}


.oneColFixCtr #smallprint {
	position: relative;
	float: right;
	width: 580px;
	right: 0px;
	top: 20px;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	display: block;
	margin-left: 0px;
	overflow: visible;
	color: #006699;
}
.oneColFixCtr #smallprint a, .oneColFixCtr #smallprint a:visited, .oneColFixCtr #smallprint a:hover {
	color: #006699;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
.oneColFixCtr #smallprint .copyright {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
}
.oneColFixCtr #smallprint .nav {
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
}
.oneColFixCtr #mainContent #sitemap ul li{
	line-height:normal
}
.oneColFixCtr #masthead {
	background: #FFFFFF;
	text-align: center;
	visibility: visible;
	position: relative;
	top: 0px;
	width: 780px;
	height: 113px;
	margin-bottom: 0px;
}
.oneColFixCtr #masthead .branding {
	position: absolute;
	right: 20px;
	top: 10px;
}
.oneColFixCtr #masthead .languageselector {
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	left: 15px;
	top: 10px;
}
.oneColFixCtr #masthead .languageselector a, .oneColFixCtr #masthead .languageselector a:visited, .oneColFixCtr #masthead .languageselector a:hover {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

.oneColFixCtr #masthead p {
	position: absolute;
	left: 20px;
	bottom: 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
}
.oneColFixCtr #masthead a, .oneColFixCtr #masthead a:visited, .oneColFixCtr #masthead a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.oneColFixCtr #navbar {
	background-image:url(images/grey_bar_down.jpg);

	text-align: center;
	visibility: visible;
	position: relative;
	top: 0px;
	height: 20px;
	width: 780px;
	margin-bottom: 10px;
}
.oneColFixCtr #navbar p {
	position: absolute;
	left: 3px;
	text-align: center;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}
.oneColFixCtr #navbar a, .oneColFixCtr #navbar a:visited, .oneColFixCtr #navbar a:hover {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
.oneColFixCtr #leftbox {
	float:left;
	width:175px;
	margin-right:-10px;
	text-align:left;
	visibility: visible;
}

.topmenu {width:780px; height:32px; position:relative; z-index:100;border-right:1px solid #87c2f5; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .topmenu {width:780px; w\idth:780px;}
/* remove all the bullets, borders and padding from the default list styling */
.topmenu ul {padding:0;margin:0;list-style-type:none;}
.topmenu ul ul {width:110px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.topmenu li {float:left;width:110px;position:relative;}
/* style the links for the top level */
.topmenu a, .topmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:110px; height:30px; border:1px solid #585752; border-left-width:1px; border-right-width:1px ; background-image:url(images/grey_bar_down_deep.jpg);  padding-left:8px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .topmenu a, * html .topmenu a:visited {width:110px; w\idth:110px;}
/* style the first level background */
.topmenu ul a.drop, .topmenu ul a.drop:visited {background:#71b4f8; 110px center;}
/* style the second level background */
.topmenu ul ul a.drop, .topmenu ul ul a.drop:visited {background:#71b4f8; 110px center;}
/* style the second level hover */
.topmenu ul ul a.drop:hover{background:#71b4f8; 110px center;}
.topmenu ul ul :hover > a.drop {background:#71b4f8; 110px center;}
/* style the third level background */
.topmenu ul ul ul a, .menu ul ul ul a:visited {background:#71b4f8;}
/* style the third level hover */
.topmenu ul ul ul a:hover {background:#71b4f8;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.topmenu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; width:110px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .topmenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.topmenu ul ul ul{left:110px; top:-1px; width:110px;}

/* position the third level flyout menu for a left flyout */
.topmenu ul ul ul.left {left:-110px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.topmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.topmenu ul ul a, .topmenu ul ul a:visited {background:#71b4f8; color:#fff; height:auto; line-height:1em; padding:5px 5px; width:110px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .topmenu ul ul a, * html .topmenu ul ul a:visited {width:110px;w\idth:110px;}

/* style the top level hover */
.topmenu a:hover, .topmenu ul ul a:hover{color:#fff; background:#71b4f8;}
.topmenu :hover > a, .topmenu ul ul :hover > a {color:#fff; background:#71b4f8;}

/* make the second level visible when hover on first level list OR link */
.topmenu ul li:hover ul,
.topmenu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.topmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.topmenu ul :hover ul :hover ul{ visibility:visible;}



/**
*	Really Simple™ Slideshow -- CSS
*/

.rs-slideshow {
	border: 12px solid #444;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	height: 389px;
	margin: 24px auto;
	overflow: hidden;
	position: relative;
	width: 570px;
}

.rs-slideshow .slide-container {
	background-color: #444;
	position: absolute;
	height: 100%;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
}

.rs-slideshow .slide-container img {
	position: relative;
}

.rs-slideshow .slide-container .slide-caption {
	background-color: #000;
	bottom: 0;
	color: #fff;
	display: block;
	left: 0;
	padding: 6px 12px;
	position: absolute;
	text-align: center;
	right: 0;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}

.rs-slideshow .slides {
	display: none;
}

.rs-slideshow .slide-container img,
.rs-slideshow .slide-container .slide-caption,
.rs-slideshow .slide-container a {
	filter: inherit;
}


/**
*	These styles make the list of links to slide images visible to users
*	who don't have JavaScript enabled. By adding the 'no-js' class to 
*	the HTML element, and using Modernizr to remove this class for JS
*	users, we can style for both scenarios.
*	http://www.modernizr.com/
*/

.no-js .rs-slideshow {
	height: auto;
}
.no-js .rs-slideshow .slide-container, 
.no-js .rs-slideshow .slide-container img {
	position: relative;
}
.no-js .rs-slideshow .slides {
	display: block;
	margin: 24px 48px;
}
.no-js .rs-slideshow .slides li {
	margin: 0;
}



/**
*	The following styles are used in the demos with slideshow controls, 
*	such as play/pause and prev/next buttons.
*/

.rs-controls {
	clear: both;
	margin: 12px auto;
	width: 570px;
}
.rs-play-pause, .rs-prev, .rs-next {
	float: left;
	margin-right: 12px;
}
.rs-controls ul {
	float: left;
	list-style: none;
	margin: 0 6px 0 0;
	padding: 0;
}
.rs-index-list li {
	float: left;
	margin-right: 6px;
}
.rs-controls a {
	background-color: #eee;
	border: 1px solid #ddd;
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;*/
	color: #444;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
}
.rs-controls a:hover {
	background-color: #ddd;
	color: #444;
}
.rs-controls .rs-active {
	background-color: #444;
	border: 1px solid #444;
	color: #eee;
}



#callback-messages,
#slide-class-message {
	margin: 48px auto;
	width: 620px;
}
.slide-container.some-custom-class .slide-caption {
	background-color: #890;
	font-size: 3em;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	top: 0;
	width: 28%;
}



/*	Clearfix	*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }