﻿/* Usage Notes:
 *   - With #leftmenu and #rightmenuthe, the use of "overflow: hidden" is
 *     paired with "if IE 6" script in the markup to work around IE 6 box bug.
 */
html, body { background-color: #a090e0; margin: 3px; padding: 0; }
body { color: #100100; font-size: 100%; font-family: Arial, Helvetica, SunSans-Regular, Geneva, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
p { font-size: 0.85em; line-height: 125%; margin: 0; padding: 0; }
img { margin: 0; padding: 0; }
li { font-size: 0.85em; line-height: 125%; margin: 0; padding: 0; }
form { background-color: #fff; margin: 0; padding: 0; }
.hiddensubmit
{
	border: 0;	/* Next 3 for Moz */
	padding: 0;
	margin: 0;
	Width: 0;
	Height: 0;
	visibility: visible;
	overflow: hidden;
}
.skipnav
{
	border: 0;	/* Next 3 for Moz */
	padding: 0;
	margin: 0;
	Width: 0;
	Height: 0;
	visibility: visible;
	overflow: hidden;
	position: absolute;
	left:-999px; /* Still needs this to avoid empty line */
}

/*BEGIN MASTHEAD STYLES*/

#masthead { overflow: hidden; background-color: #fff; background-image: url(images/masthead_bkd.gif); background-repeat: repeat-x; background-position: 0 0; height: 152px; margin: 0; padding: 0; border-color: #a090e0; border-style: solid; border-width: 0 0 6px; }
#upperlinks { color: #a090e0; font-size: 0.75em; line-height: 100%; background-color: #fff; background-image: url(images/upper_links_bkd.gif); background-repeat: repeat-x; background-position: 0 0; height: 152px; float: right; margin: 0; padding: 0 18px; }
#upperlinks a, #upperlinks a:link, #upperlinks a:visited { color: #a090e0; text-decoration: none; padding-top: 12px; display: block; }
#upperlinks a:hover { color: #000; text-decoration: underline; padding-top: 12px; display: block; }
.upperbuttons { margin: 0px; padding: 2px; font-size: 0.75em; }
#dndlogo { background-color: #000; width: 207px; height: 152px; float: left; margin: 0; padding: 0; }
#companyinfo { height: 152px; margin: 0; padding: 0; }
#companyinfo h1 { color: #000; font-size: 2em; font-family: Arial, Helvetica, SunSans-Regular, Geneva, sans-serif; font-weight: bold; text-align: center; padding-top: 18px; }
#companyinfo h3 { color: #a090e0; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 100%; text-align: center; padding-top: 6px; }
#companyinfo h6 { color: #a090e0; font-size: 0.9em; font-weight: normal; font-style: italic; text-align: center; padding-top: 4px; }
#masthead h1 { color: #000; font-size: 2em; font-family: Arial, Helvetica, SunSans-Regular, Geneva, sans-serif; font-weight: bold; text-align: center; padding-top: 18px; }
#masthead h3 { color: #a090e0; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; padding-top: 6px; }
#masthead h6 { color: #a090e0; font-size: 0.9em; font-weight: normal; font-style: italic; text-align: center; padding-top: 4px; }

/*BEGIN HORIZONTAL MENU STYLES*/

#box1 { background-color: #fff; background-image: url(images/h_menu_bkd.gif); background-repeat: repeat-x; background-position: 0 0; text-align: center; height: 33px; margin: 0; padding: 0; }
#box1 .topmenu { color: #a090e0; font-size: 0.75em; text-align: center; width: 80%; height: 33px; margin: 0 auto; padding: 0; }
/*
#box1 table { color: #a090e0; font-size: 0.75em; text-align: center; width: 80%; height: 33px; margin: 0 auto; padding: 0; }
*/
#box1 td a, #box1 td a:link, #box1 td a:visited { color: #a090e0; line-height: 33px; text-decoration: none; text-align: center; display: block; }
#box1 td a:hover { color: #fff; background-image: url(images/h_menu_hover_bkd.gif); background-repeat: repeat-x; background-position: 0 0; text-align: center; display: block; }

/* BEGIN LEFT MENU STYLES */

#leftmenu { overflow: hidden; background-color: white; background-image: url(images/left_menu_bkd.gif); background-repeat: repeat-x; background-position: 0px 0px; width: 120px; float: left; padding-bottom: 12px; }
#leftmenu .lftmenu { position: relative; top: 12px; width: 100%; margin: 0; padding: 0; }
/*
#leftmenu table { position: relative; top: 12px; width: 100%; margin: 0; padding: 0; }
*/
/* Font size for anchor is set to 1em by the framework unless the Menu's font-size
   property set in markup (now in skin file). CSS is ignored. */
#leftmenu a.mainlinks, #leftmenu a.mainlinks:link, #leftmenu a.mainlinks:visited { color: #707c90; line-height: 125%; text-decoration: none; padding-left: 8px; display: block; }
#leftmenu a.mainlinks:hover { color: #fff; background-color: #ccc; background-image: url(images/purple_square.gif); background-repeat: no-repeat; background-position: 0px 4px; display: block; }
/*
#leftmenu td.mainlinks a, #leftmenu td.mainlinks a:link, #leftmenu td.mainlinks a:visited { color: #707c90; font-size: 0.9em; line-height: 225%; text-decoration: none; padding-left: 18px; display: block; }
#leftmenu td.mainlinks a:hover { color: #fff; background-color: #ccc; background-image: url(images/purple_square.gif); background-repeat: no-repeat; background-position: 6px 13px; display: block; }
#leftmenu #leftactive a { color: #fff; font-size: 0.9em; line-height: 225%; background-color: #000; background-image: url(images/purple_square.gif); background-repeat: no-repeat; background-position: 6px 13px; text-decoration: none; padding-left: 18px; display: block; }
#leftmenu td.sublinks a, #leftmenu td.sublinks a:link, #leftmenu td.sublinks a:visited { color: #707c90; font-size: 0.75em; line-height: 250%; text-decoration: none; padding-left: 30px; display: block; }
#leftmenu td.sublinks a:hover { color: white; background-color: #ccc; background-image: url(images/purple_square.gif); background-repeat: no-repeat; background-position: 18px 13px; display: block; }
*/

/*BEGIN RIGHT MENU STYLES*/

#rightmenu { overflow: hidden; background-color: white; background-image: url(images/left_menu_bkd.gif); background-repeat: repeat-x; background-position: 0 0; width: 160px; float: right; padding-bottom: 12px; }
#rightmenu .rtmenu { position: relative; top: 12px; width: 100%; margin: 0; padding: 0; }
/*
#rightmenu table { position: relative; top: 12px; width: 100%; margin: 0; padding: 0; }
*/
/* Font size for anchor is set to 1em by the framework unless the Menu's font-size
   property set in markup (now in skin file). CSS is ignored. */
#rightmenu a.mainlinks, #rightmenu a.mainlinks:link, #rightmenu a.mainlinks:visited { color: #707c90; line-height: 125%; text-decoration: none; padding-left: 8px; display: block; }
#rightmenu a.mainlinks:hover { color: #fff; background-color: #ccc; background-image: url(images/purple_square.gif); background-repeat: no-repeat; background-position: 0px 4px; display: block; }
/*
#rightmenu td.mainlinks a, #rightmenu td.mainlinks a:link, #rightmenu td.mainlinks a:visited { color: #707c90; font-size: 0.9em; line-height: 225%; text-decoration: none; padding-left: 18px; display: block; }
#rightmenu td.mainlinks a:hover { color: #fff; background-color: #ccc; background-image: url(images/purple_square.gif); background-repeat: no-repeat; background-position: 6px 13px; display: block; }
#rightmenu #rightactive a { color: #fff; font-size: 0.9em; line-height: 225%; background-color: #000; background-image: url(images/purple_square.gif); background-repeat: no-repeat; background-position: 6px 13px; text-decoration: none; padding-left: 18px; display: block; }
#rightmenu td.sublinks a, #rightmenu td.sublinks a:link, #rightmenu td.sublinks a:visited { color: #707c90; font-size: 0.75em; line-height: 250%; text-decoration: none; padding-left: 30px; display: block; }
#rightmenu td.sublinks a:hover { color: white; background-color: #ccc; background-image: url(images/purple_square.gif); background-repeat: no-repeat; background-position: 18px 13px; display: block; }
*/

/*BEGIN DIVBODYCONTENT STYLES*/

/* divbodycontent wraps content page from master page, spaces left and right menus */
#divbodycontent { background-color: #fff; background-image: url(images/body_content_bkd.gif); background-repeat: repeat-x; background-position: 0 0; padding: 12px 30px 24px; margin: 0 160px 0 120px;	/*  add 30px to divbodymenuleft to get left margin for IE for small fonts */}
#divbodycontent p { font-size: 0.85em; line-height: 125%; margin: 0; padding: 0; }
#divbodycontent h1 { color: #000; font-size: 1em; line-height: 125%; background-image: none; text-align: left; margin-top: 24px; margin-bottom: 12px; padding-top: 7px; padding-left: 7px; border-color: #a090e0; border-style: solid; border-width: 6px 0 0 2px; }
#divbodycontent ul { background-image: none; text-align: left; margin: 0 0 0 12px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; list-style-type: square; }
#divbodycontent table { margin-top: 18px; margin-bottom: 0; padding: 0; }
#divbodycontent tr { background-image: url(images/masthead_bkd.gif); background-repeat: repeat-x; background-position: 0 0; text-align: center; vertical-align: text-top; margin: 0; padding: 0; }
#divbodycontent li { color: #000; background-image: none; padding-bottom: 4px; }
#divbodycontent td.lrule { padding-top: 12px; padding-left: 12px; text-align: left; }
#divbodycontent td.vrule { padding-top: 12px; padding-left: 12px; border-color: white; border-style: solid; border-width: 0 0 0 6px; }
.divcontent {background-color: white;padding: 0;margin: 0;}

/*BEGIN FOOTER STYLES*/

#footer { background-color: #f00; background-image: url(images/footer_bkd.gif); background-repeat: repeat-x; background-position: 0 0; text-align: center; height: 72px; visibility: visible; clear: both; margin: 0; padding: 0; }
#footer .bottommenu { color: #a090e0; font-size: 0.75em; line-height: 24px; text-align: center; position: relative; top: 24px; width: 80%; height: 18px; margin: 0 auto; padding: 0; border-width: 0; }
/*
#footer table { color: #a090e0; font-size: 0.75em; line-height: 24px; text-align: center; position: relative; top: 24px; width: 800px; height: 18px; margin: 0 auto; padding: 0; border-width: 0; }
*/
#footer td a, #footer td a:link, #footer td a:visited { overflow: hidden; color: #a090e0; line-height: 18px; text-decoration: none; text-align: center; display: block; }
#footer td a:hover { color: #000; text-decoration: underline; text-align: center; display: block; }
#footer .copyrightinfo { color: #a090e0; font-size: 0.65em; font-style: italic; text-align: center; position: relative; top: 30px; height: 30px; }
/*
#footer .pipestem { background-image: url(images/footer_pipestem.gif); background-repeat: no-repeat; background-position: 100% 0; }
*/
#lnkfooter { text-align: center; }

/* Site Map Styles */
.sitemapbackcolor
{
	background-color: White;
}
.sitemaplinecolor
{
	background-color: #A090E0;
}
