[Erkanat]

Как можно подключить стили css что бы они работали на js, нашел код где меняется контент без перезагрузки страницы. Но не могу применить к нему css, весь контент выходит жутко не красивый.

Js:

function showContent(link) {

        var cont = document.getElementById('content');

        var loading = document.getElementById('loading');

        cont.innerHTML = loading.innerHTML;  

        var http = createRequestObject();

        if( http ) 

        { http.open('get', link);

            http.onreadystatechange = function () 

            {   if(http.readyState == 4) 

                {   cont.innerHTML = http.responseText;  }    }

            http.send(null);  }

        else 

        {  document.location = link;   }   }

    // ajax объект

    function createRequestObject() 

    {  try { return new XMLHttpRequest() }

        catch(e) 

        {  try { return new ActiveXObject('Msxml2.XMLHTTP') }

            catch(e) 

            {   try { return new ActiveXObject('Microsoft.XMLHTTP') }

                catch(e) { return null; }   } } }

css:

.dgp_content
{
	margin:15px;
	background-color: #000000;
	color:red;
	font-size:36px;
	font-family: century schoolbook;
	text-align: right;
	display: none;
	
}

html:

<nav class="dgp_list">
	   <ul>
	     <li><a href="#">Правительственные сайты</a>
		   <ul>
		     <li><a href="#" onclick="showContent('page1.html');">Кабинет налогоплательщика</a></li>
			 <li><a href="#" onclick="showContent('page2.html');">Комитет по статистике</a></li>
		   </ul>
		 </li>
</ul>
</nav>

две недели бьюсь над этим