/*{{{  defaults */
* {
 font: 1em/1.2em normal Helvetica, Arial, sans-serif;
 margin: 0; padding: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
img { border: 0; }

html, body { background: #687584; color: #000; }
body { margin: 10px; }
table {
 text-align: center;
 margin: 10px auto; padding: 0; border: 0;
}
tr { padding: 0 1em; }
td, th {
 margin: 0; padding: 0.5em 1em; border: 1px solid black;
}
tr.hi td, td.hi {
 background-color: #ccc; color: #000;
}
a:link, a:visited { background-color: #687584; color: #ccc; }
a:hover, a:active { background-color: #687584; color: #000360; }
a[href^="http://"], a[href^="https://"] { /* CSS3 */
 background: transparent url(../i/aout.gif) 100% 50% no-repeat;
 padding-right: 10px;
}
a.img[href^="http://"], a.img[href^="https://"] {/* hide default outside link marker */
 background-color: transparent;
 padding-right: 0;
}
a[href^="mailto:"] {
 background: transparent url(../i/aemail.gif) 100% 50% no-repeat;
 padding-right: 15px;
}

h1 {
 text-align: center; font: 2em bold Helvetica, Arial, sans-serif; font-variant:small-caps;
 background:#4b545f; color: #fff;
 margin: 10px; border:solid 1px #000000;
}
h2 {
 font: 1.2em/1.4em italic Helvetica, Arial, sans-serif;
 background-color:#687584; color: #000;
 margin-left: 0.8em;
}
h3 {
 font: 1.1em/1.2em italic Helvetica, Arial, sans-serif;
 background-color:#687584; color: #000;
 margin-left: 2em;
}
h4 {
 font: italic 1.0em  Georgia, Times, "Times New Roman", serif;
 background-color:#687584; color: #000;
 margin: 0.5em 3em;
 border-bottom: 1px dotted #000;
}
p {
 text-indent: 2em;
 margin: 0 0 0.6em 0;
}
p img { margin: auto; display: block; }
p:first-letter { font: 1em/1.2em normal Helvetica, Arial, sans-serif; }
ol { margin: 0 0 0.6em 2em; }
li { margin-left: 1em }
code {
 background-color: #699; color: #000;
 margin: 0 1em; padding: 0 0.5em 1em 0.5em;
 display: block;
}
pre {
 background-color: #333; color: #69f;
 margin: 0.5em 2em; padding: 1em; border: 0;
 display: block;
}
pre.code {
 padding: 0; border: 0;
}
.clear { clear: both; margin: 0;}
.alt { display: none; }

.above-ul { margin: 10px 0 2px 0; }
/*}}} end of defaults */

/*{{{ text blocks */
.notice {
 font: 0.8em/1.2em normal Helvetica, Arial, sans-serif;
 background: #5f9ea0; color: #000;
 margin: 0.5em;
 padding: 0.5em;
 width: 50%;
 float: right;
}
.clarification {
 font: 0.8em/1.2em normal Helvetica, Arial, sans-serif;
 background: #008b8b; color: #000;
 margin: 1em 4em;
 padding: 0.5em;
}
.clarification:first-letter {
 margin: 0; padding: 0;
}
.attn {
 font: italic 0.8em  Georgia, Times, "Times New Roman", serif;
 background-color: #999; color: #fff;
 margin: 10px 4em; padding: 1.5em;
}
.attn:first-letter {
 margin: 0; padding: 0;
}
pre.sample {
 font: bold 0.8em  Georgia, Times, "Times New Roman", serif;
 background-color: #699; color: #fff;
 margin: 10px 1em; padding: 0.5em;
 display: block;
}
.karta {
 margin: 1em 0 1em 4em;
 padding-bottom: 0;
}
.karta img {
 margin: 0 0.5em;
 float: left;
}

.sourcebook { font: italic 1em  Georgia, Times, "Times New Roman", serif; }
/*}}} end of text blocks */

#main {
 float: right;
 width: 80%
}

/*{{{  ja */
#ja {
 text-align: center; font: .85em sans-serif;
 margin-left: 1em;
 background: url(../i/sign.gif) no-repeat #687584;
 text-decoration: none;
 display: block; width: 88px; height: 72px;
 float: left;
}

#intro #ja a:link, #intro #ja a:visited,
#mind #ja a:link, #mind #ja a:visited,
#tips #ja a:link, #tips #ja a:visited,
#site #ja a:link, #site #ja a:visited,
#ged #ja a:link, #ged #ja a:visited,
#work #ja a:link, #work #ja a:visited {
 background: url(../i/sign.gif) no-repeat #687584;
 display: block; height: 72px;
}
#intro #ja a:hover, #intro #ja a:active,
#mind #ja a:hover, #mind #ja a:active,
#tips #ja a:hover, #tips #ja a:active,
#site #ja a:hover, #site #ja a:active,
#ged #ja a:hover, #ged #ja a:active,
#work #ja a:hover, #work #ja a:active {
 background: url(../i/sign.gif) no-repeat #4b545f;
}
/*}}} end of ja */

/*{{{ #styleswitcher */
#styleswitcher {
 text-align: left; font: 0.7em bold Helvetica, Arial, sans-serif;
 background-color: transparent; color: #000;
 border: 0; padding: 0; margin-left: 1em;
 display: block; width: 10em;
 display: none;
 float: left; clear: left;
}
#styleswitcher ul {
 background-color: transparent; color: #333;
 margin: 0; padding: 0; border: 0;
 list-style: none;
}
#styleswitcher ul li {
 margin: 0; padding: 0 3px; border: 0;
}
a.normal:link, a.normal:visited {
 background-color: transparent; color: #333;
 margin: 0; padding: 0; border: 0;
 text-decoration: none;
}
a.normal:hover, a.normal:active:hover {
 background:transparent; color: #ccc;
 text-decoration: underline;
}
a.current {
 background:transparent; color: #000360;
 text-decoration: none;
}
/*}}} end of #styleswitcher */

/*{{{  #navcontainer */
#navcontainer {
 font: 0.7em bold Helvetica, Arial, sans-serif;
 background-color: transparent; color: #000;
 border: 0; padding: 0; margin: 1em 0 0 1em;
 width: 10em;
 float: left; clear: left;
}

#navcontainer h5 {
 font: 1.2em bold Helvetica, Arial, sans-serif;
 background-color: transparent; color: #000;
 margin: 0 0 0 0.25em; padding: 0; border: 0;
 width: 6em;
}
ul.m_level-1, ul.m_level-1 ul,
ul.m_level-2, ul.m_level-2 ul {
 background-color: transparent; color: #ccc;
 margin: 0;
 list-style: none;
}

ul.m_level-1 li,
ul.m_level-2 li {
 margin: 0; padding: 0; border: solid 1px #000;
 float: left;
 display: block; width: 9.9em;
}

ul.m_level-1 li a:link, ul.m_level-1 li a:visited,
ul.m_level-2 li a:link, ul.m_level-2 li a:visited {
 background-color: transparent; color: #ccc;
 margin: 0; border: 0;
 padding: 0.4em 0.1em 0.4em 0.5em;
 text-decoration: none;
 display: block; width: 9.9em;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 9.3em; /* total width = 9.3 + 0.1 + 0.5 = 9.9em */
}

html>body ul.m_level-1 li a:link, html>body ul.m_level-1 li a:visited,
html>body ul.m_level-2 li a:link, html>body ul.m_level-2 li a:visited {
 width: 9.3em; /* total width = 9.3 + 0.1 + 0.5 = 9.9em */
}

ul.m_level-1 li a:hover, ul.m_level-1 li a:active,
ul.m_level-2 li a:hover, ul.m_level-2 li a:active {
 background-color: #4b545f; color: #fff;
 margin: 0; border: 0;
 padding: 0.4em 0.1em 0.4em 0.5em;
 text-decoration: underline;
}
/*}}} end of #navcontainer */

/*{{{  related */
.related {
 margin: 0 0 2.5em 2.5em;
 list-style: none;
}
.related li { margin: 0.3em 0; }
.related a:link, .related a:visited { background-color: #687584; color: #ccc;}
.related a:hover, .related a:active { background-color: #687584; color: #000360;}
/*}}} end of related */

/*{{{  footer */
#footer {
 text-align: center;
 background-color: transparent; color: #000;
 margin: 10px auto; padding: 0;
 clear: both;
}
#footer p {
 font: italic 1.0em  Georgia, Times, "Times New Roman", serif;
 margin: 0.5em 2em; padding: 0;
}
#footer p:first-letter { font: 1.0em/1.0 normal Helvetica, Arial, sans-serif; }
#footer a:link, #footer a:visited {
 background-color: transparent; color: #ccc;
 text-decoration: underline;
}
#footer a:hover, #footer a:active {
 background-color: transparent; color: #000360;
}
#last-modified {
 font: italic 1em Georgia, Times, "Times New Roman", serif;
}
#license a:link, #license a:visited {
 background-color: transparent; color: #000;
 text-decoration: underline;
}
#license a:hover, #license a:active {
 background-color: transparent; color: #03f;
 text-decoration: underline;
}
/*}}} end of footer */

/*{{{  services */
#services {
 text-align: center;
 margin: 0.2em 1em;
}
#validators {
 text-align: center;
 background-color: transparent; color: #000;
 margin: 10px auto; padding: 0;
 clear: both;
}
#geourl {
 text-align: left; font: bold 0.7em sans-serif;
 background-color: #8ca3c3; color: #fff;
 margin:0 auto; padding:0 10px;
 border-top:1px solid #ccf;
 border-right:1px solid #55a;
 border-bottom:1px solid #55a;
 border-left:1px solid #ccf;
 display: block; width: 4em;
 text-decoration:none;
}
/*}}} end of services */

/*{{{  GED */
h2 img, h3 img { display: inline; width: 16px; height: 16px; }
/*}}} end of GED */

/*{{{  dlj_template.html */
.opt { font: bold italic 0.8em/1.0  Georgia, Times, "Times New Roman", serif; }
/*}}}  dlj_template.html */

/*{{{ contact.html */
.inside-text {
 margin: 0; padding: 5px 0; border: 1px inset #69f;
 margin-left: 5em;
 display: block;
}
ul.inside-text li {
 list-style: circle inside;
}
/*}}} contact.html */