/* the css below has undesirable effects in N4 */

p, li, td, th{
	font: 12px /1.5 verdana;
	}

li {
	margin-bottom: 8px;
	}

.mini, sup {
	font: 9px /1.5 verdana;
	}
	
form, form p {
	margin: 0px;
	}

input.inbox {
	font: 11px verdana, sans-serif;
	border: 1px solid #000;
	background-color: #F6F7F5;
	}

textarea {
	font: 11px verdana, sans-serif;
	border: 1px solid #000;
	background: #F6F7F5;
	} 

.button {
	font: bold 11px/35px verdana, sans-serif;
	border: 1px solid #000;
	background-color: #f60;
	color: #fff;
	cursor: pointer;
}

.button:hover
{
	background:#427774;
}
	

/* ----------------------------------------------------------------------------------- */


body {
	margin: 0px 0px 0px 0px;	/* n6.01win-mac won't recognize top margin for middle box, so it goes here */
	padding: 0px 0px 0px 0px;
	}

#top {
	border-bottom: 1px solid black;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background:#427774 url('/images/stripe.png') no-repeat 140px 86px;
	}
div#top img {
	display: block;
	}

div#dod {
	margin-top: 66px;
	white-space: nowrap;
	}

table.featuretable {
	border: 0px solid #eee;
	background-color: #F4F5F7;
	}

table.featuretable td, div#left p, {
	vertical-align: top;
	color: #036;
	font: 11px /1.5 verdana;
	}

table.featuretable th {
	text-align: left;
	color: #427774;
	font: bold 11px /1.5 verdana;
	}
/* ----------------------------------------------------------------------------------- */


#left {
	position: absolute;
	top: 150px;
	left: 1%;
	margin: 0px;
	padding: 0px 1%;
	border: 0px solid #f00;
	width: 23%; 
	}
	
#center {
	margin: 5% 23% 10% 26%; 	/* n6.01win n6mac won't recognize top margin for middle box, so it goes in body */
	padding: 0px 3%;
	border: 0px solid #00f;
	}
	
#right {
	position: absolute;
	top: 240px;
	right: 0px; 			/* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 0px 1% 0px 0px;
	padding: 1% 1%;
	border: 1px solid #666;
	background-color: #F4F5F7;
	width: 20%; 
	}
	

/* ----------------------------------------------------------------------------------- */

#print {
	display: none;
	}


#guide {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 770px;
	height: 434px;
	border: 1px dashed #eee;
	}

#left table {
	clear: left;	/* Mozilla Issue */
	}
/* ----------------------------------------------------------------------------------- */



ul#navigation {
	list-style: none;
	position: absolute;
	z-index: 3;
	top: 100px;
	right: 0px;
	height: 24px;
	width: 70%;
	padding: 4px;
	margin: 0px 10px 5px auto;
	vertical-align: middle;
	}

ul#navigation li {
	display: inline;
	}

ul#navigation li a.tab {
	border: 1px solid #000;
	padding: 4px 12px;
	font: bold 12px /1 arial, sans-serif;
	background-color: #c9e6dd;
	margin: 0px 2px 0px 2px ;
	}

ul#navigation li a.this {
	border-bottom: 1px solid white;
	background-color: #fff;
	}


ul#othernav {
	position: absolute;
	z-index: 2;
	right: 0px;
	top: 0px;
	margin: 10px;
	padding: 0px;
	border: 0px solid yellow;
	}

ul#othernav li {
	font: 11px /1.5 verdana;
	text-align: center;
	display: inline;
	margin: 0px;
	width: 100px;
	padding: 0px 10px;
	border-left: 1px solid #000;
	}

ul#othernav li.first {
	border-left: 0;
	}

#subnav {
	margin: 20px 10px 5px auto;
	padding-top: 10px;
	width: 72%;
	border: 0px solid #777;
	white-space: nowrap;
	}
	
/* Alex's image replacement class */
#home {
	position: absolute;
	display: block;
	top:15px;
	left: 1%;
	height: 40px;
	width: 120px;
	cursor: pointer;
	z-index: 1
	
}
h1#logo{
   /*Size of the image*/
	padding-top: 125px;
	width: 240px;
	margin: 0 0 0 2%;

   /*The image*/
   background-image: url(/images/logo.png);
   background-repeat: no-repeat;

   /*Hide the text*/
   overflow: hidden;
   /* WIN IE5 hack */
   height: 80px;

   voice-family: "\"}\""; 
   voice-family:inherit;
   height: 0; 
	
}

#demo-button
{  
	display: block;
	border: 2px solid #427774;
	background:#a1c2af url(/images/btn_gradient.png) repeat-x top left;
	height:63px;
	text-align:center;
	margin-bottom:25px;
}

#demo-button img 
{
	border:none;
}