View source

 <script type="text/javascript">
   //Your Javascript Here 
 </script>
 <style type="text/css">
 
 #column-content {
     width: 100%;
     float: right;
     margin: 0 0 0.6em -12.2em;
     padding:0;
 }
 #content {
     margin: 2.8em 0 0 12.2em;
     padding: 0em 1em 1.5em 1em;
     background: White;
     border: 1px solid #aaaaaa;
     border-right: none;
     line-height: 1.5em;
     position: relative;
     z-index: 2;
 }
 #column-one { padding-top: 160px; }
 /* the left column width is specified in class .portlet */
 
 /* Font size:
 ** We take advantage of keyword scaling- browsers won't go below 9px
 ** More at http://www.w3.org/2003/07/30-font-size
 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
 */
 
 body {
     font: x-small sans-serif;
     background: #f9f9f9 url("headbg.jpg") 0px 0px no-repeat;
     color: Black;
     margin: 0;
     padding: 0;
 }
 
 /* scale back up to a sane default */
 #globalWrapper {
     font-size:127%;
     width: 100%;
     margin: 0;
     padding: 0;
 }
 .visualClear { clear: both; }
 
 /* general styles */
 
 table {
     font-size: 100%;
     background: White;
 }
 a {
     text-decoration: none;
     color: #002bb8;
     background: none;
 }
 a:visited { color: #5a3696; }
 a:active { color: #ffa500; }
 a:hover { text-decoration: underline; }
 a.stub { color: #772233; }
 a.new,
 #p-personal a.new { color:#ba0000; }
 a.new:visited,
 #p-personal a.new:visited { color:#a55858; }
 
 img {
     border: none;
     vertical-align: middle;
 }
 p {
     margin: 0.4em 0em 0.5em 0em;
     line-height: 1.5em;
 }
 
 p img { margin: 0; }
 
 hr {
     height: 1px;
     color: #aaaaaa;
     background-color: #aaaaaa;
     border: 0;
     margin: 0.2em 0 0.2em 0;
 }
 
 h1, h2, h3, h4, h5, h6 {
     color: Black;
     background: none;
     font-weight: normal;
     margin: 0;
     padding-top: 0.5em;
     padding-bottom: 0.17em;
     border-bottom: 1px solid #aaaaaa;
 }
 h1 { font-size: 188%; }
 h2 { font-size: 150%; }
 h3, h4, h5, h6 {
     border-bottom: none;
     font-weight: bold;
 }
 h3 { font-size: 132%; }
 h4 { font-size: 116%; }
 h5 { font-size: 100%; }
 h6 { font-size: 80%;  }
 
 ul {
     line-height: 1.5em;
     list-style-type: square;
     margin: 0.3em 0 0 1.5em;
     padding:0;
     list-style-image: url("bullet.gif");
 }
 ol {
     line-height: 1.5em;
     margin: 0.3em 0 0 3.2em;
     padding:0;
     list-style-image: none;
 }
 li { margin-bottom: 0.1em; }
 dt {
     font-weight: bold;
     margin-bottom: 0.1em;
 }
 dl{
     margin-top: 0.2em;
     margin-bottom: 0.5em;
 }
 dd {
     line-height: 1.5em;
     margin-left: 2em;
     margin-bottom: 0.1em;
 }
 
 fieldset {
     border: 1px solid #2f6fab;
     margin: 1em 0em 1em 0em;
     padding: 0em 1em 1em 1em;
     line-height: 1.5em;
 }
 legend {
     background: White;
     padding: 0.5em;
     font-size: 95%;
 }
 form {
     border: none;
     margin: 0;
 }
 
 textarea {
     width: 100%;
     padding: 0.1em;
 }
 
 
 input.historysubmit {
     padding: 0 0.3em 0.3em 0.3em !important;
     font-size: 94%;
     cursor: pointer;
     height: 1.7em !important;
     margin-left: 1.6em;
 }
 select {
 	vertical-align: top;
 }
 abbr, acronym, .explain {
     border-bottom: 1px dotted Black;
     color: Black;
     background: none;
     cursor: help;
 }
 q {
     font-family: Times, "Times New Roman", serif;
     font-style: italic;
 }
 /* disabled for now
 blockquote {
     font-family: Times, "Times New Roman", serif;
     font-style: italic;
 }*/
 code { background-color: #f9f9f9; }
 pre {
     padding: 1em;
     border: 1px dashed #2f6fab;
     color: Black;
     background-color: #f9f9f9;
     line-height: 1.1em;
 }
 
 
 /*
 ** the main content area
 */
 
 #siteSub { display: none; }
 #contentSub {
     font-size: 84%;
     line-height: 1.2em;
     margin: 0 0 1.4em 1em;
     color: #7d7d7d;
     width: auto;
 }
 span.subpages { display: block; }
 
 /* Some space under the headers in the content area */
 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
 #bodyContent h3,
 #bodyContent h4,
 #bodyContent h5 {
     margin-bottom: 0.3em;
 }
 .firstHeading { margin-bottom:0.1em; }
 
 /* user notification thing */
 .usermessage {
     background-color: #ffce7b;
     border: 1px solid #ffa500;
     color: Black;
     font-weight: bold;
     margin: 2em 0em 1em 0em;
     padding: 0.5em 1em;
     vertical-align: middle;
 }
 #siteNotice {
     text-align: center;
     font-size: 95%;
     padding: 0 0.9em 0 0.9em;
 }
 #siteNotice p {
     margin: 0;
     padding: 0;
 }
 .error {
     color: red;
     font-size: larger;
 }
 #catlinks {
     border:1px solid #aaaaaa;
     background-color:#f9f9f9;
     padding:5px;
     margin-top: 1em;
     clear: both;
 }
 /* currently unused, intended to be used by a metadata box
 in the bottom-right corner of the content area */
 .documentDescription {
     /* The summary text describing the document */
     font-weight: bold;
     display: block;
     margin: 1em 0em;
     line-height: 1.5em;
 }
 .documentByLine {
     text-align: right;
     font-size: 90%;
     clear: both;
     font-weight: normal;
     color: #76797c;
 }
 
 /* emulate center */
 .center {
     width: 100%;
     text-align: center;
 }
 *.center * {
     margin-left: auto;
     margin-right: auto;
 }
 /* small for tables and similar */
 .small, .small * { font-size: 94%; }
 table.small { font-size: 100% }
 
 /*
 ** content styles
 */
 
 #toc {
     /*border:1px solid #2f6fab;*/
     border:1px solid #aaaaaa;
     background-color:#f9f9f9;
     padding:5px;
     font-size: 95%;
 }
 #toc .tocindent { margin-left: 2em; }
 #toc .tocline { margin-bottom: 0px; }
 #toc p { margin: 0 }
 #toc .toctoggle { font-size: 94%; }
 #toc .editsection {
     margin-top: 0.7em;
     font-size: 94%;
 }
 
 /* images */
 div.floatright, table.floatright {
     clear: right;
     float: right;
     position: relative;
     margin: 0 0 0.5em 0.5em;
     border: 0
 /*
     border: 0.5em solid White;
     border-width: 0.5em 0 0.8em 1.4em;
 */
 }
 div.floatright p { font-style: italic; }
 div.floatleft, table.floatleft {
     float: left;
     position: relative;
     margin: 0 0.5em 0.5em 0;
     border: 0
 /*
     margin: 0.3em 0.5em 0.5em 0;
     border: 0.5em solid White;
     border-width: 0.5em 1.4em 0.8em 0;
 */
 }
 div.floatleft p { font-style: italic; }
 /* thumbnails */
 div.thumb {
     margin-bottom: 0.5em;
     border-style: solid; border-color: White;
     width: auto;
 }
 div.thumb div {
     border:1px solid #cccccc;
     padding: 3px !important;
     background-color:#f9f9f9;
     font-size: 94%;
     text-align: center;
     overflow: hidden;
 }
 div.thumb div a img {
     border:1px solid #cccccc;
 }
 div.thumb div div.thumbcaption {
     border: none;
     text-align: left;
     line-height: 1.4em;
     padding: 0.3em 0 0.1em 0;
 }
 div.magnify {
     float: right;
     border: none !important;
     background: none !important;
 }
 div.magnify a, div.magnify img {
     display: block;
     border: none !important;
     background: none !important;
 }
 div.tright {
     clear: right;
     float: right;
     border-width: 0.5em 0 0.8em 1.4em;
 }
 div.tleft {
     float: left;
     margin-right:0.5em;
     border-width: 0.5em 1.4em 0.8em 0;
 }
 .urlexpansion,
 .hiddenStructure {
     display: none;
 }
 img.tex { vertical-align: middle; }
 span.texhtml { font-family: serif; }
 
 /*
 ** classes for special content elements like town boxes
 ** intended to be referenced directly from the wiki src
 */
 
 /*
 ** User styles
 */
 /* table standards */
 table.rimage {
     float:right;
     position:relative;
     margin-left:1em;
     margin-bottom:1em;
     text-align:center;
 }
 .toccolours {
     border:1px solid #aaaaaa;
     background-color:#f9f9f9;
     padding:5px;
     font-size: 95%;
 }
 div.townBox {
     position:relative;
     float:right;
     background:White;
     margin-left:1em;
     border: 1px solid gray;
     padding:0.3em;
     width: 200px;
     overflow: hidden;
     clear: right;
 }
 div.townBox dl {
     padding: 0;
     margin: 0 0 0.3em 0;
     font-size: 96%;
 }
 div.townBox dl dt {
     background: none;
     margin: 0.4em 0 0 0;
 }
 div.townBox dl dd {
     margin: 0.1em 0 0 1.1em;
     background-color: #f3f3f3;
 }
 
 /*
 ** edit views etc
 */
 .special li {
     line-height: 1.4em;
     margin: 0;
     padding: 0;
 }
 
 /* Page history styling */
 /* the auto-generated edit comments */
 .autocomment { color: gray; }
 #pagehistory span.user {
     margin-left: 1.4em;
     margin-right: 0.4em;
 }
 #pagehistory span.minor { font-weight: bold; }
 #pagehistory li { border: 1px solid White; }
 #pagehistory li.selected {
     background-color:#f9f9f9;
     border:1px dashed #aaaaaa;
 }
 /*
 ** Diff rendering
 */
 table.diff { background:white; }
 td.diff-otitle { background:#ffffff; }
 td.diff-ntitle { background:#ffffff; }
 td.diff-addedline {
     background:#ccffcc;
     font-size: smaller;
 }
 td.diff-deletedline {
     background:#ffffaa;
     font-size: smaller;
 }
 td.diff-context {
     background:#eeeeee;
     font-size: smaller;
 }
 span.diffchange { color: red; font-weight: bold; }
 
 /*
 ** keep the whitespace in front of the ^=, hides rule from konqueror
 ** this is css3, the validator doesn't like it when validating as css2
 */
 #bodyContent a[href ^="http://"],
 #bodyContent a[href ^="gopher://"] {
     background: url(external.png) center right no-repeat;
     padding-right: 13px;
 }
 #bodyContent a[href ^="https://"],
 .link-https {
     background: url("lock_icon.gif") center right no-repeat;
     padding-right: 16px;
 }
 #bodyContent a[href ^="mailto:"],
 .link-mailto {
     background: url("mail_icon.gif") center right no-repeat;
     padding-right: 18px;
 }
 #bodyContent a[href ^="news://"] {
     background: url("news_icon.png") center right no-repeat;
     padding-right: 18px;
 }
 #bodyContent a[href ^="ftp://"],
 .link-ftp {
     background: url("file_icon.gif") center right no-repeat;
     padding-right: 18px;
 }
 #bodyContent a[href ^="irc://"],
 .link-irc {
     background: url("discussionitem_icon.gif")  center right no-repeat;
     padding-right: 18px;
 }
 /* disable interwiki styling */
 #bodyContent a.extiw,
 #bodyContent a.extiw:active {
     color: #3366bb;
     background: none;
     padding: 0;
 }
 #bodyContent a.external { color: #3366bb; }
 /* this can be used in the content area to switch off
 special external link styling */
 #bodyContent .plainlinks a {
     background: none !important;
     padding: 0;
 }
 /*
 ** Structural Elements
 */
 
 /*
 ** general portlet styles (elements in the quickbar)
 */
 .portlet {
     border: none;
     margin: 0 0 0.5em 0em;
     float: none;
     padding: 0;
     width: 11.6em;
     overflow: hidden;
 }
 .portlet h4 {
     font-size: 95%;
     font-weight: normal;
     white-space: nowrap;
 }
 .portlet h5 {
     background: transparent;
     padding: 0em 1em 0em 0.5em;
     text-transform: lowercase;
     display: inline;
     font-size: 91%;
     height: 1em;
     font-weight: normal;
     white-space: nowrap;
 }
 .portlet h6 {
     background: #ffae2e;
     border: 1px solid #2f6fab;
     border-style: solid solid none solid;
     padding: 0em 1em 0em 1em;
     text-transform: lowercase;
     display: block;
     font-size: 1em;
     height: 1.2em;
     font-weight: normal;
     white-space: nowrap;
 }
 .pBody {
     font-size: 95%;
     background: White;
     border-collapse: collapse;
     border: 1px solid #aaaaaa;
     padding: 0 0.8em 0.3em 0.5em;
 }
 .portlet h1,
 .portlet h2,
 .portlet h3,
 .portlet h4 {
     margin: 0;
     padding: 0;
 }
 .portlet ul {
     line-height: 1.5em;
     list-style-type: square;
     list-style-image: url("bullet.gif");
     font-size:95%;
 }
 .portlet li {
     padding: 0;
     margin: 0;
 }
 
 /*
 ** Logo properties
 */
 
 #p-logo {
     z-index: 3;
     position:absolute; /*needed to use z-index */
     top: 0;
     left: 0;
     height: 155px;
     width: 12em;
     overflow: visible;
 }
 #p-logo h5 { display: none; }
 #p-logo a,
 #p-logo a:hover {
     display: block;
     height: 155px;
     width: 12.2em;
     background-repeat: no-repeat;
     background-position: 35% 50% !important;
     text-decoration: none;
 }
 
 /*
 ** the navigation portlet
 */
 
 #p-nav {
     position:relative;
     z-index:3;
 }
 
 /*
 ** Search portlet
 */
 #p-search {
     position:relative;
     z-index:3;
 }
 #p-search .pBody {
     text-align: center;
 }
 input.searchButton {
     margin-top:1px;
     font-size: 95%;
 }
 #searchGoButton {
     padding-left: .5em;
     padding-right: .5em;
     font-weight: bold;
 }
 #searchInput {
     width:10.9em;
     margin: 0;
     font-size: 95%;
 }
 #p-search .pBody {
     padding: 0.5em 0.4em 0.4em 0.4em;
 }
 
 /*
 ** the personal toolbar
 */
 
 #p-personal {
     width:100%;
     white-space:nowrap;
     padding: 0;
     margin: 0;
     position:absolute;
     left:0px;
     top:0px;
     z-index: 0;
     border: none;
     background: none;
     overflow: visible;
     line-height: 1.2em;
 }
 
 #p-personal h5 {
     display:none;
 }
 #p-personal .portlet,
 #p-personal .pBody {
     padding:0;
     margin:0;
     border: none;
     z-index:0;
     overflow: visible;
     background: none;
 }
 /* this is the ul contained in the portlet */
 #p-personal ul {
     border: none;
     line-height: 1.4em;
     color: #2f6fab;
     padding: 0em 2em 0 3em;
     margin: 0;
     text-align: right;
     text-transform: lowercase;
     list-style: none;
     z-index:0;
     background: none;
 }
 #p-personal li {
     z-index:0;
     border:none;
     padding:0;
     display: inline;
     color: #2f6fab;
     margin-left: 1em;
     line-height: 1.2em;
     background: none;
 }
 #p-personal li a {
     text-decoration: none;
     color: #005896;
     padding-bottom: 0.2em;
     background: none;
 }
 #p-personal li a:hover {
     background-color: White;
     padding-bottom: 0.2em;
     text-decoration: none;
 }
 
 /* the icon in front of the user name, single quotes
 in bg url to hide it from iemac */
 li#pt-userpage,
 li#pt-anonuserpage,
 li#pt-login {
     background: url('user.gif') top left no-repeat;
     padding-left: 20px;
     text-transform: none;
 }
 
 /*
 ** the page-related actions- page/talk, edit etc
 */
 #p-cactions {
     position:absolute;
     top: 1.3em;
     left: 11.5em;
     margin: 0;
     white-space:nowrap;
     width: 76%;
     line-height: 1.1em;
     overflow: visible;
     background: none;
     border-collapse: collapse;
     padding-left: 1em;
     list-style: none;
     font-size: 95%;
 }
 #p-cactions .hiddenStructure { display: none; }
 #p-cactions ul {
     list-style: none;
 }
 #p-cactions li {
     display: inline;
     border: 1px solid #aaaaaa;
     border-bottom: none;
     padding: 0 0 0.1em 0;
     margin: 0 0.3em 0 0;
     overflow: visible;
     background: White;
 }
 #p-cactions li.selected {
     border-color: #fabd23;
     padding: 0 0 0.2em 0;
 }
 #p-cactions li a {
     background-color: White;
     color: #002bb8;
     border: none;
     padding: 0 0.8em 0.3em 0.8em;
     text-decoration: none;
     text-transform: lowercase;
     position: relative;
     z-index: 0;
     margin: 0;
 }
 #p-cactions .selected a { z-index: 3; }
 #p-cactions .new a { color:#ba0000; }
 #p-cactions li a:hover {
     z-index: 3;
     text-decoration: none;
 }
 #p-cactions h5 { display: none; }
 #p-cactions li.istalk { margin-right: 0; }
 #p-cactions li.istalk a { padding-right: 0.5em; }
 #p-cactions #ca-addsection a {
     padding-left: 0.4em;
     padding-right: 0.4em;
 }
 /* offsets to distinguish the tab groups */
 li#ca-talk { margin-right: 1.6em; }
 li#ca-watch, li#ca-unwatch, li#ca-varlang-0 { margin-left: 1.6em; }
 
 
 /*
 ** the remaining portlets
 */
 #p-tbx,
 #p-lang {
     position:relative;
     z-index:3;
 }
 
 /*
 ** footer
 */
 #footer {
     background-color: White;
     border-top: 1px solid #fabd23;
     border-bottom: 1px solid #fabd23;
     margin: 0.6em 0em 1em 0em;
     padding: 0.4em 0em 1.2em 0em;
     text-align: center;
     font-size: 90%;
 }
 #footer li {
     display: inline;
     margin: 0 1.3em;
 }
 /* hide from incapable browsers */
 head:first-child+body #footer li { white-space: nowrap; }
 #f-poweredbyico, #f-copyrightico {
     margin: 0 8px;
     position: relative;
     top: -2px; /* Bump it up just a tad */
 }
 #f-poweredbyico {
     float: right;
     height: 1%;
 }
 #f-copyrightico {
     float: left;
     height: 1%;
 }
 
 /* js pref toc */
 #preftoc {
     float: left;
     margin: 1em 1em 1em 1em;
     width: 13em;
 }
 #preftoc li { border: 1px solid White; }
 #preftoc li.selected {
     background-color:#f9f9f9;
     border:1px dashed #aaaaaa;
 }
 #preftoc a,
 #preftoc a:active {
     display: block;
     color: #0014a6;
 }
 #prefcontrol {
     clear: both;
     float: left;
     margin-top: 1em;
 }
 div.prefsectiontip {
     font-size: 95%;
     margin-top: 1em;
 }
 fieldset.operaprefsection { margin-left: 15em }
 
 /*
 ** IE/Mac fixes, hope to find a validating way to move this
 ** to a separate stylesheet. This would work but doesn't validate:
 ** @import("IEMacFixes.css");
 */
 /* tabs: border on the a, not the div */
 * > html #p-cactions li { border:none; }
 * > html #p-cactions li a {
     border: 1px solid #aaaaaa;
     border-bottom: none;
 }
 * > html #p-cactions li.selected a { border-color: #fabd23; }
 /* footer icons need a fixed width */
 * > html #f-poweredbyico,
 * > html #f-copyrightico { width: 88px; }
 * > html #bodyContent,
 * > html #bodyContent pre {
     overflow-x: auto;
     width: 100%;
     padding-bottom: 25px;
 }
 
 /* more IE fixes */
 /* float/negative margin brokenness */
 * html #footer {margin-top: 0;}
 * html #column-content {
     display: inline;
     margin-bottom: 0;
 }
 * html div.editsection { font-size: smaller; }
 #pagehistory li.selected { position: relative; }
 
 /* Mac IE 5.0 fix; floated content turns invisible */
 * > html #column-content {
     float: none;
 }
 * > html #column-one {
     position: absolute;
     left: 0;
     top: 0;
 }
 * > html #footer {
     margin-left: 13.2em;
 }
 .redirectText {
 	font-size:150%;
 	margin:5px;
 }
 
 .printfooter {
         display: none;
 }
 
 .not_patrolled {
 	background-color: #ffa;
 }
 div.patrollink {
 	font-size: 75%;
 	text-align: right;
 }
 span.newpage, span.minor, span.searchmatch {
 	font-weight: bold;
 }
 span.unpatrolled {
 	font-weight:bold;
 	color:red;
 }
 
 span.searchmatch {
 	color: red;
 }
 .sharedUploadNotice {
         font-style: italic;
 }
 
 span.updatedmarker {
 	color:black;
 	background-color:#00FF00;
 }
 span.newpageletter {
 	font-weight:bold;
 	color:black;
 	background-color:yellow;
 }
 span.minoreditletter {
 	color:black;
 	background-color:#C5FFE6;
 }
 
 table.gallery {
 	border:  1px solid #cccccc;
 	margin:  2px;
 	padding: 2px;
 	background-color:#ffffff;
 }
 
 table.gallery tr {
 	vertical-align:top;
 }
 
 table.gallery td {
 	vertical-align:top;
 	background-color:#f9f9f9;
 	border: solid 2px white;
 }
 
 div.gallerybox {
 	margin: 2px;
 	width:  150px;
 }
 
 div.gallerybox div.thumb {
 	text-align: center;
 	border: 1px solid #cccccc;
 	margin: 2px;
 }
 
 div.gallerytext {
 	font-size: 94%;
 	padding: 2px 4px;
 }
 
 #fundraising {
  text-align: center;
  border: 1px solid gray;
  padding: 5px;
  margin-top: 5px;
 }
 </style>