[TYPO3] Templavoila not showing the css.

[sandeep at netcontinuum.com]

HI,

   I am setting up a site with templavoila and a custom made html with css.
   The html and css are made by designer friend with photoshop and i
   dreamviewer.
   When I am trying to use  it with templavoila it does't show the correct
   visual display.I identified the problem as it is not taking the css.
   I tried "Adding parts from HTML header " option in the TO .But no luck
   But if I access the html file through firefox it shows the correct
display.
   I have css_styled_content extension installed and selected in the
template.
   I checked the html validation of the html and it is fine with out errors.


I tried another html with css and it worked fine.I also tried typo3 4.1.1
and typo3 4.0.6 .No difference .So the problem might be with templavoila
with this particular css file's  option.
   Can some one give points to troubleshoot this ?
   Is there any alternate option to add css to my website.
   You can have a look at my site www.fcoos.net


   Below is my CSS file :
-----------------------------------------------------------------------------
   /* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.alphaLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #0033CC;
	text-decoration:none;
}

.alphaLink:hover {
	text-decoration: underline;
}

.betaLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #0033CC;
	text-decoration:none;
}

.betaLink:hover {
	text-decoration: underline;
}
.deepGray_22_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #666666;
}

.white_navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
.white_navigation:hover {
	text-decoration: underline;
}

.qoute_gray_12 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

.author_gray_12 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	font-style:italic;
}.red_bold_10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
}
---------------------------------------------------------------------------
I can provide any more information if you want.

-Thanks
 Sandeep