/* GENERAL VISUAL STYLING */


#page { background: #000 url(/images/_site/bg/level3/page/gold.jpg) 0 0 repeat-y; }
body.hc #page { background-image: url(/images/_site/bg/level3/page/blue.jpg); }
body.edu #page { background-image: url(/images/_site/bg/level3/page/red.jpg); }
body.pb #page { background-image: url(/images/_site/bg/level3/page/orange.jpg); }
body.nfp #page { background-image: url(/images/_site/bg/level3/page/purple.jpg); }
body.more #page { background-image: url(/images/_site/bg/level3/page/indigo.jpg); }
body.green #page { background-image: url(/images/_site/bg/level3/page/green.jpg); }

#pageBody {
	background: transparent url(/images/_site/bg/level3/pagebody/gold.jpg) 0 58px no-repeat;
	padding-top: 80px;
}
body.hc #pageBody { background-image: url(/images/_site/bg/level3/pagebody/blue.jpg); }
body.edu #pageBody { background-image: url(/images/_site/bg/level3/pagebody/red.jpg); }
body.pb #pageBody { background-image: url(/images/_site/bg/level3/pagebody/orange.jpg); }
body.nfp #pageBody { background-image: url(/images/_site/bg/level3/pagebody/purple.jpg); }
body.more #pageBody { background-image: url(/images/_site/bg/level3/pagebody/indigo.jpg); }
body.green #pageBody { background-image: url(/images/_site/bg/level3/pagebody/green.jpg); }

#breadcrumb {
	background: transparent url(/images/_site/bg/subhead/other.jpg) no-repeat;
	height: 89px;
}
body.hc #breadcrumb { background-image: url(/images/_site/bg/subhead/hc.jpg) }
body.edu #breadcrumb { background-image: url(/images/_site/bg/subhead/edu.jpg); }
body.pb #breadcrumb { background-image: url(/images/_site/bg/subhead/pb.jpg); }
body.nfp #breadcrumb { background-image: url(/images/_site/bg/subhead/nfp.jpg); }
body.more #breadcrumb { background-image: url(/images/_site/bg/subhead/more.jpg); }
body.successes #breadcrumb { background-image: url(/images/_site/bg/subhead/successes.jpg) }
body.successes.hc #breadcrumb { background-image: url(/images/_site/bg/subhead/successes-hc.jpg) }
body.successes.edu #breadcrumb { background-image: url(/images/_site/bg/subhead/successes-edu.jpg); }
body.successes.pb #breadcrumb { background-image: url(/images/_site/bg/subhead/successes-pb.jpg); }
body.successes.nfp #breadcrumb { background-image: url(/images/_site/bg/subhead/successes-nfp.jpg); }
body.successes.more #breadcrumb { background-image: url(/images/_site/bg/subhead/successes-more.jpg); }
body.about #breadcrumb { background-image: url(/images/_site/bg/subhead/about-welty.jpg); }
body.services #breadcrumb { background-image: url(/images/_site/bg/subhead/services.jpg); }
body.green #breadcrumb { background-image: url(/images/_site/bg/subhead/green.jpg); }
body.wfsg #breadcrumb { background-image: url(/images/_site/bg/subhead/wfsg.jpg); }
body.news #breadcrumb { background-image: url(/images/_site/bg/subhead/news.jpg); }
body.pressreleases #breadcrumb { background-image: url(/images/_site/bg/subhead/press-releases.jpg); }
body.currentprojects #breadcrumb { background-image: url(/images/_site/bg/subhead/current-projects.jpg); }

body.successes #breadcrumb { color: #999; }
body.successes #breadcrumb a { color: #ccc; }
body.successes #breadcrumb a:hover { color: #fff; }
body.currentprojects #breadcrumb { color: #999; }
body.currentprojects #breadcrumb a { color: #ccc; }
body.currentprojects #breadcrumb a:hover { color: #fff; }


h1 {
	font-size: 180%;
}
body.successes h1 {
	position: relative;
	top: 20px;
	margin-bottom: 30px;
}

h2, h3, h4, h5 { color: #7c6f4c; }
body.hc h2, body.hc h3, body.hc h4, body.hc h5 { color: #4b6a7c; }
body.edu h2, body.edu h3, body.edu h4, body.edu h5 { color: #7c4f4c; }
body.pb h2, body.pb h3, body.pb h4, body.pb h5 { color: #7d634c; }
body.nfp h2, body.nfp h3, body.nfp h4, body.nfp h5 { color: #6b4b7c; }
body.more h2, body.more h3, body.more h4, body.more h5 { color: #4a4c7c; }
body.green h2, body.green h3, body.green h4, body.green h5 { color: #47c6f4c; }

body a { color: #7b5203; }
body.hc a { color: #0b447b; }
body.edu a { color: #790d03; }
body.pb a { color: #79340b; }
body.nfp a { color: #47067a; }
body.more a { color: #070779; }
body.green a { color: #4a7815; }

a:hover { color: #cda73d; }
body.hc a:hover { color: #3c9acd; }
body.edu a:hover { color: #da392b; }
body.pb a:hover { color: #cd843d; }
body.nfp a:hover { color: #9a3dcd; }
body.more a:hover { color: #3d3dcd; }
body.green a:hover { color: #9dcd3d; }

#primary h2 {
	font-size: 110%;
}
#primary h3 {
	font-size: 100%;
}
#primary h4 {
	font-size: 95%;
}
#primary h5, h6 {
	font-size: 90%;
}

#primary p.intro {
	font-size: 115%;
	margin-bottom: 1em;
}



/* IMAGE HANDLING */

.imgBanner {
	padding-top: 12px;
	margin-bottom: 20px;
}
body .imgBanner { background: #7b5203 url(/images/_site/bg/imgbanner/gold.jpg) no-repeat; }
body.hc .imgBanner { background: #0b447b url(/images/_site/bg/imgbanner/blue.jpg) no-repeat; }
body.edu .imgBanner { background: #790d03 url(/images/_site/bg/imgbanner/red.jpg) no-repeat; }
body.pb .imgBanner { background: #79340b url(/images/_site/bg/imgbanner/orange.jpg) no-repeat; }
body.nfp .imgBanner { background: #47067a url(/images/_site/bg/imgbanner/purple.jpg) no-repeat; }
body.more .imgBanner { background: #070779 url(/images/_site/bg/imgbanner/indigo.jpg) no-repeat; }
body.green .imgBanner { background: #4a7815 url(/images/_site/bg/imgbanner/green.jpg) no-repeat; }
.imgBanner h2 {
	position: absolute;
	width: 216px;
	left: 372px;
	bottom: 18px;
	color: #fff !important;
	font-size: 150%;
	line-height: 1.25em;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
}

.imgIndent {
	background: url(/images/_site/rule/gold.gif) right top no-repeat;
	padding-top: 1px;
	min-height: 90px;
	margin-bottom: 15px;
}
body.hc .imgIndent { background-image: url(/images/_site/rule/blue.gif); }
body.edu .imgIndent { background-image: url(/images/_site/rule/red.gif); }
body.pb .imgIndent { background-image: url(/images/_site/rule/orange.gif); }
body.nfp .imgIndent { background-image: url(/images/_site/rule/purple.gif); }
body.more .imgIndent { background-image: url(/images/_site/rule/indigo.gif); }
body.green .imgIndent { background-image: url(/images/_site/rule/green.gif); }
.imgIndent > * {
	margin-left: 130px;
}
.imgIndent > img {
	position: absolute;
	display: block;
	margin-left: 0;
	top: 6px;
}
body .imgIndent h2, .imgIndent h3 {
	text-transform: none;
	letter-spacing: 0;
	color: #7b5203;
}
body.hc .imgIndent h2, body.hc .imgIndent h3 { color: #0b447b; }
body.edu .imgIndent h2, body.edu  .imgIndent h3 { color: #790d03; }
body.pb .imgIndent h2, body.pb .imgIndent h3 { color: #79340b; }
body.nfp .imgIndent h2, body.nfp .imgIndent h3 { color: #47067a; }
body.more .imgIndent h2, body.more .imgIndent h3 { color: #070779; }
body.green .imgIndent h2, body.green .imgIndent h3 { color: #4a7815; }


ul.imgListBig {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 75px;
	padding-left: 0;
	background: url(/images/_site/rule/gold.gif) right top no-repeat;
}
body.hc ul.imgListBig { background-image: url(/images/_site/rule/blue.gif); }
body.edu ul.imgListBig { background-image: url(/images/_site/rule/red.gif); }
body.pb ul.imgListBig { background-image: url(/images/_site/rule/orange.gif); }
body.nfp ul.imgListBig { background-image: url(/images/_site/rule/purple.gif); }
body.more ul.imgListBig { background-image: url(/images/_site/rule/indigo.gif); }
body.green ul.imgListBig { background-image: url(/images/_site/rule/green.gif); }
ul.imgListBig li {
	clear: both;
	padding-top: 15px;
}
ul.imgListBig li img {
	float: left;
	margin-right: 10px;
}
#primary ul.imgListBig h2 {
	padding-top: 12px;
	font-size: 160%;
	letter-spacing: 0;
	text-transform: none;
}
#primary ul.imgListBig h2 .subtitle {
}


.floatLeft {
	float: left;
	margin: 0 15px 10px 0;
}
.hangRight {
	float: right;
	margin: -8px -6px 10px 15px;
}

.hangRight,
#secondary > img {
	display: block;
	background: url(/images/_site/bg/imgsecondary/gold.gif) left top no-repeat;
	padding-top: 12px;
	border-bottom: 3px solid #000;
}
body.hc .hangRight, body.hc #secondary > img { background-image: url(/images/_site/bg/imgsecondary/blue.gif); }
body.edu .hangRight, body.edu #secondary > img { background-image: url(/images/_site/bg/imgsecondary/red.gif); }
body.pb .hangRight, body.pb #secondary > img { background-image: url(/images/_site/bg/imgsecondary/orange.gif); }
body.nfp .hangRight, body.nfp #secondary > img { background-image: url(/images/_site/bg/imgsecondary/purple.gif); }
body.more .hangRight, body.more #secondary > img { background-image: url(/images/_site/bg/imgsecondary/indigo.gif); }
body.green .hangRight, body.green #secondary > img { background-image: url(/images/_site/bg/imgsecondary/green.gif); }



/* PAGE STRUCTURE */

#pageBody {
	top: 0px;
	padding-left: 216px;
	padding-right: 30px;
}



#primary {
	z-index: 3;
	padding-right: 260px;
}
#secondary {
	z-index: 4;
	position: absolute;
	right: 20px;
	left: 375px;
	top: -3px;
	width: 200px;
}
#secondary > div {
	margin-bottom: 30px;
	background-color: #e0e0e0;
	padding: 5px 5px 0;
}
#secondary > div h3 {
	font-size: 100%;
	margin: 0 0 0.75em;
	padding-bottom: 0.33em;
	border-bottom: 1px solid #999;
}
#secondary > div p {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 90%;
}
#secondary > div ul {
	padding-left: 2em;
	padding-bottom: 20px;
}
#secondary > div ul li {
	font-size: 90%;
	margin-bottom: 0.5em;
}




#subnav {
	position: absolute;
	left: 10px;
	top: 112px;
	width: 160px;
}
#subnav ul { margin: 0; padding: 0; }
#subnav li {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
#subnav li.separator {
	height: 15px;
}
#subnav li a {
	display: block;
	color: #fff;
	background: url(/images/_site/aro/sm_white.gif) 20px 6px no-repeat;
	padding: 5px 10px 5px 30px;
}
#subnav li.sel a {
	color: #000;
	background: url(/images/_site/aro/med_black.gif) 20px 6px no-repeat; 
}
#subnav li a:hover { background-color: #cda73d; }
body.hc #subnav li a:hover { background-color: #3c9acd; }
body.edu #subnav li a:hover { background-color: #da392b; }
body.pb #subnav li a:hover { background-color: #cd843d; }
body.nfp #subnav li a:hover { background-color: #9a3dcd; }
body.more #subnav li a:hover { background-color: #3d3dcd; }
body.green #subnav li a:hover { background-color: #9dcd3d; }

#subnav li a span.descr {
	display: block;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 9px;
	padding: 0.25em 0 0.75em;
}

