/***********************************************************
  
  ionasoftware.com main style sheet

***********************************************************/
body{
	font-family: "ms trebuchet",arial,sans-serif;
	font-size: 90%;
	color: #333333;			  /*  333333/333 = dark gray */
	background: #336666;  /* background of all but 'content' area  f8f8f8 = white  */
	padding: 0;
	margin: 0;
}


/*      */
#content{
/*	background:url(/iona/images/blend.png) repeat-y #cccccc;  /* repeat the image down the page in y  background of main area = f8f8f8 = white  */
	background-color: #cccccc;  /* cccccc = gray  */
	color: #336666;
	font-size: 100%;
	margin: 0 0 0 14em;  /*  content starts Xem from left edge  */
	padding: 1em 2em; 
	}

/*      */


#pagecounter{
	background-color: #cccccc;  /* cccccc = gray  */
	text-align: center;
	font-size: 70%;
	color: #336666;
	margin: 0 0 0 20.1em;  /*  content starts Xem from left edge  */
	padding: 1em 2em; 
	}

#copyright{
	background-color: #cccccc;  /* cccccc = gray  */
	text-align: left;
	font-size: 70%;
	color: #336666;
	margin: 0 0 0 20.1em;  /*  content starts Xem from left edge  */
	padding: 1em 2em; 
	}

h1{
	font-family: "ms trebuchet",arial,sans-serif;
	color: #336666;  /*  696/669966 = dk lime 2: 669/666699 = dk blue 2  */
	font-size: 175%;
}

h2{
	font-family: "ms trebuchet",arial,sans-serif;
	color: #336666;  /*  9c9/99cc99=dk lime 3: 26e/2266ee=dk blue 3  */
	font-size: 150%;
}

h3{
	font-family: "ms trebuchet",arial,sans-serif;
	color: #336666;  /*  9c9/99cc99=dk lime 3: 26e/2266ee=dk blue 3  */
	font-size: 125%;
}

h4{
	font-family: "ms trebuchet",arial,sans-serif;
	color: #336666;  /*  9c9/99cc99=dk lime 3: 26e/2266ee=dk blue 3  */
	font-size: 100%;
}

a:link{
	color:#001666;  /*  036 = dark blue link  */
}

a:visited{
	color:#800000;  /*  369 = lt blue visited link  */
}

a:active{
	color:#333333;  /*  333333 = dark gray  */
}

a:hover{
	color: #000000;  /*  000 = black */
	background-color: #F5F5F5;  /*  link background when hover */
}



/************************************************************************/
/*																		*/
/*		everything below this notice relates to the dynamic menu		*/
/*		css and should only be changed if menu.js is also changed		*/
/*																		*/
/************************************************************************/

/*  hidden child menu item  */
.hiddenChild{
	left: -999em;  /*  how far from left edge of main menu to hide child (-999 means off screen to left) */
}

/*  visible child menu item  */
.shownChild{
	left:11em;  /*  how far from left edge of main menu to show child menu items  */
	top:0;
}

/*  primary parent menu layout  */
ul#nav.dhtml{
	border:1px solid #336666;  /*  color_pb  */
	position:absolute;
	top:10em;  /*  distance from top border of screen to main menu */
	left:1em;  /*  distance from left border to main menu  */
}

/*  main menu matte and childless parent links */
ul#nav.dhtml,ul#nav.dhtml ul{
	background:#cccccc;  /*  color_p2  */
	margin:0;
	padding:.5em;  /*  matte width around main menu items */
	list-style-type:none;
	width:11em;  /*  width of main menu  */
}


/*  */
ul#nav.dhtml li{
	position: relative;  /*  main menu items are relative to each other in position  */
}

/*  primary child menu layout  */
/*  child links that are not hovered */
/*  same as main menu layout except 'ul' items  */
ul#nav.dhtml ul{
	position: absolute;
	border: 1px solid #336666;  /*  color_cb  */
	background: #cccccc;    /*  color_c0  */
	padding: 0.5em;  /*  matte width around child menu items  */
	width: 11em;  /*  width of child menu items */
	z-index: 10;  /*  no idea  */
}

/*  */
ul#nav.dhtml ul li{
	width: 11em;  /*  width of child menu item border boxes  */
}

/*  */
ul#nav.dhtml li.isParent{
	background: url(/iona/images/arrow.gif) 100% 50% no-repeat #cccccc;  /*  color_pc  */
}

/*  active parent menu item  */
ul#nav.dhtml li.isActive{
	background: url(/iona/images/arrow.gif) 100% 50% no-repeat #a0a0a0;  /*  color_p2h and when a child is hovered belonging to that parent  */
}

/*  active parent menu item border  */
ul#nav.dhtml li.isActive a{
	background: transparent;
	border: 1px inset #f4f4f4;  /*  color_p4h  */
}

/*  child links not hovered  */
ul#nav.dhtml li.isActive ul a{
	border: 1px solid #cccccc;   /*  color_c3  */
}


/*  child links hovered  */
ul#nav.dhtml li.isActive ul a:hover{
	border: 1px inset #f4f4f4;   /*  color_c4h  */
	background: #a0a0a0;  /*  color_c2h  */
}

/*  */
ul#nav.dhtml a{
	padding: 0px;  /*  lead padding of text on child menu item  */
}

/*  */
ul#nav.dhtml ul a{
	padding: 0px;  /*  lead padding of text on child menu item  */
}


/**************************************************************
	Menu styles when Javascript is disabled
**************************************************************/

ul#nav{
	font-family:Arial,Sans-Serif;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #666;	  /* #606060=dark gray  */
	background: #cf9;           /* #cf9 = lime */
	padding: 0.5em;
	width: 11em;
}
ul#nav li ul{
	background: #cf9;           /* #cf9 = lime */
	margin: 0;
	padding: 0;
}
ul#nav li{
	position: relative;
	margin: 0;
	width: 11em;
	padding: 0;
	list-style-type: none;
	background: transparent;
	color: #333;		  /* #303030  = */
	line-height: 150%;
}

/*  border around unselected nav links*/
ul#nav a{
	border: 1px solid #cccccc;           /*  color_p3, color_c3  */
	color: #336666;						/*  color_p1  */
	text-decoration: none;
	display: block;
}

/*  hover over childless parent  */
ul#nav a:hover{
	border: 1px inset #e1e1e1;           /*  color_p4h  */
	background: #a0a0a0;           /*  color_p2h  */
	color: #336666;           /*  color_p1h  */
}

/*  text  */
ul#nav li li a{
	padding-left: 1em;
	color: #336666;           /*  color_c1  */
	text-decoration: none;
	display: block;
}

/*  */
ul#nav li li a:hover{
	background: #a0a0a0;           /*  color_c2h  */
	color: #336666;  /*  color_c1h - never seen since submenus aren't shown without javascript  */
}