main.css (not correct order)

I changed the order of loading the CSS files.
It fixed problems with font-size and font-family, but I still see the styled <pre> tags.
!!! I ignored the CSS rules.
I put my main.css files with generic css statements at the end of including sequence!
The result of that is unpredictable if I start to navigate within my application.

<style type="text/css">
	@import "/dojo/dojo/resources/dojo.css";
	@import "/dojo/dijit/themes/tundra/tundra.css";
<link type="text/css" href="css/main.css" rel="stylesheet" />
Tab 1 content
Tab 2 content

@import "/dojo/dojo/resources/dojo.css";

body { 
	font: 12px Myriad,Helvetica,Tahoma,Arial,clean,sans-serif; 
	*font-size: 75%;
pre {dojo.css (line 74)
	border-width:1px 0;
pre, code {dojo.css (line 67)
	border:1px solid #CCCCCC;
	font-family:Courier,"Courier New";