.f1 {font-family:verdana;font-size:11px;font-weight:none;}
.f1 {font-family:verdana;font-size:11px;font-weight:none;}

/* Top Menu Link
------------------------------------------*/
.l1:link {background: none; text-decoration: none;color:#224176}
.l1:visited {background: none; text-decoration: none;color:#224176}
.l1:active {background: none; text-decoration: none;color:#224176}
.l1:hover {background: #none; text-decoration: underline;color:#657A9F}
.l1 {font-family:verdana;font-size:14px;font-weight:bold;}





/* ================================================================================================================
CSS TIPS - HELP AND QUICK REFERENCE - Compatible with most browsers (TESTED) IN CLEAR RETARDED LANGUAGE.
================================================================================================================ */
/*

################ CLASS AND ID DECLARATIONS
################################################################################
.someclass{}; <- this makes a class.
#someid{}; <- this makes an id.

################ CLASS AND ID SELECTIONS
################################################################################
dont remember have a look and complete this

################ GENERAL HELP
################################################################################
If you entered a class, to an element but want to add on style for only that section, you can put a style tag but it must be after the class tag.


################ FONT PROPERTIES
################################################################################
font-family: arial, tahoma, verdana, trebuchet ms
font-weight: none, bold
font-size: 20px;
letter-spacing: 2px;
word-spacing: 2px;
color:#FFFFFF
padding:5px;
margin:5px;

################ DIV PROPERTIES
################################################################################

background-image:url('http://www.savetube.com/image.gif');
display:none; <- this will hide everything in the div.
line-height:105% <- changes the line height

border-style:solid;
border-color:#000000
border-top-width:0px;
border-bottom-width:0px;
border-right-width:0px;
border-left-width:0px;
or border:#40404 1px 2 px 1px 3px


################ TABLE, TABLE ROW, TABLE DIVISION PROPERTIES
################################################################################
NEVER PUT ANY STYLING IN THE TR, only TABLE OR TD

Table | Table Row | Table Division

<td align="bottom">


################ INPUT PROPERTIES
################################################################################
style="overflow:hidden;resize: none;" <- makes the onclick overflow dissapear and disables inbrowser resize.

################ IMAGE PROPERTIES
################################################################################
style="vertical-align:text-bottom;" <- this will align the image perfectly near the text, if its a small text icon.
style="vertical-align:baseline;"
style="vertical-align:sub;" <-- works pretty well !
style="vertical-align:super;"
style="vertical-align:top;"
style="vertical-align:text-top;"
style="vertical-align:middle;"
style="vertical-align:bottom;"
style="vertical-align:text-bottom;"
style="vertical-align:inhert;"

Aligning an image in the middle with CSS the right way: <div style="text-align:center;"> IMG HERE </div>

################ LIST PROPERTIES PROPERTIES
################################################################################

################ HEADER PROPERTIES
################################################################################

################ SEPARATOR PROPERTIES ( Horizontal Lines )
################################################################################

################ ANCHOR TEMPLATES
################################################################################

################ HOVER OVER IMAGE AND CHANGE TEMPLATES
################################################################################

################ CSS TECHNIQUES
################################################################################

Aligning a table in the middle.
Aligning an image in the middle
Aligning text in the middle
Aligning an image to the center
Aligning text to the center.
Making dissapear on click.
Making apear and dissapear on click.


Having a special icon.
<link rel="icon" href="http://www.facetube.org/favicon.ico" type="image/x-icon">