title: css not displaying when files are moved
body: <p>I'm sure there is something ridiculously simple here that I am missing but I just cant see it.  I have a number of template pages which are currently in the root folder of my project, as are 2 of my CSS sheets.  I have more contained in a "CSS" folder.  I want to take the the template pages (call them home.aspx and dashboard.aspx) and put them in a folder called "Template_Design_Pages".  I am happy to keep the CSS pages in the root directory, or move them.  When I move my template pages to the folder the CSS is lost.  I have tried updating the href's on the pages I have moved to no effect.  Say the href is href="css/Reset.css"  - i have tried changing to:</p>
  
  <pre><code>href="/css/Reset.css"
  href="~/css/Reset.css"
  href="Orion_Admin/css/Reset.css"  NB Orion_Admin is root.
  </code></pre>
  
  <p>I have seen this mentioned 
      href="&lt;%=ResolveUrl("~/css/reset.css.css") %>" 
  but it does not work either and I am not sure what it does.  I'm pretty new to all this.  The project is ASP.VB btw.  The following is the code which seems to be causing the trouble, although none of my images are showing up either.  I presume that it is all tied into the one issue though:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/text.css" media="screen" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/grid.css" media="screen" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="layout.css" media="screen" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="nav.css" media="screen" /&gt;
  &lt;!--[if IE 6]&gt;&lt;link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /&gt;&lt;![endif]--&gt;
  &lt;!--[if IE 7]&gt;&lt;link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /&gt;&lt;![endif]--&gt;
  &lt;!-- BEGIN: load jquery --&gt;
  &lt;script src="js/jquery-1.6.4.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery-ui/jquery.ui.core.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-ui/jquery.ui.widget.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-ui/jquery.ui.accordion.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-ui/jquery.effects.core.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-ui/jquery.effects.slide.min.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>