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.

body{font-family:Verdana;font-size:100%;}
#links{position:absolute;top:10px;right:20px;font-size:75%;}
<style type="text/css">
	@import "/dojo/dojo/resources/dojo.css";
	@import "/dojo/dijit/themes/tundra/tundra.css";
</style>
<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;
	padding:1.5em;
}
pre, code {dojo.css (line 67)
	background-color:#EFEFEF;
	border:1px solid #CCCCCC;
	font-family:Courier,"Courier New";
	font-size:115%;
}