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

/*body, div, span, label, tr, td, th, input, h1, h3, h4, h5 {
 font-family: verdana,sans-serif,arial,helvetica;
 color: black;
}*/

body {
 font-size: 9pt; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin-left:0px;
	margin-top:0px;
	margin: 0px;

}
P		{ FONT-SIZE: 9pt; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; }
H1 {
		font-size: 17px;
		font-family:  verdana, sans-serif;
		margin : 0 0 12px; padding : 7px 0 3px;
		color : #000080;
		border-bottom : 1px solid #000080;
		letter-spacing : -1px;
	}
H3		{ FONT-SIZE: 13pt; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000080; }
H4		{ FONT-SIZE: 10pt; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-WEIGHT: bold; COLOR: #000080; }
td,div {FONT-SIZE: 9pt; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;}
TH		{ FONT-SIZE: 13px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; }
.breadcrumb {
	background-color: #EFF2F7;
	font-size: 10px; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #333333;
	padding: 3px;
	margin: 0px;
	vertical-align: middle;
}
.topnav {
    background-image: url(/images/design/nav/navbg_off.gif);
	background-color: #022D2D;
	height:20px;
	text-decoration: none; 
	font-family: verdana, arial, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	font-weight: normal;
}
#toprow {
	background-image: url(/images/design/toprow.gif);
	background-color: #365959;
	height:20px;
	text-decoration: none; 
	font-family: verdana, arial, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px;
}
#toprow span.right {
	float: right;
	display:block;
	padding-right: 5px;
	margin-top: 3px;
}
#toprow span.left{
	float: left;
	display:block;
	padding-left: 5px;
	margin-top: 3px;
}
#header {
	background-image: url(/images/design/headerbg_12_2008.jpg);
	background-color: #415C6F;
	height: 110px;
	margin: 0px auto; 
	padding: 0px;
	width: 100%;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
table #header {
	background-image: url(/images/design/headerbg_12_2008.jpg);
	background-color: #415C6F;
	height: 110px;
	margin: 0px auto; 
	padding: 0px;
	width: 100%;
}
/*#header {
	background-image: url(/images/design/headerbg.jpg);
	background-color: #415C6F;
	height:74px;
	margin: 0px auto; 
	padding-top: 0px;
}*/
#header span.right {
	float: right;
	display:block;
	padding-right: 5px;
	padding-top: 6px;
}
#header span.left {
	float: left;
	display:block;
	padding-left: 0px;
}
#header_logo {
	margin: 0; padding: 0;
	width: 300px; height: 74px;
	display: block;
	float: left;
	background-image: url(/images/design/banner_sm.jpg);
}

#leftColumnInt		{ 
	width: 146px; 
	float: left;  
	vertical-align: top; 
	margin: 0px auto; 
}

#leftColumnInt .boxhead {
    background-image: url(/images/design/boxhead_bg.gif);
	background-color: #5C738E;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #145DB5;
	color: #FFFFFF;
	width: 130px;
	height: 15px;
	padding-top: 3px;
	filter: dropshadow(color=#555555, offx=1, offy=2);
	margin: 0px auto;
	text-align: center;
}

#leftColumnInt .boxcenter {
	background-color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #145DB5;
	width: 130px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px auto;
}

#centerColumnInt	{ 
	background-color: #FFFFFF;  
	vertical-align: top; 
	margin: 0px auto; 
	padding: 2px 4px 20px 4px;
	width: 81%;
}
#rightColumnInt	{ 
	width: 134px; 
	float: right;  
	vertical-align: top; 
	margin: 0px auto;
	text-align: center;
}

A:link	{ COLOR: #330099; }
A:hover	{ COLOR: #FF0000; }

table {
 margin: 0px;
 padding: 0px;
 font-size: 12px;
}

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: 14px;
 color: #000080;
 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_top {
 background-color: #3C66A0;
 padding: 5px;
 padding-left: 25px;
 color: white;
}

.lore_splash_header {
 color: white;
 font-size: 14px;
 font-weight: bold;
 padding: 5px;
 text-align: left;
}

.lore_top_buttons {
 padding: 5px;
 text-align: right;
}

.lore_option_tab {
 background-color: #000080;
 color: white;
 font-size: 10px;
 padding: 5px;
 padding-right: 15px;
 text-align: right;
}

.lore_left_panel {
 background-color: #fafafa;
 padding: 0px;
 margin-left: 10px;
 border-right: 1px dotted #cccccc;
}

.lore_content {
 padding: 10px;
}

/************************************************************
* COMMON
************************************************************/

.lore_normal_font {
 font-size: 12px;
 font-weight: normal;
}

.lore_small_font {
 font-size: 10px;
 font-weight: normal;
}

.lore_button {
 border: 1px solid black;
 background-color: #0500C6;
 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: 11px;
 color: #0500C6;
 text-decoration: none;
}

.lore_normal_link:hover {
 text-decoration: underline;
}

.lore_small_link {
 font-size: 10px;
 color: #0500C6;
 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: 12px;
 font-weight: bold;
 cursor: help;
 border-bottom: 1px dotted;
 text-decoration: none;
}

.lore_glossary_term_link:hover {
 text-decoration: none;
}

/************************************************************
* 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: 12px;
 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: 12px
}

.lore_article_admin_options {
 padding: 5px;
 font-size: 10px;
 font-weight: bold;
 background-color: #f0f0f0;
 border: 1px dotted #0500C6;
}

.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: 12px;
 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: 12px;
 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: 12px;
 background-color: white;
 padding: 5px;
 margin: 5px;
}

.footer {
    background-image: url(/images/design/nav/navbg_off.gif);
	height:23px;
	text-decoration: none; 
	font-family: verdana, arial, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	font-weight: normal;
	line-height: 22px;
	padding: 2px 0px 0px;
}
#footer {
    background: #385D5D url(/images/design/footer_bg_teal.gif) repeat-x center bottom;
	padding: 2px 0px 0px;
	text-align: center;
}
.footerText {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #d2d2d2;
	font-weight: normal;
	padding: 0px 6px 6px;
}
a.footerLink {
	text-decoration: underline; 
	font-family: verdana, arial, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	font-weight: normal;
}
.sf {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 10px;
}
/* --[[ Main Expand Icons ]]-- */
	#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(/images/design/nav/light_arrow_down.gif); width:9px; height:6px; left:0px; top:5px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(/images/design/nav/light_arrow_down.gif); background-repeat:no-repeat;background-position:top left;}

	/* --[[ Sub Expand Icons ]]-- */
	#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(/images/design/nav/medium_purple_right.gif); width:6px; height:9px; left:0px; top:3px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(/images/design/nav/medium_purple_right.gif); background-repeat:no-repeat;background-position:top left;}

	/* --[[ Main Container ]]-- */
	#imouter0 {background-color:#ffffff; background-image:url(/images/design/nav/navbg_off.gif); border-style:none; border-color:#6a6a6a; border-width:0px; padding:0px; margin:0px; }

	/* --[[ Sub Container ]]-- */
	#imenus0 li ul {background-color:#f1f6f8; border-style:solid; border-color:#ff0000; border-width:1px 0px; padding:5px; margin:4px 0px 0px; }

	/* --[[ Main Items ]]-- */
	#imenus0 li a {height:12px; color:#ffffff; text-align:left; font-family:Verdana; font-size:10px; font-weight:normal; font-style:normal; text-decoration:none; border-style:outset; border-color:#ffffff; border-width:1px; border-top: 0px; padding:3px 8px; }

		/* [hover] - These settings must be duplicated for IE compatibility.*/
		#imenus0 li:hover>a {background-color:#636563; background-image:url(/images/design/nav/navbg_on.gif); color:#ffffff; text-decoration:underline; }
		#imenus0 li a.ihover, .imde imenus0 a:hover {background-color:#636563; background-image:url(/images/design/nav/navbg_on.gif); color:#ffffff; text-decoration:underline; }

		/* [active] */
		#imenus0 li a.iactive {background-color:#efefef; }

	/* --[[ Sub Items ]]-- */
	#imenus0 ul a {background-color:#f1f6f8; background-image:url(/images/design/ie_css_fix.gif); color:#000080; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; }

		/* [hover] - These settings must be duplicated for IE comptatibility.*/
		#imenus0 ul li:hover>a {background-color:transparent; background-image:url(/images/design/ie_css_fix.gif); color:#ff0000; text-decoration:underline; }
		#imenus0 ul li a.ihover {background-color:transparent; background-image:url(/images/design/ie_css_fix.gif); color:#ff0000; text-decoration:underline; }

		/* [active] */
		#imenus0 ul li a.iactive {background-color:#ffffff; }

		/* ==== START: header searchBar styles */

.searchBar {
	height: 29px;
	color: #134780;
	font-size: 10px;
	position:relative;
	background: url(/images/design/searchBarBG1.gif) repeat-x #ebebeb;
}

.searchBar img{
	position:absolute;
	top: 4px;
	right: 7px;
}

.searchBarContent {
	padding-top: 5px;
	padding-left: 15px;
	vertical-align: middle;
}

.searchBarContent .formElement {
	margin: 0 3px 0 0;
	padding: 0;
	vertical-align:middle;
}

.formElement {
	font-size: 1em;
}

/* fixing the search form bpz 10/3/2006 */
.searchBarContent .SearchShell form {
	margin: 0px;
	padding: 0px;
}

/* ==== END: header searchBar styles */