/* CSS Document */

/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  -----------------------------------
*/
/*Background color is set to  white (or light tan #ECE9D8 or E1E1C4) and shows through only in the footer region and below.*/
html { font-size: 100%; /* IE hack */ }
/*The wrapper envelopes all page elements- including the masthead. 
The background color is set to white. Margin must be declared, even if it is zero, in order to 
accomodate an IE-Windows workaround for min-width deployed in a conditional comment on the page.
For more info on the workaround, see the readme_first file.*/
#pagewrapper {
	margin: 10px;
	background-color: #dcdacb;   /* putty: #dcdacb dk-teal: 556a61*/
}
body {
	font-family: verdana, Arial, sans-serif;
	font-size: 0.95em;
	color: #2f2f2f;
	background-color: #dcdacb;    /* putty: #dcdacb dk-teal: 556a61*/
	min-width: 760px;
	margin: 0;
	padding: 0 ;
}
/*workarounds for IE to ensure font sizes stay neutral*/
UL, TD P, BLOCKQUOTE P {font-size:0.95em}
TABLE, INPUT, SELECT, TH, TD {font-size: 0.95em}

/*The masthead contains the logo and mtns. Background color is set to white.*/
#masthead {
	padding: 0 ;
	background-color: #85a196;
	border: 1px solid #85a196;
}
/*The menubar DIV is the container for our menu. We set a background color.
Font-size is set to .85em, setting the menu text size.*/
#menubar {
/*	padding-left: 6px; */
	font-size: 0.80em;
	font-weight: bold;
	color: #efecd9;
	background-color: #0b3726;
}
/* set to no bullets so that submenus of popmenu magic don't show bullets in Opera  */
#menubar LI, menubar UL {
	list-style: none;
}
/*The masthead contains the logo and mtns. Background color is set to white.*/
#banner {
	padding: 0 ;
	background-color: #efecd9;
	background-image:url(images/nameswirl-bkgd.gif);
	border-left: 1px solid #85a196;
	border-right: 1px solid #85a196;
}
/*Sidecontent is the left column.*/
#sidecontent {
	padding: 16px 10px;
	width: 170px;
	font-size: 0.8em;
	line-height: 1.3em;
	border-right: 1px dotted #000000;
	border-left: 1px solid #85a196;
}
/*Style attributes specific to all level 4 headings in the sidecontent TD.*/
#sidecontent h4 {
	margin: 0;
}
/*The maincontent TD is the column that contains the page's main content.
A background image is set to display at the top right edge. To give this image room
to display, we set right padding to 72px.*/
#maincontent {
	background-color: #fff;
	font-size: 0.95em;
	padding: 16px 24px 20px 24px;
	line-height: 1.5em;
	border-right: 1px solid #85a196;
}
/*Paragraphs margins*/
#maincontent p, #sidecontent p {
	margin: 6px 0 8px;
}

/*Style attributes common to all level 1-4 headings*/
h1, h2, h3, h4 {
	margin: 0 0 10px 0;
	line-height: normal;
}
/*Style attributes specific to all level 1 headings*/
h1 {
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	font-size: 1.6em; color: #556a61;
}
/*Style attributes specific to all level 2 headings*/
h2 {
	font-family: Times New Roman, Times, serif;
	color: #90a690; font-size: 1.45em; 
	border-bottom: 3px dotted #e0dbb9;
	margin: 20px 0 10px 0;
}
/*Style attributes specific to all level 3-4 headings*/
h3 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .15em;
	color: #556a61; font-weight: bold;
	font-style: italic;
	font-size: 1.25em;
	margin: 24px 0 0;

}
h4 {
	font-family: Times New Roman, Times, serif;
	color: #7b7335;
	font-size: 1.25em;
	margin: 12px 0 0;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #2f2f2f;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	line-height: 1.1em;
	font-weight: normal;
}
UL {
 list-style-image: url(/images/bullet.gif);
}

UL UL LI {
list-style-image: url(/images/bullet_2.gif);
}

UL UL UL LI {
list-style-image: url(/images/bullet.gif);
}
LI {   /* to give space after each item in a bulleted list */
 margin-bottom: 8px;
}
#list-tight  li {
 margin-bottom: 2px;
 }
/*Footer styles.*/
#footer {
	padding: 6px 12px; 
	height: 56px;
	font-size: 0.8em;
	color: #efecd9;
	background-color: #dcdacb;
	background-image:url(images/footer-bk.gif);
	border-left: 1px solid #85a196;
	border-right: 1px solid #85a196;
}
#footer a:link, #footer a:visited {
		color: #efecd9;
		text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #90a69d;
	text-decoration: underline;

}
/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.*/
#maincontent a:link, #sidecontent a:link {
	color: #666699;
}
#maincontent a:visited, #sidecontent a:visited {
	color: #6666CC;
}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus,
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #999966;
	text-decoration: none;
}

/*-----PMM MENU STYLE UPDATES for this PAGE PACK-------*/

/*WORK AROUND FOR IE5 (MAC ONLY) The single backslash \ character inside this
comment causes IE5 Mac to ignore the following rule, which allows other browsers
to render top-level menu items at their natural widths.
DO NOT EDIT THIS COMMENT or the following rule. This rule should remain last in
this style sheet.*/
#p7PMnav li {
	width: auto;
}


 /* black background, 8pt verdana across width of screen instead of table background color */
.blackbar {
	font-family: verdana, Arial, Helvetica, sans-serif; background: #0b3726;
	font-size: 8pt; font-weight: bold; line-height: 12pt;
	color: #FFFFFF; 
}
.blackbar a:link 	{color: #FFFFFF; text-decoration: underline}
.blackbar a:active   { color: #DFDFFF; text-decoration: none }
.blackbar a:visited  { color: #FFFFFF; text-decoration: underline }
.blackbar a:hover    { color: #DFDFFF; text-decoration: none }


/*From CNI Camp page */
.camp-table  {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.80em;
	padding: 2px 2px 2px 4px;
	border: #777777 1px solid;
}
.odd {
	background-color: #EAEAFF; 
	}
.even {
	background-color: #FFFFcc; 
	}
/* to make a border as if inside a table */	
#boxed  {
	background: #E6F4D0;
	margin: 10px;
	padding: 5px;
	border:solid thin #999999 ;
	}	

/* This is from "common spot" for the 5-Minute Hearing Test survey/javascript in /Articles */
.cs_tab_inactive { padding:2;background-color:#C0C0C0;cursor:pointer;cursor:hand;font-size:14;font-family:"MS Sans Serif",Verdana,Geneva,sans-serif; }
.cs_tab_active	{ padding:2;background-color:#FFFFFF;cursor:pointer;cursor:hand;font-size:14;font-family:"MS Sans Serif",Verdana,Geneva,sans-serif;font-weight:bold;color:#004080; }
.cs_tab_background { padding:2; background-color:#FFFFFF;cursor:pointer;cursor:hand;font-size:14;font-family:"MS Sans Serif",Verdana,Geneva,sans-serif;font-weight:bold;color:#004080; }
.cs_default_form { padding:0; margin:0; }
.CS_Default_GhostText { text-decoration:none;color:#808080;cursor:pointer;cursor:hand;font-family:Verdana,Geneva,sans-serif;font-size:x-small; }

.commonspotmenu { padding-top:7px;padding-left:0;padding-bottom:7px;text-align:left;position:absolute;z-index:9;background-color:#C6C6C6; }
.commonspotmenu a { background-color:#C6C6C6; }
.commonspotmenu a:link {  background-color:#C6C6C6; }
.commonspotmenu a:visited { background-color:#C6C6C6; }
.commonspotmenu a:hover { background-color:#C6C6C6; }
.commonspotmenu img { display:inline;border-style:none; }
.commonspotIcon {display:inline;border-style:none; }
.commonspotmenu hr { text-align: center; color:#808080; size: 1; width: 90%; text-shadow: none; } 
/* Style for the highlightDynamicElments URL parameter */
.cs_sDebug_border { 
	border-bottom: 1px solid Yellow;
	border-top: 1px solid Yellow;
	border-left: 1px solid Yellow;
	border-right: 1px solid Yellow;
	padding: 8px; };
	
/*Above is the Commonspot styles for the /Article 5 minute hearing test 
http://www.entnet.org//commonspot/commonspot.css      */