/* Generic */
body {background-color:#5AA2CE; margin:0px; text-align:center; padding:12px; background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-position:top left;}
body.nbw {padding:0; margin:0; text-align:left;}

/* Layout & Spacing */
#wrapper {width:800px; padding:0; margin:0 auto;}
#pageframe {
	float:left;
	width:788px;
	padding:0 0 5px 12px;
	text-align:left;
	background-color:#FFFFFF;
	color: #CC0000;
}
/* IE5-5.5/ fix */
#pageframe {padding-right:10px; padd\ing-right:0px;}
html>body #pageframe {padding-right:0px;}

.wellbox {padding:0; border:0; width:756px; float:inherit;}
.wellframe {margin:0; padding:0; border:1px solid #cccccc; background-color:#FFF;}
#contentwell {
	clear:right;
	float:right;
	border-left:1px solid #cccccc;
	margin:0;
	padding:10px 15px;
	width:700px;
	color: #CC0000;
	text-decoration: none;
}

.home-promo-header {padding:75px 0 0 0;}
/* IE5-5.5/ fix */
.home-promo-header {margin:60px 0 0 10px; ma\rgin:0;}
html>body .home-promo-header {margin:0;}

.frame-top {float:left; width:100%; background-color:#FFF; font-size:1px; height:14px;}
.frame-btm {float:left; width:100%; background-color:#FFF; font-size:1px; height:14px; margin-bottom:10px;}
.corner-top-left {float:left; width:14px; height:14px; background-image:url(../images/cnrs-frame.gif); background-position:top left; background-repeat:no-repeat;}
.corner-top-right {float:right; width:14px; height:14px; background-image:url(../images/cnrs-frame.gif); background-position:top right; background-repeat:no-repeat;}
.corner-btm-left {float:left; width:14px; height:14px; background-image:url(../images/cnrs-frame.gif); background-position:bottom left; background-repeat:no-repeat;}
.corner-btm-right {float:right; width:14px; height:14px; background-image:url(../images/cnrs-frame.gif); background-position:bottom right; background-repeat:no-repeat;}

#legal {width:780px; margin:0 auto;}
#legal .well {float:left; width:100%; clear:both; background-color:#FFF;}
#legal .nav {float:left; padding-left:10px; font-family:Arial, Helvetica; font-size:12px; font-weight:normal; color:#6699CC;}
#legal .text {float:right; padding-right:15px; font-family:Arial, Helvetica; font-size:12px; font-weight:normal; color:#999999;}
#legal a {padding:0 7px; text-decoration:none;}
#legal a:hover {text-decoration:underline;}

/* Navigation */
#top-nav {float:left; width:782px; margin:0; padding:0; list-style:none; font-size:.7em; font-family:Arial, Helvetica; color:#666666; 
font-weight:bold; background-color:#42991B; background-image:url(../images/nav-bg.gif); background-repeat:no-repeat; background-position:top right;}
#top-nav li {float:left; margin:0; padding:0; list-style:none; width:auto;}
#top-nav a {float:left; height:20px; white-space:nowrap; padding:7px 7px 3px 7px; text-decoration:none; border-right:1px solid #65A93C; border-left:1px solid #8BCD65; color:#FFF;}
/* IE5-5.5/ fix */
#top-nav a {height:30px; he\ight:20px;}
html>body #top-nav a {height:20px;}
#top-nav a.first {background-image:url(../images/nav-sides.gif); background-position:top left; border-left:none; padding-left:22px;}
#top-nav a.last {border-right:none; padding-right:22px;}
#top-nav a:hover {color:#FFF; background-color:#5EBE31; background-image:url(../images/nav-bg-act.gif);}
#top-nav a.first:hover  {background-image:url(../images/nav-sides-act.gif); background-position:top left; border-left:none;}
#top-nav a.last:hover  {background-image:url(../images/nav-sides-act.gif); background-position:top right; border-right:none;}
#top-nav a.active {color:#FFF; background-color:#5EBE31; background-image:url(../images/nav-bg-act.gif); border-right:1px solid #999999;}
#top-nav a.first-active {background-image:url(../images/nav-sides-act.gif); background-position:top left; border-left:none; border-right:1px solid #999999;}
#top-nav a.last-active  {background-image:url(../images/nav-sides-act.gif); background-position:top right; border-right:none;}
html>body #top-nav .home {width:53px; padding-right:0;}
html>body #top-nav .about {width:72px; padding-right:0;}
html>body #top-nav .products {width:142px; padding-right:0;}
html>body #top-nav .educate {width:67px; padding-right:0;}
html>body #top-nav .demos {width:59px; padding-right:0;}
html>body #top-nav .help {width:146px; padding-right:0;}
html>body #top-nav .contact {width:89px; padding-right:0;}


#left-nav {float:left; padding:5px 10px 10px 10px; width:125px;}
#sub-nav {float:left; width:145px; padding:0; margin:0; font-size:.78em; font-family:Arial, Helvetica; list-style:none;}
#sub-nav li {padding:8px 5px 5px 20px; margin:0; border-bottom:1px dotted #CCCCCC; color:#CC0000;}
/* IE5-5.5/ fix */
#sub-nav li {padding:8px 5px 5px 2px; padd\ing:8px 5px 5px 20px;}
html>body #sub-nav li {padding:8px 5px 5px 20px;}

#sub-nav a {text-decoration:none; color:#666666;}
#sub-nav a:hover {color:#339933; text-decoration:underline;}

/* Links */
a:link {color:#3366CC;}
a:hover {color:#339933; text-decoration:underline;}
a:visited {color:#33CC33;}

/* Fonts */
h1 {width:758px; height:42px; margin:0 0 22px 0; padding:0; background-image:url(../images/header-bg.gif); background-position:top right; background-repeat:no-repeat;}
h2 {margin:0 0 15px 0; padding:0; font-family:Arial, Helvetica; font-size:18px; font-weight:bold; color:#336699;}
p {margin:0 0 15px 0; padding:0; font-family:Arial, Helvetica; font-size:12px; font-weight:normal; color:#000000;}

/* Helpers */
.center {margin-left:auto; margin-right:auto;}
.goright {float:right;}
.goleft {float:left;}
.clearall {clear:both;}

.addmarginleft5 {margin-left:5px;}
.addmarginleft10 {margin-left:10px;}
.addmarginbottom10 {margin-bottom:10px;}
.home-promo-margin {margin-left:12px;}

.killspacetop {margin-top:0; padding-top:0;}
.killspacebottom {margin-bottom:0; padding-bottom:0;}
.killspaceleft {margin-left:0; padding-left:0;}
.killspaceright {margin-right:0; padding-right:0;}


/* Round-cornered boxes */
/* position this div however you want, but  keep its padding and border at zero */
.promoBox {padding:0; border:0; margin-bottom:10px;}

/* To get around a known bug in IE5/win, apply the border (no margin, padding or positioning) to the
promoWell class and apply whatever positioning you want to the promoBox class. */
.promoWell {margin:0;	padding:0; border:1px solid #cccccc;	background-color:#FFF;}

.promoContent {margin:5; padding:0;}
.promoContent p {padding:10px; margin:0;}
p.promo-more {margin:0; padding-top:0px;}
a.more {text-decoration:none;}
.promoSpacer {margin:0; padding:0; border:0; clear:both; font-size:1px; line-height:1px;}

/* In the CSS below, the numbers used are the following:
1px: the width of the border
3px: a fudge factor needed for IE5/win (see below)
4px: the width of the border (1px) plus the 3px IE5/win fudge factor
10px: the width or height of the border image */
.borderTL, .borderTR, .borderBL, .borderBR {width:10px; height:10px; padding:0; border:0; z-index:99;}
.borderTL, .borderBL {float:left; clear:both; }
.borderTR, .borderBR {float:right; clear:right; }
.borderTL { margin:-1px 0px 0px -1px; }
.borderTR { margin:-1px -1px 0px 0px; }
.borderBL { margin:-10px 0px 0px 0px; }
.borderBR { margin:-10px 0px 0px 0px; }

/* IE5-5.5/ fix */
.borderTL {margin-left:-4px; ma\rgin-left:-1px;}
html>body .borderTL {margin-left:-1px;}
.borderTR {margin-right:-4px; ma\rgin-right:-1px;}
html>body .borderTR {margin-right:-1px;}
.borderBL {margin-left:-3px; ma\rgin-left:0px;}
html>body .borderBL {margin-left:0px;}
.borderBR {margin-right:-3px; ma\rgin-right:0px;}
html>body .borderBR {margin-right:0px;}