@media screen, projection {

	.be-nice-to-Mac-IE5 {
		font-family: "\"}\"";
		font-family: inherit;
	}

	/* -- GENERAL REDECLARATIONS ----------------------------------------------------------------------------------------- */
	* 					{margin:0; padding:0;}
	body 				{text-align:center; color:#444;}
	body, input,
	select, textarea 	{font:normal .73em Verdana, "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", Helvetica, sans-serif; line-height: 150%;}
    tr, td              {font-size:1.0em;text-align:left;border-bottom:1px dotted #eee;padding-bottom:4px;vertical-align:top;}
    th                  {border-bottom:1px solid #aaa;}
    a:link,a:visited 	{color:#0066CC; text-decoration:underline;}
	a:hover 			{text-decoration:none;}
	ul, ol	 			{margin:0 0 10px 25px;}
	ul li ul            {margin-bottom:0px;}
	dl 					{margin:0 0 10px;}
	dt 					{font-weight:bold;}
	dd					{margin:0 0 3px 10px;}
	p 					{margin:0 0 15px;}
	h1 					{font-size:large;}
	h2 					{font-size:16px; margin:6px 0;}
	h2 a				{text-decoration:none !important;}
	h2 a:hover 			{}
	h3 					{font-size:small; margin:0px 0 5px;background:url(elements/bg_gradient.gif) repeat-x 0 0;padding:9px 0 3px;}
	h4 					{font-size:x-small; margin:4px 0 4px;}
	h5					{font-size:xx-small; margin:3px 0 3px;}
	h6 					{font-size:xx-small; margin:0;}
	hr 					{display:none;}
	img 				{border:none;}
	acronym				{border-bottom: 1px dotted;}
	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}
	code				{font: normal small "Courier New", Courier, mono; color: #333; background:#E8F1E8;}
	code:hover			{background: #fff;}

	/* -- CLASSES --------------------------------------------------------------------------------------------------------- */


	/* comments */

	/* -- ID'S ------------------------------------------------------------------------------------------------------------ */
	#outer 				{}
	#wrapper 			{width:770px; margin:0 auto; text-align:left;}
	#header 			{width:770px; height:123px;  position:relative;background:transparent url(elements/top.jpg) no-repeat 0 0; }
        * html #header  {height:123px;}
        *>html #header  {height:123px;}
    #top 			    {display:none;width:740px; height:120px; position:absolute; top:0px; left:15px;  }
	#top span 		    {display:none;}
	#hrhome 	  		{display:none;width:740px; height:100px; position:absolute; top:80px; left:15px; background:transparent url(elements/banner.jpg) no-repeat 0 0; border:1px solid #111;}
	#hrhome span 		{display:none;}
	#banner 			{display:none;width:180px; height:53px; position:absolute; top:20px; left:15px; background:transparent url(elements/ipeerx.jpg) no-repeat 0 0; }
	#banner span 		{display:none;}

    #tagline 			{display:none;width:210px;height:20px;position:absolute;top:79px;right:23px;background:transparent url(elements/tagline.gif) no-repeat 0 0;}
	#tagline span       {display:none;}

	/* --the navigation-- */
	#nav 				{position:absolute; top:101px; left:0; margin:0; background:transparent url(elements/bg_nav.gif) no-repeat 0 0; width:770px; height:22px; padding:0; list-style:none;}
	#nav li 			{display:inline; margin:0; padding:0;}
	/* nav placement */
/*
    #nav a				{position:absolute; top:0px; display:block; height:26px; padding:4px 0 0 0; color:#fff; text-decoration:none; font-size:1.1em; width:70px;text-align:center;font-weight:normal;}
    #hom a              {left:16px;}
    #abo a				{left:90px;}
	#fed a				{left:164px; width:85px;}
	#sol a				{left:253px; width:80px;}
	#con a				{left:332px;width:70px;border-right:none;}

    #home #hom a,
    #about #abo a,
    #federation #fed a,
    #solutions #sol a,
    #contact #con a,
    #nav a:hover        { height:25px; padding-bottom:0px; color:#111; font-weight:bold; background:#eee url(elements/bg_navHighLight.gif) repeat-x 0 0;}
*/

	#nav a				{position:absolute; top:0px; display:block; height:20px; padding:1px 0 0 0; color:#fff; text-decoration:none; font-size:1.1em; width:148px;text-align:center;font-weight:bold; }

    #hom a              {left:14px;}
    #abo a				{left:162px;}
	#fed a				{left:310px;}
	#sol a				{left:458px;}
	#con a				{left:606px;width:150px;}

    #home #hom a,
    #about #abo a,
    #federation #fed a,
    #solutions #sol a,
    #contact #con a,
    #nav a:hover        {background:#eee url(elements/bg_navHighLight.gif) repeat-x 0 0; height:20px; padding-bottom:0px; color:#000; font-weight:bold;}


	/* --the content block that is wrapped around the main content and side bar-- */
    #content 			{width:770px; float:left; display:inline; background:transparent url(elements/bg_content.gif) repeat-y 0 0; }

    /* --the main content area-- */
	#content-main 		{float:left; margin:0 5px 0 15px; width:500px !important; width /**/:540px; padding:10px 15px 0 10px; display:inline; border-right:1px dotted #ccc;text-align:justify;}
    #demo               {margin:0 0 0 20px;}
    #content-main ul li {padding-bottom:4px;}

	/* --the side menu-- */
	#content-side 		{float:right; margin:0px 15px 0 0; width:208px !important; width /**/:248px; padding:0px 0px 0 0; display:inline;}
	#content-side ul,
	#content-side p		{margin:10px 0 8px;}
	#content-side ul	{list-style:none;padding:0px 0 3px 0px; }
	#content-side ul li {border-bottom:1px solid #ccc;display:block;text-align:center;}
	#content-side ul li.last {border:1px solid #ccc;}
	#content-side ul li a {text-decoration:none;display:block;padding:2px 0 2px 2px;}
	#content-side ul li:hover,
	#content-side ul li.sel {background:url('elements/bg_gradient.gif') repeat-x 0 0;}
    #content-side ul li a:hover,
    #content-side ul li.sel a {text-decoration:none;font-weight:bold;}
    
    #content-side #join {padding-top:0px;}
    #content-side #join li { background:#fff;border:none;text-align:left;padding-right:5px;}
    #content-side #join li a {color:#0066CC;text-decoration:underline;display:inline;}

	/* side menu headings */
	#content-side h3 	{width:183px; height:15px; margin:0; padding:0 0 6px;}
	#content-side h3 a	{display:block; width:183px; height:53px; text-indent:-9000px; overflow:hidden; margin:0; padding:0 0 6px;}



	/* --the footer-- */
	#footer 			{clear:both; width: 740px !important; width /**/:770px; margin:0 0 0 0; padding:0px 0 0 26px; height:90px; background:transparent url(elements/bg_footer.gif) no-repeat bottom left; font-size:x-small;}
    /*#footerlinks        {text-align:center; height:80px;margin: 0 0 0 0px; padding:35px 0 0 1px; }
*/
    #footer ul          {list-style:none;font-size:.9em;margin: 10px 0 0 210px;}
    #footer ul li       {display:inline;padding:0 10px 0 10px;border-right:1px solid #ddd;}
    #footer ul li a     {text-decoration:none;}
    #footer ul li a:hover {text-decoration:underline;}
}