/************************************************************
*  TAG STYLES
************************************************************/
body, div, span, label, tr, td, th, input, h1, h2, h3, h4, h5, a { font-family: arial,sans-serif; color: black; margin:0px; padding:0px;}
body { font-size: 12px; color: black; background-color: #7799CC;}
a { font-size: 12px; color: #0d4d85;}
a:hover { text-decoration: underline;}
a:visited { font-size: 12px; color: #0d4d85;}
 table { margin: 0px; padding: 0px; font-size: 13px;}
form { margin: 0px; padding: 0px; display: inline;}
img { border: 0px;}
h1 { font-size: 24px; color: black; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 5px;}
h2 { font-size: 18px; color: #8D2800; margin-left: 0px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px;}
h3 { font-size: 16px; color: #aaaaaa; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #cccccc;}

/************************************************************
* LAYOUT
* Used in template: header.tpl
************************************************************/
.lore_splash_header { color: #8D2800; font-size: 14px; font-weight: bold; padding: 5px; text-align: left;}
.lore_top_buttons { padding: 5px; text-align: right;}
.lore_option_tab { background-color: #0d4d85; color: white; font-size: 10px; padding: 10px; text-align: center;}
.lore_left_panel { background-color: #eeeeee; padding: 0px; margin-left: 10px; border-right: 1px solid #cccccc;}
.lore_content { padding: 10px;}

/************************************************************
* COMMON
************************************************************/
.lore_normal_font { font-size: 13px; font-weight: normal;}
.lore_small_font { font-size: 10px; font-weight: normal;}
.lore_button { border: 1px solid black; background-color: #0d4d85; color: white; font-size: 9px;}
.lore_content_box { background-color: white; margin-left: 5px; margin-right: 5px;}

/************************************************************
* BREADCRUMB
* Used in template: header.tpl
************************************************************/
.lore_breadcrumb { background-color: #fafafa; font-size: 10px; font-weight: normal; text-align: left; padding: 3px; padding-left: 10px; text-align: right;}
.lore_breadcrumb_current { font-weight: bold;}

/************************************************************
*  LINKS
************************************************************/
.lore_normal_link { font-weight: bold; font-size: 13px; color: #0d4d85; text-decoration: none;}
.lore_normal_link:visited { font-weight: bold; font-size: 13px; color: #0d4d85; text-decoration: none;}
.lore_normal_link:hover { text-decoration: underline;}
.lore_small_link { font-size: 10px; color: #0d4d85; text-decoration: none;}
.lore_small_link:hover { text-decoration: underline;}
.lore_dark_link { font-size: 10px; color: black; text-decoration: none;}
.lore_dark_link:hover { text-decoration: none;}
.lore_light_link { font-size: 10px; color: white; text-decoration: none;}
.lore_light_link:hover { text-decoration: none;}
.lore_glossary_term_link { font-size: 13px; font-weight: bold; cursor: help; border-bottom: 1px dotted; text-decoration: none;}
.lore_glossary_term_link:hover { text-decoration: none;}
.lore_glossary_term_link:visited { font-size: 13px; font-weight: bold; cursor: help; border-bottom: 1px dotted; text-decoration: none;}

.custom_link { font-size: 13px; color: #0d4d85; text-decoration: underline;}
.custom_link:hover { font-size: 13px;  text-decoration: underline; color: #000000;}
.custom_link:visited { font-size: 13px; color: #0d4d85;  text-decoration: underline;}
.custom_link:active { font-size: 13px; color: #0d4d85; text-decoration: underline;}
/************************************************************
* GLOSSARY TERM POP-UP
* Used in template: glossary_term.tpl
************************************************************/
.lore_glossary_term_popup { padding: 5px; border: 1px dotted #dddddd; background-color: #f5f5f5;}
.lore_glossary_term_popup_caption { font-size: 13px; font-weight: bold; margin-bottom: 5px;}
.lore_glossary_term_popup_definition { font-size: 10px; padding: 0px;}

/************************************************************
* CATEGORY TREE
* Used in template: category_tree.tpl
************************************************************/
div.lore_category_tree_base a { display: block; text-decoration: none; font-size: 10px; background-color: #bcbcbc; color: black; padding: 4px; margin: 0px; border-bottom: 1px solid white;}
div.lore_category_tree_category a { display: block; text-decoration: none; font-size: 10px; background-color: #dddddd; color: black; padding: 4px; margin: 0px; border-bottom: 1px solid white;}
div.lore_category_tree_category a:hover { display: block; text-decoration: none; font-size: 10px; background-color: #cccccc; color: black; padding: 4px; border-bottom: 1px solid white;}
div.lore_category_tree_current_category a { display: block; text-decoration: none; font-size: 10px; font-weight: bold; background-color: #f5f5f5; color: black; padding: 4px; margin: 0px; border-bottom: 1px solid white;}
div.lore_category_tree_current_category a:hover { display: block; text-decoration: none; font-size: 10px; font-weight: bold; background-color: #f5f5f5; color: black; padding: 4px; margin: 0px; border-bottom: 1px solid white;}

/************************************************************
* CATEGORY LISTING
* Used in template: categories.tpl
************************************************************/
.lore_category { padding: 5px}

/************************************************************
* ARTICLE PAGE
* Used in template: article.tpl
************************************************************/
.lore_article_info_box { font-size: 9px; background-color: #ffffff; border: 1px dotted #cccccc; text-align: left; margin-bottom: 3px; padding: 5px}
.lore_article_info_box_label { background-color: #f0f0f0; font-size: 10px; padding: 3px; text-align: right;}
.lore_article_info_box_data { font-size: 10px; padding: 3px; text-align: left;}
.lore_article_content { background-color: #ffffff; padding: 5px; padding-left: 15px; font-size: 13px}
.lore_article_admin_options { padding: 5px; font-size: 10px; font-weight: bold; background-color: #f0f0f0; border: 1px dotted #0d4d85;}
.lore_article_comments { margin-top: 10px; margin-left: 25px; margin-right: 25px;}
.lore_article_comment { font-size: 10px; margin: 10px; text-align: left;}
.lore_article_comment_header { font-size: 10px; font-weight: normal; padding: 3px; background-color: #fafafa; border: 1px dotted #cccccc}
.lore_article_comment_content { font-size: 10px; font-weight: normal; padding: 10px; text-align: left;}

/************************************************************
* ARTICLE LISTINGS
* Used in templates: articles.tpl, article_short.tpl
************************************************************/
.lore_article { margin-bottom: 5px;}
.lore_article_featured { margin-bottom: 5px;}
.lore_article_preview_font { color: #404040; font-size: 10px;}
.lore_article_details_font { color: #999999; font-size: 9px;}

/************************************************************
* FORMS
* Used in templates: contact_form.tpl, email_article.tpl,
*                    comment.tpl
************************************************************/
.lore_form_table { background-color: white; border: 0; margin-left: 30px}
.lore_form_field_info { font-size: 13px; padding: 3px; margin: 3px; background-color: #f5f5f5; border: 1px dotted #aaaaaa}
.lore_form_field { font-size: 10px; padding: 3px; margin: 3px;}
.lore_form_buttons { font-size: 10px; padding: 3px; margin: 3px; text-align: center}
.lore_input { font-size: 9px; font-family: verdana,sans-serif; color: black; background-color: #dddddd; border: 1px solid black;}
.lore_form_error { color: red;}

/************************************************************
*  PROGRAM MESSAGE/ERROR
************************************************************/
.lore_message { font-size: 13px; text-align: center; border: 1px dotted #cccccc; padding: 3px; margin: 10px}
.lore_error_message { margin: 25px;}

/************************************************************
* PRINTER-FRIENDLY ARTICLE
* Used in template: article_print.tpl
************************************************************/
.print_article_header { font-size: 18px; font-weight: bold; background-color: #f5f5f5; border: 1px dotted #bbbbbb; padding: 5px; margin: 5px;}

.print_article_box { font-size: 13px;  background-color: white;  padding: 5px;  margin: 5px;}

/* Top Button Menu*/
#wrapper {width:895px; background:#fff; margin:10px auto; text-align:left;}

.menu {width:894px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:895px; w\idth:894px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font: bold 13px arial,sans-serif; text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#0d4d85; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#E7FAFF;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#8A93B2;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#9CCEEF; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#0066cc;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#0066cc;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* Header section */
td.header{background:#EEEEEE; border-bottom: 1px  #333;}

 /* From very top to very bottom and on both sides of page*/
td.site {background-color:#ffffff; width:99%; border-left-style:solid; border-right-style:solid; border-right-color:#0066cc;
border-right-width:1px; border-left-width:1px; border-left-color:#0066cc; margin-top:0px; margin-bottom:0px; padding:0px 0px 0px 0px;}

 /* Footer */
td.footer {background:#EEEEEE; height:25px; padding:5px 0px 0px 0px; width:100%; font-family: Arial, Helvetica; font-size:14px; color:#666;}
td.footer a, a:visited {color:#666; font-size:10px; font-style: arial;}

.t2 {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;}