body           { margin: 0; padding: 0; color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
#h2            { color: #333; }
#a             { color: #337810; }
#p             { margin: 0 0 18px; }
#container     { width: 760px; margin: 0 auto; }

/* Header */
#header        { background: #eee; border-bottom: 2px solid #ddd; }
#header h1     { color: #004b6f; margin: 0 0 3px; padding: 24px 18px 0; }
#header p      { color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }

/* Content Style */
#container     { border: 0px solid #ccc; margin-bottom: 10px; }
#navigation    { border: 0px solid #ccc; margin-bottom: 10px; }
#navigation ul { padding: 0 18px 9px; }
#content       { border: 0px solid #ccc; margin-bottom: 18px; }
#content p     { padding-right: 18px; }
#piccy         { border: 0px solid #ccc; margin-bottom: 18px; }

/* Content Positioning & Size */
#navigation    { float: left;  width: 175px; }
#content       { float: right; width: 540px; }
#piccy         { float: left;  width: 175px; }
#m2            { width: 760px; clear: both; }
#footer        { width: 760px; background: #111; border-bottom: 2px solid #999; clear: both; }
#footer a      { color: #eee; }
#footer p      { color: #ccc; margin: 0; padding: 0 18px 10px; }
#footer ul     { border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
#footer li     { display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_two */

.menu2        {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif);
               position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li     {float:left;}
.menu2 li a   {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none;
               font-size:10px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center;
               padding:0 0 0 3px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 6px 0 4px;}
.menu2 li.current a         {color:#fff; background:url(button3.gif);}
.menu2 li.current a b       {background:url(button3.gif) no-repeat right top;}
.menu2 li a:hover           {color:#fff; background:#000 url(button4.gif);}
.menu2 li a:hover b         {background:url(button4.gif) no-repeat right top;}
.menu2 li.current a:hover   {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(button3.gif) no-repeat right top;}

<!--

content #articletext li {background: none; padding-left: 0;}

div#content #base li, div#content #zero li, div#content #one-em li, div#content #bullet li,
            div#content #bread-sample li
           { list-style-position: outside; list-style-type: disc; list-style-image: none; }

#base, #zero, #one-em, #bullet, #bullet-inside, #custom, #custom-gen { border: 1px solid #000; margin: 2em;
       width: 10em; padding: 5px; }

#button { width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 12px; background-color: #90bade; color: #333; }

#button ul { list-style: none; margin: 0; padding: 0; border: none; }

#button li { border-bottom: 1px solid #90bade; margin: 0; list-style: none; list-style-image: none; }

#button li a { display: block; padding: 1px 5px 1px 0.5em; border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4; background-color: rgb(102,102,255); color: #fff;
	text-decoration: none; width: 100%; }

html>body #button li a { width: auto; }

#button li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0;
        background-color: #2586d7; color: #fff; }
-->

a:link { color: rgb(102,102,254); }
a:visited { color: rgb(202,132,255); }