Fun with CSS logo


  • link
  • link
  • link
  • link
  • Return to CSS

Text would go here... We have a vertical navigation bar appearing on the left side of the page in it's own division.

body { font-family: Arial, Helvetica, sans-serif; font-size: small; color: #990000; padding: 0; margin: 0; }
hr { color: #804040; height: 1px; }

a:link { color: #0066FF; text-decoration: underline; }
a:visited { color: #663366; text-decoration: underline; }
a:hover { color: #0033CC; text-decoration: none; }
a:active { color: #FF0000; text-decoration: underline; }

#wrapper { width: 100%; }
#header { width: 100%; }
#navbar { font-weight: bolder; background-color: #FFFFFF; color: #FFFFFF; font-size: medium; float: left; width: 150px; padding: 10px; }

#navbar li { list-style-type: none; border: thin;
border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none;
border-right-color: #844142; border-bottom-color: #844142; }
#navbar a {display: block; }
#navbar a:link { color: #CCCCCC; text-decoration: none; }
#navbar a:visited { color: #666666; text-decoration: none;}
#navbar a:hover { color: #FFFFFF; text-decoration: none; background-color: #804040; }
#navbar a:active { color: #FF0000; text-decoration: underline;}

#right { margin-left: 180px; }
#footer { clear: both; background-color: #804040; color: #CCCCCC; font-size: x-small; text-align: center; }

©2005, Your Name
Last Updated: Current Date