/*NOTE: be sure that there is no space between measurement numbers and units, e.g., 5(no space)em*/

/*Main text style for page*/

body {
	margin: 0; 
	font-size: 100%; 
	font-family: "Trebuchet MS", "Arial", "helvetica", sans-serif; 
	text-align: center;
	line-height: 1.45em;
	color: #000; 
	background-color:#660000;
} 

#wrapper {
	width:97%;
	min-width: 770px;
	margin: 0 auto;
	text-align:left;
	color: #000;
	background-color: white;
	padding: 0;
	border-left: solid 2px #808080;
	border-right: solid 2px #808080;
}
 #content {
	width: 100%;
	background-color: white;
 }

#branding { 
	height: 120px; 
	background-image: url("images/chw-banner.jpg");
	background-repeat: no-repeat; 
	background-position: center;
	color: #fff; 
	background-color: #313131;
	margin: 0;
	padding:0;
}

#mainContent	{
	float:left; 
	width:65%;
	background-color: #fff;
	color: #000; 
	padding: 0px 10px 10px 20px;
	margin: 0;		
} 

#secondaryContent	{
	float:right;
	width:225px;
	text-align: center;
	padding: 50px 0 0 10px;
	margin: 0;
	background-color: #fff;
}

.secondcontent1 {
	margin: 50px 0 0 0;
	text-align: center;
	padding:0;
	}

.secondcontent2 {
	margin: 10px 10px 30px 10px;
	padding: 0	20px 0 0;
	font-size: 85%;
	font-style: italic;
	}

#navcontainer {
	background-color:#E1E1E1;
	height:26px;
	background: url(images/grey-bkgd.jpg) repeat-x;
	font-size: 90%;
	text-align: left;
	margin: 0 0 0 -1px;
	border-top: solid 1px #B9B9B9;
	border-bottom: solid 1px #B9B9B9;
}

#navlist  { 
	padding: 0;
	margin: 0;
	list-style: none;
	width:100%;
	float: left;	
	}

#navlist ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width:100%;
	float: left;
}

#navlist li { /* all list items */
	float: left;
	position: relative;
	text-decoration: none;
	list-style: none;
	line-height: 1.4;
}

#navlist li a {
	display: block;
	Padding: .2em 1em;
	line-height: 1.4;
	color: #003300;
	text-decoration: none;
	text-align: left;
	background: url(images/divider.gif) repeat-y left top;

}

#navlist li a:hover {
	color:#FFFF99;
	/*background: url(images/mainNavBgHover.gif) repeat-x;*/
	}

#navlist li a:active {
	color: red;
}


#navlist li li a {
	display: block;
	color: #003300;
	padding: .2em 1em;
	margin: 0;
	list-style-type: none;
	background-color:#515151;
	background-image: none;
	border-top: 1px solid #333333;
	background: url(images/grey-bkgd.jpg) repeat-x;
}

li.training {
	width: 17em;}

li.hearing {
	width: 13em;}

li.health {
	width: 18em;}

li.about {
	width: 12em;}

#navlist li li a:active {
	color: red;
}


li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

a img {border: none;}

#photos {
	font-size:76%;
	width:19%;
	float:right;
	background-color: #FFF;
	padding:1em .5em 0 .5em;
	margin-top:2em;
} 

a:link {
	color: #3300FF; 
	font-weight: bold; 
	text-decoration: none;
}

a:visited {
	color: #3300CC; 
	font-weight: bold; 
}

a:hover {
	color: #FF9933; 
	font-weight: bold; 
	text-decoration: none;
}

a:active {
	color: #FF3366; 
	font-weight: bold; 
	text-decoration: none;
}


h1 {
	background-color:#FFF;
	color:#990000;
	margin-top: 1.5em;
}

h2, h3, h4, h5, h6 {
	margin-bottom: 0em; 
	color:#004000;
	background-color:transparent;
}



h1, h2, h3, h4 	{
	font-family: "Trebuchet MS", "arial", "helvetica", sans-serif;}


h1 {font-size: 165%; }
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 120%; font-style: italic;}
h5 {font-size: 100%; font-weight: bold;}
h6 {font-size: 100%; font-style: italic;}

.skiplink {display:none;} /*to hide the accesibility "skip link" which skips over nav bar*/


/* List Styles  ---------------------------------------------------------------------*/
/*Navigation List*/


/*Ordered (numbered) list*/
ol.numberlist1 {line-height: 1.25em;}
li.numberlist1 {margin-bottom: .5em;}

ol.numberlist2 {line-height: 1.25em; list-style-type: lower-roman;}

/*Unordered (bulleted) list */
ul.bulletlist1 {list-style-type: square;}
li.bulletlist1 {margin-bottom: .5em;}
.bulletlist1 ul li {list-style-type: square; }

/*Lists with checkmarks*/

.bulletlist2 li {
	list-style-type: none;
	background-image: url(images/greencheckmark2.jpg);
	background-repeat: no-repeat;
	padding-left: 2em;
	margin-bottom: .5em;
}


.bulletlist2 li ul {
	list-style-type: disc;
	padding-left: 1em;
}

/*List for i, ii, iii ol */

.numberlist3 li {
	list-style-type: lower-alpha;
	padding-left: 2em;
	margin-bottom: .5em;
}

.numberlist3 li ol li {
	list-style-type: lower-roman;
	padding-left: .5em;
}


/*Use list3 (formerly bulletlist3) for .pdf downloads lists or when you don't want a bullet. Add the image images/pdf2.jpg after the anchor tag before the anchor text for a little .pdf image to be part of the hyperlink (see membership info page for an example)*/
.list3 {list-style: none;
line-height: 1.5em;
margin-bottom: 1.5em;
margin-left:2em;}

img.list3 {margin-right:1em;margin-bottom:-.5em;}

.imagewrapper {
	background: url(images/shadow.gif) no-repeat bottom right;
	clear: right;
	float: left;
	margin-bottom: 15px;
	}
.imagewrapper img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin: -5px 5px 0px -5px;

	}
	
.imagefloat {
	margin: 25px 0 0px 0;
	float: right;
	}


	
.imagefloatleft {
	margin: 25px 0 0px 0;
	float: left;
	}



/*this is similar to bulletlist4, but works better with larger images, and img has border.*/
.list4 {list-style-type: none; line-height: 1.5em;margin-bottom: 1.5em;margin-left:6em;}
img.list4 {margin-right:4em;margin-bottom:-2em;border:solid 2px #369;}

.list5 {list-style: none;}

/* ALTERNATIVE TEXT STYLES */

/*Note style*/
p.note {font-style: italic;}

p.author {font-style: italic; text-align: right;margin-top:-1em;}

/*Indented Text styles - indent1 is indented both right and left, indent2 same indents plus italicized*/

.indent1 {margin-left:4em;margin-right:4em;}
.indent2 {font-style:italic;margin-left:4em;margin-right:4em;}

hr {
 border-style: none;
 background-color: #FFF;/* need this for Mozilla */
 color: #000;/* need this for IE */
 height: 1px;
 width: 100%;}

.title {
	font-variant: small-caps;
	letter-spacing: .15em;
	font-weight: bold;
	font-size:150%;
	color:#006600;
	background-color:#fff;
}
/* Footer div and links */

#footer	{
	margin: 0; 
	padding: 5px 0;
	border-top:solid 4px #660033;
	color: #000; 
	background-color:#FFCCFF;
	background: url(images/grey-bkgd-footer.jpg);
	text-align: center;
	clear:both;
	font-size:90%;
	line-height: .75;
	
}

/*#footerfloat {background-image: url("images/apple_watermark.gif");
margin-bottom: 100px;}*/

.footer2 {
	font-size:80%;
}

.footer a:link		{color: #093;	text-decoration: none;}
.footer a:visited	{color: #060;	text-decoration: none;}
.footer a:hover		{color: #903;	text-decoration: none;}
.footer a:active	{color: #F03;	text-decoration: none;}


.imagetable {
	border: none;
	clear: both;
	background: url(images/shadow.gif) no-repeat bottom right;
	clear: right;
	float: left;
	margin-bottom: 15px;
	}
.imagetable img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin: -5px 5px 0px -5px;
	}