.custom #page {
padding-top : 10px;
}

body {
text-align : center;
}

#tb-container {
width : 808px;
margin : 0 auto;
position : relative;
text-align : left;
}

#page, #content, #content_box, #header {
width : 808px;
padding : 0;
margin : 0px auto 0 auto;
}

.tb-story, .tb-index, tb-about, tb-graphic {
width : 808px;
}

.tb-story, tb-graphic {
text-align : center;
}

.tb-story {
padding : 4px 0 30px 0;
margin : 0;
clear : both;
background-image : url("/support/images/middle-of-page-808.png");
display : block;
overflow : hidden;
}

.tb-index {
text-align : left;
padding : 4px 0 30px 0;
margin : -18px 0 0 0;
clear : both;
background-image : url("/support/images/middle-of-page-808.png");
display : block;
overflow : hidden;
}

.tb-graphic {
padding : 4px 0 30px 0;
margin : 0;
clear : both;
background-image : url("/support/images/middle-of-page-808.png");
display : block;
overflow : hidden;
}

.tb-about {
text-align : left;
padding : 4px 0 30px 0;
margin : -18px 0 0 0;
clear : both;
background-color : #feb;
display : block;
overflow : hidden;
}

.tb-about table {
width : 700px;
padding : 4px;
}

.tb-about td {
padding : 10px;
vertical-align : middle;
width : 20px;
font-family : verdana, arial, helvetica;
}

.tb-about a {
color : #333;
}

.tb-bullet {
text-align : center;
vertical-align : middle;
padding : 0 10px;
}

.tb-story p, .tb-story li {
color : #333;
clear : both;
margin : 0;
padding : 5px 40px 10px 80px;
text-align : left;
}

.tb-index p {
color : #333;
clear : both;
margin : 0 0 0 5px;
padding : 5px 40px 10px 80px;
text-align : left;
}

.tb-index ul {
color : #333;
clear : both;
margin : 0 0 0 100px;
padding : 5px 40px 10px 80px;
text-align : left;
}

.tb-index table {
margin : 0 10px 0 150px;
padding : 16px;
font-family : verdana, arial, helvetica;
}

.tb-index a {
color: #330;
}

.tb-story blockquote .txt-poetry {
color : #fff;
clear : both;
padding : 5px 40px 10px 80px;
text-align : left;
}

.post_box {
padding-top : 0;
margin : 0 auto;
}

.page-list li a {
color : #333;
text-decoration : none;
background-color : transparent;
}

.page-list li a:hover {
color : #ff9;
text-decoration : underline;
background-color : #333;
}

.index-list, .page-index-txt {
font-family : verdana, arial, helvetica, sans-serif;
background-color : #999;
clear : both;
}

.index-title h2 {
font-family : verdana, arial, helvetica, sans-serif;
background-color : #754719;
color : #ffc;
padding : 10px;
margin : 2px 0;
text-align : center;
clear : both;
width : 808px;
}

.index-sub-title {
font-family : verdana, arial, helvetica, sans-serif;
background-color : #036;
color : #036;
font-size : 10pt;
font-weight : bold;
width : 808px;
}

.index-item, .page-index-txt {
font-family : verdana, arial, helvetica, sans-serif;
color : #333;
font-size : 10pt;
white-space : pre-line;
vertical-align : top;
padding : 0 0;
}

.index-item ul, .format_text ul, .page-list ul {
font-family : verdana, arial, helvetica, sans-serif;
color : #333;
font-size : 12pt;
list-style-image : url('/support/bullets/bullet7.gif');
text-decoration : none;
background-repeat : no-repeat;
background-position : 0% 5px;
padding : 3px 3px 3px 9px;
text-align : left;
width : 100%;
}

.custom .format_text {
margin : 0 0 -22px 0;
padding : 0;
font-size : 1.4em;
line-height : 1.571em;
}

.custom .format_text a {
text-decoration: none;
}

.page-list ul a {
list-style-type : none;
text-decoration : none;
}

.page-list li {
padding-left : 2em;
}

.index-item A {
font-weight : 600;
font-size : 16pt;
}

.index-item A:link {
text-decoration : none;
color : #333;
background : transparent;
}

.index-item A:visited {
text-decoration : none;
color : #444;
background : transparent;
}

.index-item A:hover {
text-decoration : none;
color : #ccc;
background : #333;
}

.index-item A:active {
text-decoration : none;
color : #600;
background : transparent;
}

.custom .format_text blockquote {
padding-left : 0;
}

blockquote {
border-left : 0 solid #ddd;
color : #666;
}

.tb-story blockquote p {
background-image : url("/support/bgrounds/page_vp.jpg");
border-left-style : none;
border-left : 0 none #ddd;
font-family : georgia, "Times New Roman", times, roman, serif;
font-size : 12pt;
font-weight : bold;
line-height : 130%;
margin : 0 60px 0 60px;
padding : 10px;
color : white;
}

.menu, .menu a, .menu li ul {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 7pt;
border-style : solid;
}

.menu {
text-align : left;
border-width : 0;
position : relative;
list-style : none;
z-index : 50;
display : block;
}

.tab {
font-family : verdana, arial, helvetica, sans-serif;
padding : 0.1em;
border-style : none;
border : 0;
color : #333;
background-color : #efefef;
text-transform : uppercase;
}

.rss {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 7pt;
padding : 0.1em;
border-style : none;
border : 0;
color : #333;
background-color : transparent;
text-transform : uppercase;
}

#header {
padding : 0.2em;
}

#header #tagline {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11pt;
color : #ff9;
font-weight : normal;
text-align : left;
}

.breadcrumbs {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 9pt;
padding : 0.2em 0.4em;
border-style : none;
border : 0;
color : #333;
background-color : #ccc;
text-align : left;
margin : 0 0 6px 0;
}

.breadcrumbs a, #crumbs a {
border : none;
text-decoration : none;
color : #333;
background-color : transparent;
}

.breadcrumbs a:hover, #crumbs a:hover {
border : none;
text-decoration : underline;
color : #333;
background-color : #ff9;
}

.breadcrumbs a:active, #crumbs a:active {
border : none;
text-decoration : none;
color : #ff9;
background-color : transparent;
}

.custom #header {
border-width : 0;
}

.post_box top {
height : 10px;
}

.headline_area {
background-color : #754719;
width : 808px;
margin : 0 0 4px 0;
}

.headline_area h1 {
color : #ff9;
font-size : 18pt;
font-family : verdana, arial, helvetica, sans-serif;
font-weight : bold;
text-align : center;
padding : 0.2em;
}

.headline_area h2 {
color : #ffe066;
font-size : 14pt;
border-style : groove;
border-width : 3px;
border-color : #754719;
margin : 2px 30px;
}

#footer {
padding : 0.1em 1.1em 0.1em 1.1em;
}

#footer, #footer p {
font-size : 9pt;
line-height : 1.667em;
color : #ffff99;
background-color : transparent;
border-style : none;
border-width : 0;
}

#footer a {
text-decoration : none;
color : #ff9;
background-color : transparent;
border-style : none;
border-width : 0;
}

#footer a:hover {
text-decoration : none;
color : #222;
background-color : #ff9;
border-style : none;
border-width : 0;
}

#footer a:active {
text-decoration : none;
color : #333;
background-color : #f00;
border-style : none;
border-width : 0;
}

table tbody tr td {
text-align : left;
vertical-align : top;
}

top-of-page, .bottom-of-page {
background-repeat : no-repeat;
background-attachment : fixed;
clear : both;
}

.top-of-page {
background-image : url('http://www.gandolf.com/support/images/top-of-page.png');
background-position : top;
}

.bottom-of-page {
background-image : url('http://www.gandolf.com/support/images/bottom-of-page.png');
background-position : bottom;
}

.tb-caption {
text-align : center;
background-color : #ccc;
border-width : 3px;
border-bottom-style : outset;
border-left-style : outset;
border-color : #999;
padding : 10px 5px 10px 5px;
margin : 20px auto 5px auto;
clear : both;
}

.tb-caption-text, .tb-caption-text span {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 9pt;
text-align : center;
color : #333;
padding : 5px;
margin : 0 auto;
}

.tb-caption-pix-frame {
display : inline-block;
padding : 10px 10px 20px 10px;
background-color : #ccc;
}

.tb-caption-pix-img {
padding : 0;
margin : 0;
width : 300px;
border : none;
}

.tb-caption-pix-caption {
margin : 0 auto;
padding : 5px;
width : 100%;
text-align : center;
font-family : verdana, arial, helvetica, sans-serif;
font-style : normal;
color : #333;
font-size : 11pt;
line-height : 1em;
}

.tb-align-left {
float : left;
text-align : left;
}

.tb-align-center {
margin-left : auto;
margin-right : auto;
}

.tb-align-right {
float : right;
text-align : right;
}

.bibliography {
line-height : 120%;
padding : 0 60px;
}

.biblio-h2 {
color : #700;
}

.txt-biblio {
text-indent : -3em;
margin-left : 3em;
font-size : 11pt;
color : #333;
}

.txt-biblio i {
font-weight : bold;
}

.tb-glossary {
width : 708px;
background-image : url("/support/images/middle-of-page-808.png");
margin : 0;
padding : 0 50px 0 70px;
}

.tb-glossary-dropcap span {
color : #c30;
display : inline;
float : left;
font-family : "Georgia", "Times New Romans", "Trebuchet MS", "Lucida Grande";
font-size : 3.2em;
line-height : 0.4em;
margin : 0 0 15px;
padding : 0.25em 0.08em 0 0;
text-transform : capitalize;
}

.tb-glossary-name {
font-family : verdana, arial, helvetica;
font-weight : bold;
padding : 0 0 10px 20px;
margin : 0;
}

.tb-glossary-value {
font-family : verdana, arial, helvetica;
padding : 0 0 10px 5px;
margin : 0;
}

.tb-glossary-hdg {
text-align : center;
font-family : verdana, arial, helvetica;
font-size : 18pt;
margin : 0 auto;
padding : 10px;
text-transform : capitalize;
}

.sociable {
width : 808px;
padding : 0 4px 4px 4px;
margin : 0;
}

.sociable_tagline {
font-family : verdana, arial, helvetica;
color : #ff9;
font-size : 9pt;
margin : 0;
padding : 4px;
text-align : left;
}

a.tip {
color : #ff9;
background-color : transparent;
text-decoration : none;
}

a.tip:hover {
color : #ccc;
background-color : #ff9;
position : relative;
}

.tb-navi {
font-family : verdana, arial, helvetica;
font-size : 10pt;
background-color : #333;
width : 792px;
margin : 4px 0;
padding : 4px 8px;
text-align : center;
}

.post_box {
padding-top : 0.2em;
margin : 0;
}

.CleanContact {
margin-left : 180px;
}

#ss_pages, #ss_posts {
margin-left : 120px;
color : #333;
}

#ss_pages a, #ss_posts a {
color : #333;
text-decoration : none;
background-color : transparent;
}

.tb-sitemap h2 {
margin-left : 180px;
background-color : #600;
color : #ff9;
font-family : verdana, arial, helvetica;
font-size : 14pt;
}

span.dropcap {
display : inline;
margin : 0 0 15px 0;
padding : 0.25em 0.08em 0 0;
line-height : 0.4em;
font-size : 3.2em;
font-family : "Georgia", "Times New Romans", "Trebuchet MS", "Lucida Grande";
text-transform : capitalize;
color : #c30;
float : left;
}

.tb-index span.dropcap {
margin : 0 -3px 0 0;
padding : 0;
color : #333;
font-size : 11pt;
float : none;
}

/* citation */    

.citation {
    margin:             20px        120px        10px        120px;
    padding:            0px;
    border-style:       solid      none        dotted      none;
    border-width:       thin        0           thin        0;
    border-color:       red;
}
.citation p {
    font-family:        verdana, arial, helvetica, sans-serif;
    font-size:          9pt;
    color:              #333;
}

citation A:link {
    text-decoration:    none;
    color:              #666;
    background:         transparent;
}

.citation A:visited {
    text-decoration:    none;
    color:              #000;
    background:         transparent;
}

.citation A:hover {
    text-decoration:    none;
    color:              #330;
    background:         #ff9;
}

.citation A:active {
    text-decoration:    none;
    color:              #600;
    background:         transparent;
}