BODY
{
}
A
{
    COLOR: navy;
    TEXT-DECORATION: none
}
A:hover
{
    TEXT-DECORATION: underline
}
.small
{   
    COLOR: Gray; 
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: medium;	
}
.std
{
    COLOR: navy;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt
}
.heading
{
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.bigheading
{
    COLOR: #800000;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold
}
.tableRed
{
    BACKGROUND-COLOR: #ff0000;
    COLOR: #ffffff;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.medheading
{
    COLOR: navy;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}

.tagheading
{
    COLOR: #800000;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal
}



img.scaled { 
width : 100%; 
border : none 
} 

img.scaled1 { 
width : 75%; 
border : none 
} 

img.scaled2 { 
width : 50%; 
border : none 
} 

img.scaled3 { 
width : 25%; 
border : none 
} 

Then when you add images, code them like this: 
<img class="scaled3" src="blabidybla.gif"...etc.