/*     * {margin:0px;padding:0px;top:0px;left:0px;}    */
body{
	text-align: center;
	background-color: #666666;
}
#canvas{                 /* website is designed for a 1024x768 display, minimum */
	margin-right: auto;
	margin-left: auto;
	margin-top: auto; /* 10px or auto */
	position: relative;
	width: 1000px; /* same as canvas, header-background-image, navbar, content, and footer */
	text-align: left;
	background-color: #FFFFFF;
	/* border:1px solid black */
}
#header_index{
	background-image: url(images/header_index.jpg);  /* 1000 x 145 */
	height: 145px; /* 145px */
	width: 1000px; /* same as canvas, header-background-image, navbar, content, and footer */
	left: 0px;
	top: 0px;
	/* border:1px solid black; */
}
#header{
	background-image: url(images/header.jpg);  /* 1000 x 226 */
	height: 226px; /* 226px */
	width: 1000px; /* same as canvas, header-background-image, navbar, content, and footer */
	left: 0px;
	top: 0px;
}
#header_index a{
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	/*margin-left: 112px;*/
	/*font-family: "Courier New", Courier, mono;*/
	/*margin-top: 35px;*/
	font-family: Verdana;
	position: relative;
	left: 0px;
	top: 10px;
}
#header a{ /* text over header image */
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	/*margin-left: 112px;*/
	/*font-family: "Courier New", Courier, mono;*/
	/*margin-top: 35px;*/
	font-family: Verdana;
	position: relative;
	left: 0px;
	top: 10px;
}
#header span{
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	/* background-color: #808080; */
	/* border:1px solid black; */
	/* text-shadow: 2px 2px #000000; */
	text-decoration: none;
	/*margin-left: 112px;*/
	/*font-family: "Courier New", Courier, mono;*/
	/*margin-top: 35px;*/
	font-family: Verdana;
	position: relative;
	left: 8px;
	top: 4px; /* was 185 */
}

.sitename {
	text-align: center;
	width: 110px; /* $1 was 240 */
}

/*----------- new purecss -----------------------------------*/
/*
 * copied from inline style in 1_purecssmenu.html
 * with unused blocks renamed from pureCssMenu to pureCssMenu2
 * only pureCssMenu are used so pureCssMenu2 is a comment
 *
 * enabled 3-IE6 blocks (changed pureCssMenu2 back to pureCssMenu)
 * removed pureCssMenu2 blocks
 *
 * Colors:
 *            normal               hover                  selected
 *  font      #FFFFFE (white)      #FFFFFF (white)        #000000 (black)
 *  bkgnd     #004BA7 (dark blue)  #1080FE (medium blue)  #B5E7FF (light blue)
 *  border    #004BA8 (dark blue)  #1080FF (medium blue)
*/
ul.pureCssMenu ul{display:none}			/* hides the dropdown menu */
ul.pureCssMenu li:hover>ul{display:block}	/* displays the dropdown menu */
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu { /* top level menu */
	margin:0px;
	list-style:none;
	padding:2px 10px 4px 0px; /* 2 8 4 0 with border:1 - top right bottom left */
	/* background-color:#004BA7; */
	background: url(images/menubg.jpg) repeat-x top left;
	background-repeat:repeat;
	border-color:#cccccc #004BA7 #111111 #004BA7;
	border-width:0px; /* was 1px */
	border-style:solid;
}
ul.pureCssMenu ul { /* dropdown menu */
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px; /* 0 2 2 0 - top right bottom left */
	background-color:#004BA7;
	background-repeat:repeat;
	border-color:#cccccc #111111 #111111 #cccccc;
	border-width:1px; /* was 1px */
	border-style:solid;
}
ul.pureCssMenu table { /* IE6 */
	border-collapse:collapse
}
ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
	width: 108px; /* added - menus always the same width */
}
ul.pureCssMenu a {
	display:block;
	vertical-align:middle;
	/* background-color:#004BA7; */
	border-width:0px; /* was 1 */
	border-color:#004BA8;
	border-style:solid;
	text-align:center; /* was left */
	text-decoration:none;
	padding:2px 5px 2px 10px;
	_padding-left:0;
	font:bold 12px Verdana;
	color: #FFFFFE;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu ul a {
	display:block;
	vertical-align:middle;
	background-color:#004BA7; /* dropdown menu */
	border-width:1px;
	border-color:#004BA8;
	border-style:solid;
	text-align:center; /* was left */
	text-decoration:none;
	padding:2px 5px 2px 10px;
	_padding-left:0;
	font:bold 12px Verdana;
	color: #FFFFFE;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li a:hover, ul.pureCssMenu li.selected ul li a:hover { /* top menu hover or selected sub menu hover */
	position:relative;
	background-color:#1080FE;
	border-color:#1080FF;
	border-style:solid;
	font:bold 12px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu a:hover ul{display:block} /* IE6 */
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrv_white.gif); /* was arr_white.gif '>' now 'v' */
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;
}
ul.pureCssMenu li.selected span{ /* selected menu, use black 'v' */
	display:block;
	background-image:url(./images/arrv_black.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;
}

/* comment this to disable down arrow on hover */
/* above rule makes it a down arrow always */
/*ul.pureCssMenu li:hover>a>span{
	background-image:url(./images/arrv_white.gif);
}*/
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_white.gif)} /* IE6 */

/* added ------------ sprites ------------*/
ul.pureCssMenu li.selected a {
	background-color:#B5E7FF;
}
ul.pureCssMenu li.selected ul li a { /* when top menu item is selected, this re-colors the dropdown items */
	background-color:#004BA7;
	color: #FFFFFE;
}
ul.pureCssMenu li.selected a { /* was 'selected span', sets the selected menu text color */
	color:#000000;
}
/*----------- end purecss -----------------------------------*/

#content_index{
	margin-top: 170px;
	position: absolute;
	width: 1000px; /* same as canvas, header-background-image, navbar, content, and footer */
	background-color: #FFFFFF;
}
#content{
	margin-top: 251px;
	position: absolute;
	width: 1000px; /* same as canvas, header-background-image, navbar, content, and footer */
	background-color: #FFFFFF;
}
#picture1{
	float: right;
	margin-right: 8px;
	margin-top: 6px;
	width: 408px;
	height: 728px;
	background-image: url(images/idy-totem-pole-eagle-3.jpg);
	box-shadow: 1px 1px 3px #000000;
}
#leftside{
	float: left;
	height: 728px; /* 740x580 less 6-pix border */
	width: 566px; /* 574 */
	background-color: #C3DAB6; /* #AACA99-calendar green #C3DAB6-lighter green */
	margin-left: 8px;
	margin-top: 6px;
	overflow: hidden;
	box-shadow: 1px 1px 3px #111111;
	/* box-shadow: 0 0 3px rgba(0,0,0,0.8); */
}
#leftside h1{
	margin-top: 8px;
	text-align: center;
	font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #000000;
}
#leftside h2{
	text-align: left;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#leftside h3{
	text-align: left;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
#bullet-1 {
	float: left;
	margin-left: 35px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#bullet-2 {
	text-align: center;
	margin-top: 120px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#rightside{
	float: right;
	height: 740px;
	width: 420px;
	background-color: #FFFFFF; /* #808080 */
	margin-right: 0px;
	margin-top: 0px;
	overflow: hidden;
}
#footer{
	clear: both;
	background-color: #FFFFFF;
	position: relative;
	height: 80px; /* image height was 122 now 80 */
	width: 1000px; /* same as canvas, header-background-image, navbar, content, and footer */
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
}
#footer2{
	clear: both;
	background-color: #FFFFFF;
	position: relative;
	height: 80px; /* image height was 122 now 80 */
	width: 1000px; /* same as canvas, header-background-image, navbar, content, and footer */
	background-image: url(images/footer_2.jpg);
	background-repeat: no-repeat;
}
#footer p, #footer2 p{
	font-family: arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	/* float: right; */
	padding-top: 56px; /* was 98 now 56  (image height - 24) */
	margin-right: 10px;
}