body {
margin: 0px;
padding: 0px;
font-family: Verdana;
background: #ebebeb; /* for the menu transparency */
}

/* HEADER */ /* HEADER */

.tophead, .footer {
background: #6487dc;
color: white;
font-size: 70%;
padding: 5px 5px 5px 5px;
}

.midhead {
width: 100%;
height: 55px;
background: #8caae6 url(logo.gif) no-repeat 5px center;
}

.midhead h1 {
margin: 0px;
color: black;
font-weight: bold;
font-size: 280%;
padding-left: 57px;
}

.bothead {
background: #274e90;
color: white;
font-size: 70%;
padding: 5px 5px 5px 5px;
}



/* MENU */ /* MENU */

.menu {
float: left;
clear: left;
width: 180px;
background: #ebebeb url(menubg.jpg) no-repeat -20px 0px;
border-right: 1px solid #999;
}

.menu ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}

.menu li {
margin: 0;
padding: 1px 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

.menu ul {
border-bottom: 1px solid #999;
}

.listheader a, ul a {
font-size: 80%;
color: #06c;
background-color: transparent;
text-decoration: none;
margin: 0;
padding: 10px 0px 10px 5px;
display: block;
background-repeat: no-repeat;
background-position: 5px center;
}

.listheader a, ul.menuforrest a {
font-weight: bold;
padding: 10px 0px 10px 5px;
}

.listheader a:hover, ul a:hover {
color: white;
background-color: #6487dc;
}

ul li a img, .listheader a img {
vertical-align: middle;
border: 0;
}

/* CONTENT */ /* CONTENT */

.content {
margin-left: 180px;
background: white;
border-left: 1px solid #999;
font-size: 90%;
padding: 10px;
text-align: justify;
}

h2 {
margin: 0px;
padding: 0px;
background: #6487dc url(tl.gif) top left no-repeat;
font-size: 90%;
padding: 5px 5px 5px 5px;
color: white;
}

.bigtext {
float: left;
width: 50%;
height: 150px;
background: #8caae6;
/* display: table; */
overflow: auto;
}

.insidebigtext {
/* display: table-cell;
vertical-align: middle; */
padding: 5px;
text-align: center;
font-size: 170%;
font-weight: bold;
}

.bigimg {
height: 150px;
overflow: hidden;
}

.bottoming {
margin: 0px;
padding: 0px;
background: #274e90 url(bl.gif) bottom left no-repeat;
font-size: 90%;
padding: 5px 5px 5px 5px;
color: white;
font-weight: bold;
}

a.curs {
border-bottom: 1px dotted #777;
cursor: help;
}

.content p {
font-size: 90%;
line-height: 150%;
}

.quoteout {
background: url(quoted.gif) left 10px no-repeat;
}

.quotecite {
float: left;
margin: 65px 0px 10px 0px;
font-size: 70%;
padding: 1px;
text-align: center;
border: 1px solid #274e90;
background-color: #8caae6;
width: 50px;
}

.quotein {
margin-left: 64px;
padding: 10px 10px 0px 0px;
background: url(tlq.gif) #BFD4FF top left no-repeat;
}

.quotein p {
margin-top: 0px;
padding-left: 10px;
}

.quotein .bottompara {
margin-bottom: 0px;
padding-bottom: 10px;
background: url(blq.gif) #BFD4FF bottom left no-repeat;
}

ol {
margin-left: 20px;
padding-left: 20px;
font-size: 90%;
list-style-type: upper-roman;
}

.content li {
line-height: 150%;
}

table.disorder {
width: auto;
font-size: 90%;
border: 0;
border-top: 1px gray solid;
line-height: 150%;
}

table.disorder td {
border-bottom: 1px gray solid;
vertical-align: top;
}

.criteria {
width: 33%;
background: #8caae6;
border-left: 1px gray solid;
}

.example {
background: #bfd4ff;
border-left: 1px gray solid;
border-right: 1px gray solid;
}

.pd {
background: url(pd.gif) #274e90 5px center no-repeat;
padding: 10px 10px 10px 35px;
color: white;
border-bottom: 1px gray solid;
border-right: 1px gray solid;
border-left: 1px gray solid;
}

.criteriaheader {
background: url(criteria.gif) #8caae6 5px center no-repeat;
padding: 10px 10px 10px 35px;
border-left: 1px gray solid;
}

.exampleheader {
background: url(example.gif) #bfd4ff 5px center no-repeat;
padding: 10px 10px 10px 35px;
border-left: 1px gray solid;
border-right: 1px gray solid;
}

.argument {
font-weight: bold;
}

.objection {
padding-left: 40px;
font-style: italic;
background: url(question.gif) no-repeat 5px center;
width: 50%;
}


table.possibilities {
width: auto;
font-size: 90%;
border: 0;
border-top: 1px gray solid;
border-right: 1px gray solid;
line-height: 150%;
}

table.possibilities td {
vertical-align: top;
}

.picture {
background: #8caae6;
border-bottom: 1px gray solid;
border-left: 1px gray solid;
}

.ism {
background: #274e90;
color: white;
border-bottom: 1px gray solid;
border-left: 1px gray solid;
}

.description {
background: #bfd4ff;
border-left: 1px gray solid;
}

.motto {
font-weight: bold;
background: #bfd4ff;
border-bottom: 1px gray solid;
border-left: 1px gray solid;
}


/* BALLOON TIP */ /* BALLOON TIP */

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
z-index: 100;
background: #8caae6 5px center no-repeat;
border: 2px solid #274e90;
width: 200px;
font-size: 90%;
line-height: 150%;
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

/* FOOTER */ /* FOOTER */

.footer {
background: #6487dc;
clear: both;
}

.footer a {
color: white;
}

/* H3 FOR BANNERS */


h3 {
font-size: 85%;
margin: 0px;
}

.selector {
margin-top: 10px;
padding-left: 35px;
background: url(select.gif) top left no-repeat;
}

.codes {
margin-top: 10px;
padding-left: 35px;
background: url(textarea.gif) left 15px no-repeat;
}

.preview {
margin-top: 10px;
padding-left: 35px;
background: url(preview.gif) left 15px no-repeat;
}

#area {
height: 240px;
}

form {
margin: 0;
}

/* LINKS FURTHER READING */

dt {
font-weight: bold;
font-style: italic;
margin-top: 10px;
}

dt, dl {
font-size: 90%;
}

.articlelist {
font-weight: bold;
}