/* TAG STYLES ********************/

html {
 overflow-x: auto
}

body {
 background-color: FFFFFF; 
 font-color: 006666;
 font-family: verdana,arial;
 font-size: 10px;
 scrollbar-face-color:       #FFFFFF;
 scrollbar-highlight-color:  #FFFFFF;
 scrollbar-shadow-color:     #FFFFFF;
 scrollbar-3Dlight-color:    #FFFFFF;
 scrollbar-arrow-color:      #FF9900;
 scrollbar-track-color:      #FFFFFF;
 scrollbar-darkshadow-color: #FFFFFF;
 scrollbar-width: 1pt;
}

a:link { 
color: #FF3300; 
text-decoration: none; 
font-weight: bold; 
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif
 }

a:visited { 
color: #FF3300; 
text-decoration: none; 
font-weight: bold; 
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif 
}

a:hover {
color:#006666; 
text-decoration: underline
}

table {
 margin: 0px;
 padding: 0px;
 font-color: 006666;
 font-size: 10px;
 font-family: verdana,arial;
}

form {
 margin: 0px;
 padding: 0px;
 display: inline;
}

select {
 border: 1px solid #FF9900;
 padding: 0px;
 color: #993333;
 background-color: #ff9;
 font: 9px verdana, arial, sans-serif;
}

input,textarea {
 color: 006666;
 font-family: verdana,arial;
 font-size: 9px
}

img {
 border: 1px;
}

/* COMMON CLASSES ********************/

.lore_small_centered_text {
 font-color: 006666;
 font-size: 10px;
 text-align: center;
 margin: 5px;
}

.lore_normal_link {
 font-size: 10px;
 color: FF6600;
 font-weight: bold;
 text-decoration: none;
}

.lore_normal_link:hover {
 color: 006666;
 font-weight: bold;
 text-decoration: underline;
}

.lore_small_link {
 font-family: verdana,arial;
 font-size: 10px;
 font-weight: bold;
 color: FF6600;
 text-decoration: none;
}

.lore_small_link:hover {
 text-decoration: underline;
 color: 006666;
}

.lore_button {
 border: 1px solid black;
 background-color: #ff9900;
 color: white;
 font-size: 9px;
 font-weight: bold
}

.lore_content_box {
 margin-bottom: 10px;
 padding: 3px;
 padding-left: 5px
}

.lore_content_header {
 background-color: #FFCC00;
 color: white;
 font-weight: bold;
 font-size: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 0px;
 vertical-align: top;
}

.lore_content_header_caption {
 background-color: #FF9900;
 color: white;
 font-size: 10px;
 padding: 5px;
}

.lore_splash_header {
 font-family: verdana,arial;
 color: 006666;
 font-size: 10px;
 font-weight: bold;
 padding: 5px;
}

.lore_option_tab {
 background-color: #FFCC00;
 color: FF6600;
 font-size: 10px;
 padding: 3px;
 padding-left: 10px;
 margin-bottom: 10px;
}

.lore_nav_bar {
 margin-bottom: 15px;
 font-family: verdana,arial;
 color: 006666;
 font-size: 10px
}

/* CATEGORIES ********************/

.lore_category_header {
 font-size: 10px
 color: 006666
}

.lore_category {
 color: 006666;
 padding: 5px
}

/* ARTICLE PAGE ********************/

.lore_glossary_term,.lore_glossary_term:hover {
 cursor: help;
 font-size: 10px;
 font-weight: normal;
 color: green;
 text-decoration: none;
 border-bottom: 1px dashed green;
}

.lore_dek {
 position: absolute;
 visibility: hidden;
 z-index:200
}

.lore_glossary_definition {
 font-size: 10px;
 padding: 3px;
 background-color: #fafafa;
 border: 1px dotted black
}

.lore_article_header {
 background-color: #f5f5f5;
 padding: 3px;
 font-size: 12px;
 font-weight: bold
}

.lore_article_content {
 background-color: #ffffff;
 color: 006666;
 padding: 1px;
 font-size: 10px
}

.lore_article_info_box {
 font-size: 10px;
 background-color: #fffffff;
 border: 1px dotted #cccccc;
 color: 006666;
 text-align: left;
 margin-bottom: 3px;
 padding: 5px
}

.lore_article_option_box {
 font-size: 10px;
 background-color: #FFCC00;
 border: 1px dotted #cccccc;
 text-align: left;
 margin-bottom: 3px;
 padding: 3px
}

.lore_article_comments {
 margin: 25px
}

.lore_article_comment_header {
 font-size: 10px;
 font-weight: bold;
 background-color: #f5f5f5;
 border: 1px solid #aaaaaa;
 text-align: left;
 margin-bottom: 3px;
 padding: 3px
}

.lore_article_comment {
 font-family: verdana,arial;
 color: 006666;
 font-size: 10px;
 margin: 10px;
 text-align: left;
}

.lore_article_comment_header {
 font-size: 10px;
 font-weight: normal;
 color: 006666;
 padding: 3px;
 background-color: #f0f0f0;
 border: 1px dotted #cccccc
}

.lore_article_comment_content {
 font-size: 10px;
 color: 006666;
 font-weight: normal;
 padding: 10px;
 text-align: left;
}

/* ARTICLE LISTING ********************/

.lore_article {
 color: 006666;
 margin-bottom: 5px;
 font-size: 10pt
}

.lore_article_preview_font {
 color: 006666;
 font-size: 8pt
}

.lore_article_details_font {
 color: 009999;
 font-size: 7pt
}

/* FORMS ********************/

.lore_form_table {
 background-color: white;
 border: 0;
 margin-left: 0px
}

.lore_form_field_info {
 font-family: verdana,arial;
 color: #006666;
 font-size: 10px;
 padding: 0px;
 margin: 3px;
 border: 1px dotted #cccccc;
}

.lore_form_field {
 font-family: verdana,arial;
 font-size: 10px;
 padding: 3px;
 margin: 3px;
 border: 1px dotted #cccccc;
}

.lore_form_header {
 font-family: verdana,arial;
 font-size: 10px;
 font-weight: bold;
 color: #006666;
 padding: 0px;
 margin: 3px;
 text-align: left
}

.lore_form_buttons {
 font-family: verdana,arial;
 font-size: 10px;
 padding: 3px;
 margin: 3px;
 text-align: center
}


/* PROGRAM MESSAGE */

.lore_message {
 color: 006666;
 font-size: 10px;
 text-align: center;
 border: 1px dotted #cccccc;
 padding: 3px;
 margin: 10px
}

/* PRINT-FRIENDLY ARTICLE */

.print_article_header {
 font-size: 18px;
 font-weight: bold;
 background-color: #f5f5f5;
 border: 1px solid black;
 padding: 5px;
 margin: 5px;
}

.print_article_box {
 font-size: 12px;
 background-color: white;
 border: 1px solid #dddddd;
 padding: 5px;
 margin: 5px;
}