/* ----applies to tags in general---- */

div.navigation a:link          { color: #27408B; 
			background-color: transparent;}
div.navigation a:visited       { color: #27408B;  
			background-color: transparent; }
div.navigation a:hover	    { color: #000000; 
			background-color: #99CCFF; 
			text-decoration:none;}
div.navigation a:active        { color: yellow; 
			background-color: #99CCFF; }

h1              { text-align: Center; }

/* ---below applies to navigation bar content and general background appearance --- */

 div.navigation  {background-image:transparent;
			width:175px;  
			background-repeat:no-repeat;
			background-color:transparent;
			color:black;
			height:100%;
			float:left; 
			padding-top:10em;
			padding-left:0em;
			padding-right:.5em;
			padding-bottom:0em;
			}
div.navigation {font-size:20px;
                 font-family:Arial, Helvetica, sans-serif}

div.navigation  b {color: #990000;
			 background-color:transparent;}

div.navigation small {font-size:12px;
				padding-left:1.5em;}

div.navigation a {/*display:block;*/
			padding-left:1.5em;} 

body			{background:url(images/atibackground1.jpg);
                background-repeat: no-repeat;
			    padding-left:.5em}

h1			{font-family: Arial, Helvetica, sans-serif ;
			color: #27408B;
			background-color:white;}

h3                                      { color: #333333;
                                           font: 22px Arial, Helvetica, sans-serif;
                                           font-weight: bold;
                                          padding-top:1em;}


/* ----below applies to content part of page---- */


div.content		{padding-left:20em;
				padding-right:5em;
			}

div.content		h2{line-height:100%;
			text-align:center;}

div.content		h4{line-height:100%;}

div.content		em{font-weight:bold;
				font-style:normal;}

div.content img 	{margin-top:.7em;
			margin-left:.7em;
			margin-right:.9em;
			margin-bottom:.7em;
			border:0px;
			}

div.content li    { line-height: 150%; 
			margin-left:0em;
			padding-left:0em;}
div.content td   {padding-left:.5em;
			padding-bottom:.5em;}



div#products 	a {display:block;
			}

/* ----below applies to nav hover features---- */

div.navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	background-color: transparent;
	}
	
div.navigation ul li {
	position: relative;
	background-color:transparent
	}
div.navigation li ul {
	position: relative;
	left: 20px;
	top: 0;
	display: none;
	font-size:16px;
	width: 160px;
	padding: 0px;
	background-color: transparent;
	}
div.navigation ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF ;
    background-color: transparent;;
	padding: 0;
	border: none;
	border-bottom: 0;

	}
div.navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	border-bottom: none;
	}

div.navigation li:hover ul, li.over ul{ display: block; }

a.ul:hover {color:#FFFF66;}


startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }

window.onload=startList;

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */