/******************************************************************************/
/* LEXITE WEB SITE STYLE SHEET                                                */
/* Last updated 14 JAN,2005 (Subject to change)                               */
/*                                                                            */
/*                                                                            */
/*                                                                            */
/******************************************************************************/
/*  NOTE:  Comments inside CSS files cannot be nested inside each other.      */
/******************************************************************************/

/******************************************************************************/
/* GENERAL STYLES                                                             */
/******************************************************************************/

html { font-size: 100%; /* IE hack for relative sizing with em units */ }

body { 
    
    font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    margin: 0;
}

/* IE hack */
table, tr, td, th, select, input, form, li, textarea {
font-size: 100%;
margin: 0;
}

/* Space after paragraph tags */
p {
    
    font-size: 100%;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


a, .Link, a:active, .Link:active {
    
	color: #003399;
	/*font-weight: bold;*/
	text-decoration: underline;
}


a, bodyText:active, smallBodyText:active  {
    
	color: #003399;
	/*font-weight: bold;*/
	text-decoration: underline;
}

a, bodyText:visited, smallBodyText:visited  {
    
	color: #990099;
	/*font-weight: bold;*/
	text-decoration: underline;
}

a:visited, .Link:visited { 
    
	color: #990099;
	/*font-weight: bold;*/
	text-decoration: underline;
}

a:hover, .Link:hover { 
    
	color: #6699CC;
	/*font-weight: bold;*/
	text-decoration: underline;
}

ul {
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 0px;
	line-height: 18px;
	margin-bottom: 10px;
	 
}

ol {
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 0px;
	line-height: 18px;
	margin-bottom: 10px; 
}

/***************************************************************************************/
/* BANNER STYLES                                                                       */
/***************************************************************************************/

/* Background for the banner  */
.bannerBackground {
	background-color: #000000; 
    padding: 0px;
    margin: 0px;

}

.bannerImage
 {
	background-image:url(../images/banner_bg.jpg);
	background-repeat:no-repeat;
}


/* Utility menu style  */
.utilityText {
	font-size: 0.9em;
	color:#ACA99D;
	padding-top: 4px;
	padding-bottom: 2px;
        
}

/* Selected Utility Link  */
.utilityTextSelected {
	font-size: 0.9em;
	font-weight: bold;
    color: #FFD156;     
}

.utilityTextLink, .utilityTextLink:visited, .utilityTextLink:active {

	font-size: 0.9em;
	font-weight: bold;
    color: #E6E6C6;
    text-decoration: none; 
}

.utilityTextLink:hover {

	font-size: 0.9em;
	font-weight: bold;
    color: #FFD156;
    text-decoration: underline; 
}

/* Used for Lexite tag line  */
.tagText {
	font-weight: bold;
	font-style: italic;
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-bottom: 6px;
        
}
/***************************************************************************************/
/* GLOBAL NAVIGATION (PLACE) BAR                                                       */
/***************************************************************************************/

/* Selected tab on Place bar */
.SelectedPlace, .SelectedPlace:visited, .SelectedPlace:hover, .SelectedPlace:active {
    
	font-size: 0.8em;
	font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
    padding: 3px 6px;
    margin: 0px;
}

/* Hover for unselected tabs on Place bar */
 .SelectedPlaceHover {
 
	font-size: 0.8em;
	font-weight: bold;
    color: #003399;
    background-color: #FFFFFF;
    text-decoration: underline;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
    padding: 3px 6px;
    margin: 0px;
}

/* Unselected tabs on Place bar */
.UnSelectedPlace, .UnSelectedPlace:visited, .UnSelectedPlace:active, .UnSelectedPlace:hover  {
    
	font-size: 0.9em;
	font-weight: bold;
    color: #003399;
    background-color: #F3AA1D;
    text-decoration: none;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
    padding: 3px 6px;
    margin: 0px;       
}

/* Hover for unselected tabs on Place bar */
 .UnSelectedPlaceHover {
 
	font-size: 0.9em;
	font-weight: bold;
    color: #003399;
    background-color: #F3CF6D; 
    text-decoration: underline;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
    padding: 3px 6px;
    margin: 0px;
}

/* Hover for unselected link on Place bar - for when js turned off */
 .UnSelectedPlaceLinkHover, .UnSelectedPlaceLinkHover:visited, .UnSelectedPlaceLinkHover:active, .UnSelectedPlaceLinkHover:hover {
 
	font-size: 0.9em;
	font-weight: bold;
    color: #003399;
    text-decoration: underline;
}

/* Link in Unselected tabs on Place bar- for when js turned off  */
.UnSelectedPlaceLink, .UnSelectedPlaceLink:visited, .UnSelectedPlaceLink:active {
    
	font-size: 0.9em;
	font-weight: bold;
    color: #000000;
    text-decoration: none;
}

/* Hover on link in Unselected tabs on Place bar- for when js turned off  */
.UnSelectedPlaceLink:hover {
    
	font-size: 0.9em;
	font-weight: bold;
    color: #003399;
    text-decoration: underline;
}

/***************************************************************************************/
/* LEFT NAVIGATION                                                                     */
/***************************************************************************************/

/* left nav header */
.NavHeader {
	font-size: 0.8em;
	font-weight: bold;
    color: #FFFFFF;
    background-color: #333333;
    text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	padding: 3px 6px;
}

.Navbackground {
    
	background-color: #FFF7C9;
	border-bottom: 1px solid #B19B75;    
}

/* Selected node */
.NavSelectedNode, .NavSelectedNode:visited, .NavSelectedNode:hover, .NavSelectedNode:active {
    
	font-size: 0.8em;
	font-weight: bold;
    color: #000000;
    text-decoration: none;
	border-top: 1px solid #B19B75;
	background-color: #FFFFFF;
	padding: 4px 6px;
}

/* Unselected node */
.NavUnSelectedNode, .NavUnSelectedNode:visited, .NavUnSelectedNode:hover, .NavUnSelectedNode:active {
    
	font-size: 0.8em;
    color: #000000;
    text-decoration: none;
	border-top: 1px solid #B19B75;
	background-color: #F8EDA4;
	/*background-color: #F8EDA4;*/
	padding: 4px 6px;
}


/* Hover for unselected node */
 .NavUnSelectedNodeHover {
    
	font-size: 0.8em;
    color: #003399;
    text-decoration: underline;
	border-top: 1px solid #B19B75;
	background-color: #FFFFFF;
	padding: 4px 6px;
}

/* Unselected sub node */
.NavSelectedSubNode, .NavSelectedSubNode:visited, .NavSelectedSubNode:hover, .NavUSelectedSubNode:active {
    
	font-size: 0.8em;
    color: #000000;
	font-weight: bold;
    text-decoration: none;
	padding-right: 2px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #B19B75;
	background-color: #FFFFFF;
}

/* Unselected sub node */
.NavUnSelectedSubNode, .NavUnSelectedSubNode:visited, .NavUnSelectedSubNode:hover, .NavUnSelectedSubNode:active {
    
	font-size: 0.8em;
    color: #000000;
    text-decoration: none;
	padding-right: 2px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #B19B75;
	background-color: #F8EDA4;
}

/* Hover on unselected sub node */
.NavUnSelectedSubNodeHover {
    
	font-size: 0.8em;
    color: #003399;
    text-decoration: underline;
	padding-right: 2px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #B19B75;
	background-color: #FFFFFF;
}

/* left nav text link style - for when js turned off */
.nodeLink, .nodeLink:active, .nodeLink:visited {
	font-size: 1.0em;
	color:#000000; 
    padding-top: 1em;
    margin: 0em;
	text-decoration: none;   
}

/* hover style left nav text link - for when js turned off */
.nodeLink:hover {
	font-size: 1.0em;
	color:#003399; 
    padding-top: 1em;
    margin: 0em;
	text-decoration: underline;   
}

/* hover style left nav text link - necessary for combined js function and ahref link */
.nodeLinkHover, .nodeLinkHover:active, .nodeLinkHover:visited, .nodeLinkHover:hover {
	font-size: 1.0em;
	color:#003399; 
    padding-top: 1em;
    margin: 0em;
	text-decoration: underline;   
}

/***************************************************************************************/
/* HOME PAGE ONLY STYLES                                                                 */
/***************************************************************************************/
.headlineHome {
	padding-top: 6px;
}

/* Text for intro paragraph on home page  */
.introTextHome {

	font-size: 1.1em;
	color:#000000; 
    padding-top: 6px;
	padding-bottom: 2px;
    margin: 0em;
	line-height:1.6em;    
}

/* Background style for header bars on home page */
.productBarBackground {
	background-image:url(../images/bg_productBar.gif);
	padding-top:1px;
}

/* Style for header bars on home page */
.productBar {
	background-color: #DDD9CA;
	font-size: 1.0em;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
    padding-left: 6px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
    margin: 0px;  
}

/* Link style for header bars on home page */
.productBarLink, .productBarLink:visited, .productBarLink:active {

	font-size: 0.9em;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
    text-decoration: none; 
}

/* Hover link style for header bars on home page */
.productBarLink:hover {

	font-size: 0.9em;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
    color: #003399;
	padding-top: 4px;
	padding-bottom: 4px;
    text-decoration: underline; 
}

/* Style for double arrow icon background */
.linkIconYellow {
	background-color: #FFBB38;
    padding: 0px;
    margin: 0px;
	border-right: 1px solid #FFFFFF;  
}

/* Text home page secondary text  */
.productText {

	font-size: 0.9em;
	color:#666666; 
    padding-top: 1em;
    margin: 0em;   
	background-image:url(../images/rule-h-gray-dots.gif); 
}



/***************************************************************************************/
/* MAIN CONTENT AREA STYLES                                                                 */
/***************************************************************************************/

H1 {
	font-size:1.2em;
	font-weight: bold;
	padding-bottom: 12px;
	padding-top: 3px;
	margin: 0px;
	color: #000000;
	}  

H2 {
	font-size:1.2em;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 16px;
	margin: 0px;
	background-image:url(../images/rule-h_beforeAfter.gif);
	}  

H3 {
	font-size:1.2em;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #467095;
	/*color: #3861B2; */
	font-weight: bold;
	margin: 0px; 
} 

/* Not being used  */
H4 {
	font-size: 1.0em;
	padding-bottom: 4px;
    margin: 0px;   
	line-height: 1.4em;
	color: #333333;}


.bodyText {

	font-size: 1.0em;
	padding-bottom: 8px;
    margin: 0px;   
	line-height: 1.4em;
	color: #000000;
}

.bodyTextMore {

	font-size: 1.0em;
	padding-bottom: 3px;
    margin: 0px;   
	line-height: 1.4em;
	color: #000000;
}

/* Used for 3px space after body text - used on content page for list item header  */
.bodyListHeading {

	font-size: 1.0em;
	padding-top: 4px;
	padding-bottom: 5px;
    margin: 0px;   
	line-height: 1.4em;
	color: #000000;
}

/* Text for Back to Top link  */
.smallText {

	font-size: 0.9em;
    margin: 0px;
}

/* Text for Back to Top link  */
.smallTextSecondary {

	font-size: 0.9em;
    margin: 0px;
	color: #666666;
}


/* not used */
.editField {
	font-size: 1.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border: 1px solid #999999;
}

/* not used */
.button {
	font-size: 1.1em;
}

/***************************************************************************************/
/* RIGHT COLUMN                                                       */
/***************************************************************************************/

/* RC background */
.rcBackground {  
	background-color: #DDD9CA;
}

/* RC background */
.rcBackgroundBottom {  
	background-color: #DDD9CA;
	background-image:url(../images/rule-h-gray-dots.gif);
}

/* Titlebar for right column modules */
.skinTitleHome {
	font-size: 0.8em;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
	padding: 3px 6px;
}

/* Background for right column */
.skinContentShell {
	margin: 0px;
	padding: 6px;
}

/* Text for right column modules  */
.rcText {
	font-size: 0.8em;
	color:#000000;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 2px;
	margin: 0px;
	background-image:url(../images/rule-h-gray-dots.gif);
}


/* Link Text for right column modules  */
.rcTextLink, .rcTextLink:active {

	font-size: 1.0em;
    color: #003399;
    text-decoration: none;
}

.rcTextLink:visited {

	font-size: 1.0em;
    color: #990099;
    text-decoration: none;
}

.rcTextLink:hover {

	font-size: 1.0em;
    color: #6699CC;
    text-decoration: underline; 
}

/***************************************************************************************/
/* FOOTER                                                                              */
/***************************************************************************************/
.footer {
	font-size: 0.9em;
	color:#ACA99D;
	padding-top: 3px;
	padding-bottom: 4px;
	background-color: #000000;      
}

.footerTextSelected {
	font-size: 0.9em;
	font-weight: bold;
    color: #FFD156;     
}

/* Link style for footer text */
.footerLink, .footerLink:visited, .footerLink:active {
	font-size: 0.9em;
	font-weight: bold;
	color: #DDD9CA;
    text-decoration: none; 
}

/* Hover Link style for footer text */
.footerLink:hover {
	font-size: 0.9em;
	font-weight: bold;
    color: #F3AA1D;
    text-decoration: underline; 
}

/***************************************************************************************/
/* POPUP                                                                               */
/***************************************************************************************/

.popupBanner
 {
	font-size: 1.3em;
    color: #FFFFFF;
	background: #000000;
    font-weight: bold; 
	padding: 10px 10px;
	background-image:url(../images/banner_bg.jpg);
}

/***************************************************************************************/
/* PHOTO SPACING                                                                       */
/***************************************************************************************/

/* Vertical spacing for thumbnail photos on home page */
.photoExtraSmall { 
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 3px;
	margin: 0px;
}

/* Vertical spacing for 110 px photos on content pages */
.photoBody { 
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 4px;
	margin-top: 0px;
}

/* Vertical spacing for 110 px photos on content pages */
.photoBodyRight { 
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	margin-top: 0px;
}

/***************************************************************************************/
/* ANCHOR TEXT                                                                         */
/***************************************************************************************/


.anchorLink, .anchorLink:active, .anchorLink:visited {
	font-size: 0.9em;
    color: #003399;
    text-decoration: none;
}

.anchorLink:hover {
    font-size: 0.9em;
	color: #6699CC;
    text-decoration: underline; 
}

.anchorLinkSmall, .anchorLinkSmall:active, .anchorLinkSmall:visited {

	font-size: 1.0em;
    color: #003399;
    text-decoration: none;
}

.anchorLinkSmall:hover {

	font-size: 1.0em;
    color: #6699CC;
    text-decoration: underline; 
}

/***************************************************************************************/
/* LINK LISTS                                                                          */
/***************************************************************************************/

.linkList, .linkList:active {
	font-size: 1.0em;
    color: #003399;
    text-decoration: none;
}

.linkList:visited {
	font-size: 1.0em;
    color: #990099;
    text-decoration: none;
}

.linkList:hover {
    font-size: 1.0em;
	color: #6699CC;
    text-decoration: underline; 
}

/***************************************************************************************/
/* TABLE STYLES                                                                        */
/***************************************************************************************/

/* Top-level table tag of simple table */
.table {     
    border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
        
}

/* Column header - for simple table */
.tableHead {
    
    font-weight: bold;
    text-align: left;
	background-color:#EFEFEF;
	padding: 2px 8px;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}

/* Table row - for cells of simple table */
.tableRow {
    
	padding: 3px 8px;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}

/* Table row - for cells of simple table */
.tableFooter {
    
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 8px;
	font-size: 0.9em;
	font-style: italic;

}

/* Table row - for cells of simple table */
.logo {
    
	padding-bottom: 8px;

}