/* HTML
----------------------------------------------- */
body { background-color: #333; margin: 0 0 0 0 }
td { color: #333; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; line-height: 16px }
p { margin: 1.3em 0em 1.1em }
a, a:link, a:visited, a b { color: #369; text-decoration: underline }
a:hover, a:hover b { color: #c60 }
b { color: #555 }
b a { color: #33c; font-weight: normal }
img { border: none; padding: 0 }
li { margin: 0px 0px 5px }
ul { margin: 2px 2px 0px 15px; list-style-image: url(../art/bullet-blue-thin.gif) }
ol { margin: 2px 2px 0px 15px }
hr { margin: -1px 0px -1px; color: #ccc; padding: 0 0 0 0 }

/* TOP-RIGHT-MENU
----------------------------------------------- */
.top-right-menu { color: #99b; font-size: 9px; font-weight: bold; line-height: 9px; padding: 8px 0px 10px }
.top-right-menu a:link, .top-right-menu a:visited { color: #dde; text-decoration: none }
.top-right-menu a:hover { color: #fff; border-bottom: 2px dotted #bbf }

/* MAIN-TOP-MENU
----------------------------------------------- */
.main-top-menu { color: #99c; font-size: 11px; line-height: 11px; padding: 2px 8px 3px }
.main-top-menu a:link, .main-top-menu a:visited { color: #003; text-decoration: none }
.main-top-menu a:hover { border-bottom: 2px dotted #66c } 
.breadcrumb { color: #999; font-size: 9px; margin: 0px 4px 0px; padding: 0px 0px -2px; line-height: 9px }
.breadcrumb a:link, .breadcrumb a:visited { color: #669; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline }

/* SIDEBAR
----------------------------------------------- */
.sidebar { line-height: 15px; color: #666; background: #fbfbfb; margin: 8px 0px 4px; padding: 4px 2px 3px 0px; border-top: 1px dotted #369 }
.sidebar p { margin: 0px 2px 2px }
.sidebar b { color: #669; letter-spacing: 0.02em }
.sidebar-small { font-size: 9px; line-height: 13px; }
.sidebar li { color: #666; line-height: 13px }

/* MAIN-BOTTOM-MENU
----------------------------------------------- */
.main-bottom-menu { color: #fff; line-height: 10px; padding: 3px 9px 3px }
.main-bottom-menu a:link, .main-bottom-menu a:visited { color: #033; text-decoration: none }
.main-bottom-menu a:hover { border-bottom: 2px dotted #fff }

/* BLURBS
----------------------------------------------- */
.blurb { color: #666; font-size: 9px; line-height: 14px; background: #efd; margin: 0px 8px 3px 24px; padding: 3px 6px 4px; border-top: 1px dotted #333 }
.blurb b { color: #557 }
.blurb-block { color: #666; font-size: 9px; line-height: 14px; background: #efd; padding: 4px 6px 4px; border-top: 1px dotted #333; }
.blurb-block b { color: #557 }
.blurb-side { color: #666; font-size: 9px; line-height: 14px; background: #f5f5f5; padding: 4px 6px 4px; border-top: 1px dotted #666; }
.blurb-side b { color: #557 }

/* MISC
----------------------------------------------- */
.ul-square { margin: 2px 2px 0px 15px; list-style-type: square }
.bullet-blue { margin: -2px 5px 10px 35px; list-style-image: url(../art/bullet-blue.gif) }
.highlight { background: #fff }
.p { margin: 4px 10px 15px 25px } 
.smaller-font { font-size: 9px }
.larger-font { font-size: 11px }
.title { color: #336; font-size: 11px; font-weight: bold; margin: 0px 0px 10px; padding: 2px 7px 2px; background: #f5f5ff; border-top: 2px solid #666 }
.date { color: #99b; font-size: 9px; line-height: 9px; padding: 7px 0px 22px 8px }
.copyright, .back-to-top { color: #dde; font-size: 9px; line-height: 9px; padding: 4px }
.back-to-top a:link, .back-to-top a:visited { color: #699; text-decoration: none; padding: 0px 0px 1px 4px; border-left: 1px solid #666 }
.back-to-top a:hover { color: #ccf; border-bottom: 2px dotted #ddf }
.button { padding: 3px 10px 6px; background: #ffc; border: 3px solid #bbb }

/* SPACERS
----------------------------------------------- */
.vertical10 { line-height: 10px }
.vertical5 { line-height: 5px }
.vertical2 { line-height: 2px }
.vertical1 { line-height: 1px }

/* MARGINS
----------------------------------------------- */
.margin-left1 { margin-left: 10px }
.margin-left2 { margin-left: 20px }
.margin-left3 { margin-left: 30px }
.margin-left4 { margin-left: 40px }
.margin-left5 { margin-left: 50px }

/* FORM
----------------------------------------------- */
form { margin: 10; color: #ccc; }
input {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000; padding: 0px 4px 0px; background-color: #fff; border: 2px solid #bbb;}
textarea {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000; padding: 0px 4px 0px; background-color: #fff; border: 2px solid #bbb; scrollbar-face-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-3dlight-color: #333; scrollbar-arrow-color: #000; scrollbar-track-color: #f5f5f5; scrollbar-darkshadow-color: #666; scrollbar-width: 8px;}



/* STORAGE
-----------------------------------------------
.happy-user { color: #933; line-height: 17px; margin: 0px 0px 0px 0px; padding: 3px 10px 3px; background: #f5f5ff; border-top: 1px solid #ddd; }
.highlight-hu { color: #99c; font-weight: bold; background: #fff; }
.author-hu { font-style: italic }
*/