/***** General *****/

* {margin:0; padding:0;}

BODY {margin:0px; padding:0px; font-family: Arial; font-size: 12pt; 
	background-color:#C0C0C0; color:#000; behavior:url(csshover.htc);}
	
/********************************  Page Layout *************************************/

/* Page wrapper. */
/* To center the overall page on a wide screen, but make text left-aligned (unless overridden to be centered in another div). */
#wrapper {
	position: relative;
   	margin: 0 auto; /* center on everything else */
   	width: 985px;  /* fixed width for content */
   	text-align: left;}
		
/* Add width + MarginAndPadding*2 (or height + MarginAndPadding*2) to get the true width (or height) of the div. */

/* Header. */
#header {width:985px; 
	text-align:center;
	margin: 7px 0px 10px 0px;
	border-bottom:1px solid #009615;
	}
	
/* Contains nav and main content column. */
#ContentArea {
	width:985px;
	margin:0px;
	}
	
/* Navigation bar. */
#nav {
	width:150px; 
	float:left;
	margin:0px 0px 0px 5px;
	}

/* Main content column. */
#content {
	width:800px; 
	float:left;
	margin:0px 30px 0px 0px;
	}

/* Footer. */
#footer {
	border-top:1px dashed #009615;
	width:985px; 
	padding:0px; 
	float:left;
	text-align:center;}
	
.clearthefloats {clear:both;}


/********************************  Text Formats *************************************/

/***** Navigation *****/
#nav ul, div#nav li {list-style-type:none; margin-left:0px; padding:0px; border-width:0px;}
#nav a:link, #nav a:visited
	{color:#009615; text-decoration:none; font-family: Verdana, Arial;}
#nav a:hover
	{color:#FFF; text-decoration:none; font-family: Verdana, Arial;}

#nav ul li {font-size: 13pt;}

/* These control the sub-links under the main categories */
#nav ul li ul {margin-left:25px;}
#nav ul li ul li {font-size: 12pt;}

/***** Content *****/
#content a:link, #content a:visited {color:#009615; text-decoration:none;}
#content a:hover {color:#FFF; text-decoration:none;}

#content ul li {list-style-image:url('images/LilyClearMasterTiny.gif'); padding:0px; vertical-align:center;}

/***** Footer *****/
#footer ul {list-style-type:none; margin-left:0px; padding:0px; border-width:0px;}
#footer li {list-style-type:none; margin-left:0px; padding:0px; border-width:0px; float:left;
	color:#C973A4;}
#footer a:link, #footer a:visited {color:#C973A4; text-decoration:none; font-weight:bold; 
	font-size: 12pt;}
#footer a:hover {color:#FFF; text-decoration:none; font-size: 12pt;}
#footer td {font-family: Arial; font-size: 12pt; color:#CCCCCC;}
#footer .copy {font-family: Arial; font-size: 10pt; color:#7D7C7C;}
#footer .ftrText {font-family: Arial; font-size: 12pt; color:#000;}

h1, h2, h3, h4, h4, h5, h6 {font-family: Arial; margin:0px; color: #009615;
	font-weight:normal;}
h2 {font-family: Times New Roman; font-size:18pt; font-weight:bold;}	
h3 {font-family: Arial; font-size: 14pt;}		
h4 {font-family: Arial; font-size: 12pt;}		
h5 {font-family: Arial; font-size: 12pt; color: #FFF;}		

/* Use for non-linked text that you wish to display in green. */
.linkcolor {color: #009615;}

.custombutton {background-color:#009615; color:#FFFFFF;}

/* For "invisible text" the same color as the background color. */
.invisible {color: #C0C0C0;}

/********************************  Definitions *************************************/

/* definition indicator */
.defind {border-bottom: #009615 dashed thin; color:#FFFFFF; }

strong {font-family: Arial; font-size: 12pt; color: #FFF; font-weight:normal;}
.fine {font-size: 10pt;}
b {font-family: Arial; color: #FFF; font-weight:bold;}
	
/***** Definition "pop-up" windows *****/
#definition1 {width: 650px; border: solid #CE71A4; visibility:hidden; position:absolute;
	left:50px; top:230px; z-index: 2; background-color: #FFF; color: #000; padding: 5px;
	font-size: 11pt;}
#definition1 b {font-family: Arial; color: #009615; font-weight:bold;}

#definition2 {width: 480px; border: solid #CE71A4; visibility:hidden; position:absolute;
	left:140px; top:250px; z-index: 2; background-color: #FFF; color: #000; padding: 5px;
	font-size: 11pt;}
#definition2 b {font-family: Arial; color: #009615; font-weight:bold;}


/***************************  Drop-down Navigation in Footer *******************************/

/***** Horizontal Navigation *****/
/* the horizontal menu starts here */
div#listmenu * {margin:0; padding:0; align:center;}

div#listmenu {
    width:100%;     /* makes the div full width */
    float:left; /*makes the div enclose the list */
    border-top:1px solid #C0C0C0;   /* draws line on top edge of div */
    border-bottom:1px solid #C0C0C0;     /* draws line on bottom edge of div */
    font-size:1em;  /* SET FONT-SIZE HERE -- pixel spec. doesn't work reliably in Mozilla and Netscape*/
/*    background-color:#06A8AB;*/ /* colors the div - turquoise */
    }
div#listmenu ul {margin:0 0 0 4px;/* indents enter navbar from left edge of screen */
                                   /* - this value should be twice the value in the ie HACK section */
    }
div#listmenu li {
    float:left; /* causes the list to align horizontally instead of stack */
    position:relative;  /* positioning context for the absolutely positioned drop-down */
    list-style-type:none;   /* removes the bullet off each list item */
    background-color:#C0C0C0; /*sets the background of the menu items - gray */
    font-weight:bold;
    }
div#listmenu li:first-child {
    border-left:1px solid #C0C0C0; /*the first vertical line on the menu */
    display:block;
    }
div#listmenu a {
    display:block;
    padding:0 6px; /*creates space each side of menu item's text */
    text-decoration:none;    /* removes the underlining of the link */
	background-color:#C0C0C0; /*sets the background of the menu items - gray */
    color:#C973A4;   /* sets the type color - pink */
    }
div#listmenu a:hover {
    background-color:#C0C0C0; /*sets the background of the hover - gray */
	color:#C973A4;  /* sets the type color - pink */
    }
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
    position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
    width:7em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
    left:-3px; /*aligns the drop exactly under the menu */
    /* lines up perfectly in IE; not netscape and mozilla...adjusting to line up in netscape and
    mozilla causes it to not line up in IE of course. */
    }
div#listmenu ul li ul li {
    width:100%; /* makes the list items fill the list container (ul) */
    border-left:1px solid #C0C0C0; /*  three sides of each drop-down item */
    border-bottom:1px solid #C0C0C0;
    border-right:1px solid #C0C0C0;
    }
div#listmenu ul li ul li:first-child {
    border-top:1px solid #C0C0C0; /* the top edge of the dropdown */
    }
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
    float:left; /* makes the ul wrap the li's */
    margin-left:2px; /* IE doubles the given value above - why? -- see note at div#listmenu ul margin spec. */
    }
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
    border-top:1px solid #C0C0C0;
    border-left:0px; /* stops the drop inheriting the ul border */
    }
/* end of hack zone */

/* END OF LIST-BASED MENU */

/***** Clearing Code *****/
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method *//***** Clearing Code *****/
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */