body {  margin: 0 0 0 0; }
a { color: #654321; } 
a:hover{ color: #FFCC00; }

/* the overall page styles */
#container { width: 100%; background-color:#769083; color: #000000; }
/* end of overall page styles */

/* header pane styles - inherits from container */
.btnLogInOff { color: #769083; background-color:#ffffcc; font-size: 14px; font-weight: bold; width: 70px; padding-bottom: 5px; }
#top, #topLNav { padding: 0em; background-color: #769083; color: #ffffff; height: 91px; margin: 0 0 0 0; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; position: relative; 
# z-index: 50000; }
#topLNav { height: 91px; }
#top #login, #topLNav #login { font-size: 10px; }
#topLNav #login, #top #login { text-align: left; }
#top #logo, #topLNav #logo { width: 213px; float: left; }
#topLNav #logo { }

span#crumbs { font-size: 14px; padding-left: 10px; }
#topLNav #login span#logoutLink, #topLNav #login span#crumbs, #top #login span#logoutLink, #top #login span#crumbs { position:absolute; bottom: 0; padding-bottom: 5px; float: left; } 
#topLNav #login span#logoutLink, #top #login span#logoutLink { background-color: #33FF99; bottom: 0; padding-top: 5px; padding-right: 10px; padding-left: 10px; color: #769083; }
#topLNav #login span#crumbs, #top #login span#crumbs { padding-bottom: 5px; padding-left: 5px; margin-left: 5px; color: #654321; }
#topLNav #login span#crumbs a, #top #login span#crumbs a { color: #654321; }
/* end of header pane styles */

/* navigation pane styles - inherits from container */
#navbar { background-color: #769083; height: 20px; vertical-align:top; margin: 0 0 0 0; padding: 0; text-align:center; }
/* end of navigation pane styles */

#navLeft { float: left; width: 100px; margin: 0px; padding: 0px; background-color: #769083; color: #ffffff; padding-top: 25px;}
#divTitle { margin-left: 210px; text-align: center; background-color: #769083; color: #ffffff; position: relative; padding-top: 5px; padding-bottom: 5px; text-align: left; color: #ffffff; padding-left: 5px; }

/* content pane styles - inherits from container */
#content, #contentLNav { background-color:#ffffff; padding-top: 4px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; position: relative; }
#content p.error, #contentLNav p.error, #content p.success, #contentLNav p.success { font-weight: bold; font-size: 14px; }

/* success / error message styles - inherits from content */
#cMsgs { margin-bottom: 5px; }
#cMsgs div.errorHdr { background-color: #994545; border-top: #330000 3px solid; border-left: #330000 3px solid; border-right: #330000 3px solid; color: #ffffff; font-style: italic; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 24px; width: 105px; padding-left: 10px; position: relative; top: 3px; }

#cMsgs div.errorHdr, #cMsgs div.successHdr { background-color: #994545; border-top: #330000 3px solid; border-left: #330000 3px solid; border-right: #330000 3px solid; color: #ffffff; font-style: italic; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 24px; width: 105px; padding-left: 10px; position: relative; top: 3px; }
#cMsgs div.successHdr { background-color: #459945; border-top: #003300 3px solid; border-left: #003300 3px solid; border-right: #003300 3px solid; width: 135px; }

#cMsgs div.errorMsgs, #cMsgs div.successMsgs { background-color: #994545;  border: #330000 3px solid; color: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; width: 600px; }
#cMsgs div.successMsgs { background-color: #459945; border: #003300 3px solid; }
#cMsgs div.errorMsgs ul, #cMsgs div.successMsgs ul { list-style-type: none; margin: 0 0 0 0; padding: 5px; }
#cMsgs div.errorMsgs ul li, #cMsgs div.successMsgs ul li { padding-bottom: 10px; }

/* footer pane styles - inherits from container */
#footer, #footer p.version, #footer td { font-family: Verdana, Arial, Helvetica, sans-serif; } 
#footer { clear: both; margin: 0; padding: 0px; color: #333333; color: #ffffff; background-color: #769083; text-align:center; font-size: 11px;  }
#footer p.version, #footer td { text-align:left; font-size:12px; color:#cccccc; padding: 0; margin: 0; }
/* end of footer pane styles */

#content h2, #content p, #content, .csSys, .csSysPlain, .csXSmallNote, #content ul.content, #content td.newsTitleCell, #contentLNav h2, #contentLNav p, #contentLNav, #contentLNav ul.content, #contentLNav td.newsTitleCell, div.divInfo { font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000; }
#content h2, #contentLNav h2 { margin: 0 0 .5em 0; }
#content h2.title, #contentLNav h2.title { text-align:left; color:#769083; margin: 2px 0 5px 0; font-weight:bold; font-style:italic; }
#content p, #contentLNav p { font-size:12px; line-height: 130%; }
#content p.title, #contentLNav p.title, #content p.faqtitle, #contentLNav p.faqtitle { text-align: left; color: #769083; font-style: italic; font-weight:bold; font-style:italic; }
#content p.title, #contentLNav p.title { font-size: 24px; margin: 2px 0 5px 0; }
#content p.faqtitle, #contentLNav p.faqtitle { text-decoration: underline; font-size: 18px; }
#content td.newsTitleCell, #contentLNav td.newsTitleCell {width: 25%; text-align: center; font-weight:bold; font-size:12pt;vertical-align:top;}

#content .csSys, #contentLNav .csSys, .csSysPlain, div.divInfo { font-size: 12px; }
#content .csSys, #contentLNav .csSys  { font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; }
#content .csItemPreview, #contentLNav .csItemPreview { font-family:"Times New Roman", Times, serif; color:#000000; font-size:20px; }
#content .csXSmallNote, #contentLNav .csXSmallNote { font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; }

#content ul.content, #contentLNav ul.content { font-size:12px; line-height: 130%; }
#content .tablediv, #contentLNav .tablediv { display: table; width:600px; border:none; border-spacing:5px; border-collapse:separate; }
#content .celldiv, #contentLNav .celldiv { float:left; display: table-cell; width:50%; }
#content .rowdiv, #contentLNav .rowdiv { display: table-row; width:auto; }
#content .coldiv, #contentLNav .coldiv { display:table-column; width: auto; }

#content #grayBox, #contentLNav #grayBox { border: 3px inset #769083; color:#769083; background-color:#CCCCCC; width:95%; text-align:left;padding: 5px; }


* html td.myCell, #contentLNav td.myCell { margin: 3px; padding: 3px; width: 265px; min-height: 146px; background-color: #C7B299; border-left: 1px solid #000000; border-right: 3px solid #000000; border-top: 1px solid #000000; border-bottom: 3px solid #000000; vertical-align:text-top; }

* html div.myCell { height: expression( this.scrollHeight < 147 ? "146px" : "auto" ); }
#contentLNav td.myCell div.csSys { color: #4A6D62; font-size: 18px; padding-bottom: 10px; text-align:center; }
#contentLNav td.myCell div.csSysPlain { font-size: 14px; padding-bottom: 5px; color: #769083; }
#contentLNav td.myCell hr { height: 3px; background-color: #769083; text-align:center; width: 85%; }
#contentLNav td.myCell .subBlock { background-color: #FFFFCC; padding: 3px; }

div.divInfo { background-color: #ffffcc; border: 2px solid #000000; color: #000000; padding: 5px; text-align:left; margin: 5px; }

/* *********** MENUS *********** */
.menu li.dividerAbove, .menuVert li.dividerAbove {!important;border-top:2px solid #ffffff;}
.menu li.dividerBelow, .menuVert li.dividerBelow {!important;border-bottom:2px solid #ffffff;}
.menu iframe, .menuVert iframe { position: absolute; left: 0; top: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }
/* *** BEGIN HORIZONTAL MENU *** */
.menu {position:relative; z-index:150;border-right:1px solid #000; font-family:verdana,arial,sans-serif; font-size:13px; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal */
/* use a relative position to control the dropdown menu position */
.menu li {float:left;position:relative;}

/* styles (font family and size, border, height, colors) for main menus */
/* NOTE: height must be set (not auto) in order for drop downs to always appear. */
.menu a, .menu a:visited {display:block; text-decoration:none; color:#ffffff; width:auto; height:19px; border:1px solid #000; border-width:0 0 0 1px; background:#769083; padding-left:10px; padding-right:10px; font-weight:bold;}
/* IE 6 hack */
* html .menu a, * html .menu a:visited {width:12em; w\idth:9em;}
/* different styling for the Login link so it stands out*/
.menu a.loginLink {color:#000000; background:#33FF99; }

/* styles (font family and size, border, height, colors) for first level of submenus */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#769083;}
/* style hover (i.e. cursor on the option) for the first level of submenus  */
.menu ul ul a.drop:hover{background:#ffffff; }
.menu ul ul :hover > a.drop {background:#ffffff; }
/* style the background for the second level of submenus */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#769083; }
/* style the hover (i.e. cursor on the option) for the second level of submenus */
.menu ul ul ul a:hover {background:#ffffff;}

/* hide the submenus and give them a position of absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:18px;left:0;width:189px; border-top:1px solid #000;}
/* IE 6 hack */
* html .menu ul ul {z-index:150;top:18px;t\op:19px;}

/* position the flyout menu (i.e. the second level of submenus) */
.menu ul ul ul{left:209px; top:-1px; width:169px;}

/* position left flyout menu (i.e. the second level of submenus) */
.menu ul ul ul.left {left:-209px;}

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

/* style the links for the first level of submenus  */
.menu ul ul a, .menu ul ul a:visited {background:#769083; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:189px; border-width:0 0 0 1px; text-align:left;}
/* IE 6 hack */
* html .menu ul ul a, * html .menu ul ul a:visited {width:22em;w\idth:16em;}

/* style the main menu hover (i.e. cursor on the option) */
.menu a.loginLink:hover{color:#000000; background:#33FF99; text-decoration:underline; }
.menu a:hover, .menu ul ul a:hover{color:#769083; background:#FFFFFF;}
.menu :hover > a, .menu ul ul :hover > a {color:#769083; background:#FFFFFF;}

/* make the first level of submenus visible when hover on main menu list OR link */
.menu ul li:hover ul, .menu ul li.iehover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the second level of submenus hidden when you hover on main menu list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the second level of submenus visible when you hover over first level submenus list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* *** END HORIZONTAL MENU   *** */

/* **** BEGIN VERTICAL MENU **** */
.menuVert {position:relative; z-index:150; font-family:verdana,arial,sans-serif; font-size:12px; padding-left: 3px; }

/* remove all the bullets, borders and padding from the default list styling */
.menuVert ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal */
/* use a relative position to control the dropdown menu position */
.menuVert li {position:relative; z-index: 2000;}
* html .menuVert ul ul li { position: relative; line-height: 0px; }

/* styles (font family and size, border, height, colors) for main menus */
/* NOTE: height must be set (not auto) in order for drop downs to always appear. */
.menuVert a, .menuVert a:visited {display:block; text-decoration:none; color:#ffffff; width:auto; height:21px; background:#769083; font-weight:bold;}
/* IE 6 hack */
* html .menuVert a, * html .menuVert a:visited {width:12em; w\idth:9em;}

/* styles (font family and size, border, height, colors) for first level of submenus */
.menuVert ul ul a.drop, .menuVert ul ul a.drop:visited {background:#ff9933; margin-bottom: 0px;}
/* style hover (i.e. cursor on the option) for the first level of submenus  */
.menuVert ul ul a.drop:hover{background:#ffffcc; }
.menuVert ul ul :hover > a.drop {background:#ffffcc; }
/* style the background for the second level of submenus */
.menuVert ul ul ul a, .menuVert ul ul ul a:visited {background:#ff9933; margin-bottom: 0px; }
/* style the hover (i.e. cursor on the option) for the second level of submenus */
.menuVert ul ul ul a:hover {background:#ffffcc;}

/* hide the submenus and give them a position of absolute so that they take up no room */
.menuVert ul ul {visibility:hidden;position:absolute;height:0; margin-left: 97px; top:-1px; width:220px; }
/* IE 6 hack */
* html .menuVert ul ul {z-index:150; top: 0px; margin-left: 107px; background-color: #ff9933; }

/* position the flyout menu (i.e. the second level of submenus) */
.menuVert ul ul ul{ left:123px; top:-1px; width:220px;}
* html .menuVert ul ul ul{ left:129px; top:-1px; width:189px;}

/* position left flyout menu (i.e. the second level of submenus) */
.menuVert ul ul ul.left {left:-209px;}

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

/* style the links for the first level of submenus  */
.menuVert ul ul a, .menuVert ul ul a:visited {background:#769083; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; left:203px; top:-1px; width:201px; text-align:left;}
/* IE 6 hack */
* html .menuVert ul ul a, * html .menuVert ul ul a:visited {width:24em;w\idth:18em;}

/* style the main menu hover (i.e. cursor on the option) */
.menuVert a:hover, .menuVert ul ul a:hover{color:#769083; background:#ffffcc;}
.menuVert :hover > a, .menuVert ul ul :hover > a {color:#769083; background:#ffffcc;}

/* make the first level of submenus visible when hover on main menu list OR link */
.menuVert ul li:hover ul, .menuVert ul li.iehover ul,
.menuVert ul a:hover ul{visibility:visible; }
/* keep the second level of submenus hidden when you hover on main menu list OR link */
.menuVert ul :hover ul ul{visibility:hidden;}
/* make the second level of submenus visible when you hover over first level submenus list OR link */
.menuVert ul :hover ul :hover ul{ visibility:visible;}
/* **** END VERTICAL MENU   **** */