*|* { margin:0pt; padding:0pt; <!DOCTYPE html> <html> <head> <title>Search Box Example 1</title> <meta name="ROBOTS" content="NOINDEX, NOFOLLOW" /> <!-- CSS styles for standard search box --> <style type="text/css"> #tfheader
 #tfnewsearch{ float:right; padding:20px; }
 .tftextinput{ margin: 0; padding: 5px 15px; font-family: Arial, Helvetica, sans-serif; font-size:14px; border:1px solid #0076a3; border-right:0px; border-top-left-radius: 5px 5px; border-bottom-left-radius: 5px 5px; }
 .tfbutton { margin: 0; padding: 5px 15px; font-family: Arial, Helvetica, sans-serif; font-size:14px; outline: none; cursor: pointer; text-align: center; text-decoration: none; color: #ffffff; border: solid 1px #0076a3; border-right:0px; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; }
 .tfbutton:hover { text-decoration: none; background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); }
 .tfbutton::-moz-focus-inner { border: 0; }
 .tfclear{ clear:both; }
 </style> </head> <body> <!-- HTML for SEARCH BAR --> <div id="tfheader"> <form id="tfnewsearch" method="get" action="http://www.google.com"> <input type="text" class="tftextinput" name="q" size="21" maxlength="120"><input type="submit" value="search" class="tfbutton"> </form> <div class="tfclear"></div> </div> </body> </html> }
 body { background: transparent url(theme/pattern2.png?1715615444) repeat-x center top; background-color:#cccccc; font-family:palatino,"times new roman",serif; font-size:14px; color:#333333; margin:0; padding:0; }
 div.paragraph { line-height:1.5; padding-bottom:12px; }
 p { line-height:1.5; padding-bottom:12px; }
 h1 { font-size:20px; font-weight:bold; color:#fff; line-height:1.5; }
 h2 { font-size:14px; font-weight:bold; color:#000000; line-height:1.5; }
 #wrapper { width:960px; margin:0pt auto; }
 #sitename { height:55px; width:960px; font-size:30px; color:#cccccc; font-weight:normal; padding-top:62px; text-align:right; font-style:italic; }
 #content-wrapper { float:left; width:960px; }
 #header-image { float:left; width:952px; height:221px; border:4px solid #000099; }
 #image { background:transparent url(theme/default_header.jpg?1715615444) no-repeat center top; width:952px; height:221px; }
 #contents-body { float:left; width:960px; padding:0 20px 10px 15px; }
 #navigation { background:transparent url(theme/colortone.png?1715615444) repeat-x center top; float:left; background-color:#1f5598; width:221px; margin-bottom:9px; font-size:12px; color:#e7b60e; }
 #navigation-links ul { margin:8px; padding:14px 0 25px 0; border:1px solid #000099; }
 #navigation-links li { font-size:16px; list-style-type:none; padding:8px 0 8px 14px; }
 #active { color:#000099; }
 #navigation-links a:link { display:block; color:#fff; text-decoration:none; }
 #navigation-links a:hover { color:#fff; text-decoration:none; }
 #navigation-links a:visited { color:#fff; text-decoration:none; }
 #active a:link { color:#fff; text-decoration:none; }
 #active a:hover { color:#fff; text-decoration:none; }
 #active a:visited { color:#fff; text-decoration:none; }
 a:link, a:hover, a:visited { color:#000099; font-weight:normal; text-decoration:none; }
 #contents { float:left; width:704px; padding:20px 0 0 20px; }
 #footer { float:left; background-color:#1f5598; width:960px; height:39px; margin-bottom:30px; }
 #footer-contents { float:left; color:#a68665; font-family:palatino,"times new roman",serif; padding:12px 10px 0 12px; }
 input { background-color:#fff; border:1px solid #999; font-size:12px; }
 textarea { background-color:#fff; border:1px solid #999; font-size:12px; }
 div#commentArea div.blogCommentOwner { background: #323232; border: 1px solid #505050; }
 #wsite-menus .wsite-menu-wrap { z-index: 5000; }
 #wsite-menus .wsite-menu { padding: 0; margin: 0; list-style: none; }
 #wsite-menus .wsite-menu li { float: left; clear: left; width: 170px; text-align: left; }
 #wsite-menus .wsite-menu li a { background: #66CCFF; position: relative; display: block; width: 100%; border-right: 1px solid #66330f; border-left: 1px solid #441c00; border-bottom: 1px solid #66330f; text-decoration: none; font-size: 13px; font-weight: normal; line-height:1; padding:5px 0 4px 0; color: #000000; }
 #wsite-menus .wsite-menu li a:hover { background: #1f5598; }
 #wsite-menus span.wsite-menu-title { display: block; padding: 5px 10px; }
 #wsite-menus span.wsite-menu-more { display: block; position: absolute; right: 5px; top: 0; font-family: Courier; height: 28px; line-height: 28px; padding:4px 0 4px 0; }

div.paragraph ul, div.paragraph ol { padding-left: 3em !important; margin: 5px 0 !important; }
div.paragraph li { padding-left: 5px !important; margin: 3px 0 0 !important; }
div.paragraph ul, div.paragraph ul li { list-style: disc outside !important; }
div.paragraph ol, div.paragraph ol li { list-style: decimal outside !important; }
blockquote { margin: 10px 0; padding-left: 20px; border-left: 4px solid #ddd; font-style: italic; line-height: 170%; }