/* main.css				*/
/* Revision #040617			*/
/* For mousepadonline.com		*/
/* By  David Miller			*/
/*     Silverback Studio		*/
/*     www.silverback-studio.com	*/

a:link{ color: #000099; }
a:link, a:visited{ text-decoration: none; }
a:visited{ color: #660099; }
a:hover{ color: #3333CC; }
a:hover{ text-decoration: underline; }

body{ background-image: url(gfx/bg_fade.gif); background-repeat: repeat-y; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.166; margin: 0px; padding: 0px; }
body{ background-color: white; color: black; width: 100%}

dl, p { margin: 1% 0 2% 0; }

dt{ font-weight: bold; margin: 1% 0; }
dt.old{ background-color: #B5AEAD; border: solid; border-color: black; border-width: 1px; color: black; padding: .5%; }
dt{ background-color: #EBEBEB; border: solid; border-color: #2D4362; border-width: 1px; color: black; padding: .5%; }

h1{ font-size: 175%; }
h1, h2, h3, h5{ color: #2D4362; }
h1, h2, h3, h4, h5, h6{ font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin: .5% 15px .5% 0px; padding: 0px; }
h2{ font-size: 150%; }
h3, h4{ font-size: 120%; }
h4, h6, #globalnav { color: black; }
h5, h6{ font-size: 100%; }
h5, label { color: black; }

hr{ background-color: transparent; border-style: none none dotted none; color: #9DCF00; height: 4px; }

label{ font: bold 100% Arial,sans-serif; }

strong { font-size: 100%; font-weight: bold; color: #2D4362; }
sup{ font-size: 70%;}

td{ padding: 0px 0px; vertical-align: top; }
td.head{ font-weight: bold; }
td.headcenter{ font-weight: bold; text-align: center; }
td.headright{ font-weight: bold; text-align: right; padding-right: 10px; }

th{ background-color: #EBEBEB; border: solid; border-color: #2D4362; border-width: 1px; color: black; padding: 3px; margin-top: 10px; text-align: left; }

ul{ list-style-type: square; }
ul ul{ list-style-type: disc; }
ul ul ul{ list-style-type: circle; }

.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

.bigger{ font-size: 140%; }

.feature{ font-size: 80%; margin: 0; padding: 0px 0px 5px 0px; }
.feature img.left{ float: left; margin: 0 5px 5px 0; padding: 0px 10px 8px 0px; }
.feature img.right{ float: right; margin: 0 5px 5px 0; padding: 0px 0px 8px 10px; }

.footnotes{ font-size: 80%; margin-left: 20px;}

.relatedlinks{ font-size: 90%; margin: 0px; padding: 0px 0px 10px 10px; }
.relatedlinks h3{ padding: 10px 0px 2px 0px; }

.smaller, #navbar ul ul { font-size: 75%; }

.story{ clear: both; font-size: 90%; padding: 10px 0px 5px 10px; }
.story p{ padding: 0px 0px 10px 0px; }

.top{ text-align: right; margin-right: 15px; font-size: 90%; }

#advert{ font-size: 80%; padding: 10px 0px 0px 10px; }
#advert img, #globalnav img, #navbar ul a:link, #navbar ul a:visited{ display: block; }
#advert, .alignleft { text-align: left; }

#breadcrumb{ font-size: 72%; padding: 2px 0px 12px 0px; text-align: right; }

#content{ margin: 0px 50px; padding: 0; width: 100%; }
#content li{ margin: 4px 0px 4px 24px; }
#content ul{ margin-top: 0.5% }
#content ul{ margin-bottom: 1.5% }
#content p { margin-right: 15px;}

#credits{ font-size: 55%; padding: 0px 15px 10px 0px; text-align: center; vertical-align: middle; color: #CCCCCC; }

#globalnav{ padding: 0px 0px 0px 10px; white-space: nowrap; }
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */
#globalnav a{ font-size: 90%; padding: 0px 4px 0px 0px; }

#headlines{ color: #cccccc; font-size: 75%; margin: 10px 5px; padding: 0; }
#headlines a:link, #headlines a:visited{ color: #9999cc; }
#headlines a:hover{ color: white; }
#headlines h1, #headlines h2, #headlines h3, #headlines h4, #headlines h5{ color: white; }
#headlines p{ padding: 0px 0px 5px 0px; }

#masthead{  font-size: 75%; margin: 0; padding: 0 20px 0 0; width: 100%; vertical-align: bottom; text-align: right; }
#masthead img.left{ float: left; margin: 0; padding: 0; }
#masthead img.right{ float: right; margin: 0; padding: 0; }

#navbar{ margin: 0 10px 0 0; padding: 0px; width: 140px; }
#navbar li { margin: 0; padding: 0px; }
/* fix for browsers that don't need the hack */
html>body #navbar li{ border-bottom: none; }
#navbar li li, #navbar li li li { margin: 0px 0px 0px 10px; padding: 0px; }
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navbar ul, #navbar ul ul{ list-style: none; margin: 0; padding: 0; }

#pagename{ padding: 0px 0px 0px 10px; }

#parentlink{ font-size: 85%; font-weight: bold; margin: 0 0 1% 10px; text-align: left; }

#search{ font-size: 90%; padding: 5px 0px 5px 10px; }
#search form{ margin: 0px; padding: 0px; }
#search label{ color: white; display: block; margin: 0px; padding: 0px; }
#search a{ font-size: 60%; font-weight: normal; text-align: left; }
#search a:link, #search a:visited { background-color: #002868; color: #9999cc; }
#search a:hover{ background-color: #002868; color: white; }

#sectionlinks{ font-size: 90%; width: 170px;}
#sectionlinks a:link{ font-size: 100%; padding-left: 10px; width: 100%; width: auto; }
#!sectionlinks a:link, #sectionlinks a:visited{ background-color: #5B86C5; color: white; }
#sectionlinks a:link, #sectionlinks a:visited{ color: white; }
#sectionlinks a:visited{ font-size: 100%; padding-left: 10px; }
#sectionlinks a:hover{ background-color: #5B86C5; border-top: 0px solid black; color: #9DCF00; font-size: 100%; font-style: bold; padding: 2px 0px 2px 10px; text-decoration: none; }

#siteinfo{ clear: both; font-size: 75%; padding: 5px 10px 10px 10px; text-align: center; }
#siteinfo img{ padding: 0px 4px 4px 0px; vertical-align: middle; }
#siteinfo p{ margin: 0 0 5px 0; padding: 0; }
#siteinfo strong{ font-size: 140%; }

#sitename{ margin: 0px; padding: 0px 0px 10px 10px; }