
/*-------
// global reset
//-----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

table { border-spacing: 0; }

acronym { cursor: help; }

html #originalfontsize { font-size:100%; }

/*-------
// general
//-----*/

html { font-size: 100.01%; height:101%; }

body { font-size: 62.5%; line-height: 1.3; }

input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; width: 283px; }

.submit { cursor/**/: /**/pointer; font-family: Arial, sans-serif; margin:10px 35px 0px 0px; float: right; position: relative; }

select { font-size: 100%; font-family: Arial, sans-serif; }

select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }

.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }

.flL { float: left; }

.alR { text-align: right; }

.alC { text-align: center; }

.hide { display: none; }

.clear { clear: both; }

.ir { position: relative; overflow: hidden; }

.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { color: #0b539f; text-decoration: none; cursor/**/: /**/pointer; }

a:link:hover, a:visited:hover { text-decoration: underline; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*-------
// custom styles
//-----*/

body { font-family: Arial, sans-serif; background: #FFFFFF url(../img/body-bg.gif) repeat-x 0 126px; }

#page { width: 950px; margin: 0 auto; border: solid 15px #FFFFFF; border-width: 0 15px; font-size: 1.2em; color: #3d3e3e; background: #FFFFFF; }

#top { height: 126px; }

#logo { float: left; padding: 20px 0 0; }

#logo a:link, #logo a:visited { display: block; width: 256px; height: 87px; }

#logo a:link span, #logo a:visited span { background: url(../img/logo-1.gif) no-repeat 0 0; }

#menu { padding: 11px 0 0; float: right; width: 616px; }

#menu ul { float: right; display: block; position: relative; }

#menu li { float: left; }

#menu li a:link, #menu li a:visited { float: left; display: block; position: relative; height: 21px; }

#menu li a:link span, #menu li a:visited span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/menu-1.png) no-repeat 0 0; }

#menu #b1 a:link, #menu #b1 a:visited { width: 78px; }

#menu #b1 a:link span, #menu #b1 a:visited span { background-position: 0 0; }

#menu #b1 a:link:hover span, #menu #b1 a:visited:hover span,  #menu #b1.active a:link span, #menu #b1.active a:visited span { background-position: 0 -21px; }

.about #menu #b1 a:link, .about #menu #b1 a:visited { width: 78px; }

.about #menu #b1 a:link span, .about #menu #b1 a:visited span { background-position: 0 -21px; }

#menu #b2 a:link, #menu #b2 a:visited { width: 81px; }

#menu #b2 a:link span, #menu #b2 a:visited span { background-position: -78px 0; }

#menu #b2 a:link:hover span, #menu #b2 a:visited:hover span,  #menu #b2.active a:link span, #menu #b2.active a:visited span { background-position: -78px -21px; }

.projects #menu #b2 a:link, .projects #b2 a:visited { width: 81px; }

.projects #menu #b2 a:link span, .projects #menu #b2 a:visited span { background-position: -78px -21px; }

#menu #b3 a:link, #menu #b3 a:visited { width: 88px; }

#menu #b3 a:link span, #menu #b3 a:visited span { background-position: -159px 0; }

#menu #b3 a:link:hover span, #menu #b3 a:visited:hover span,  #menu #b3.active a:link span, #menu #b3.active a:visited span { background-position: -159px -21px; }

.audiences #menu #b3 a:link, .audiences #menu #b3 a:visited { width: 88px; }

.audiences #menu #b3 a:link span, .audiences #menu #b3 a:visited span { background-position: -159px -21px; }

#menu #b4 a:link, #menu #b4 a:visited { width: 132px; }

#menu #b4 a:link span, #menu #b4 a:visited span { background-position: -247px 0; }

#menu #b4 a:link:hover span, #menu #b4 a:visited:hover span,  #menu #b4.active a:link span, #menu #b4.active a:visited span { background-position: -247px -21px; }

.resourcecenter #menu #b4 a:link, .resourcecenter #menu #b4 a:visited { width: 132px; }

.resourcecenter #menu #b4 a:link span, .resourcecenter #menu #b4 a:visited span { background-position: -247px -21px; }

#menu #b5 a:link, #menu #b5 a:visited { width: 90px; }

#menu #b5 a:link span, #menu #b5 a:visited span { background-position: -379px 0; }

#menu #b5 a:link:hover span, #menu #b5 a:visited:hover span,  #menu #b5.active a:link span, #menu #b5.active a:visited span { background-position: -379px -21px; }

.latest #menu #b5 a:link, .latest #menu #b5 a:visited { width: 90px; }

.latest #menu #b5 a:link span, .latest #menu #b5 a:visited span { background-position: -379px -21px; }

#menu #b6 a:link, #menu #b6 a:visited { width: 94px; }

#menu #b6 a:link span, #menu #b6 a:visited span { background-position: -469px 0; }

#menu #b6 a:link:hover span, #menu #b6 a:visited:hover span,  #menu #b6.active a:link span, #menu #b6.active a:visited span { background-position: -469px -21px; }

.contact #menu #b6 a:link, .contact #menu #b6 a:visited { width: 94px; }

.contact #menu #b6 a:link span, .contact #menu #b6 a:visited span { background-position: -469px -21px; }

#menu #b7 a:link, #menu #b7 a:visited { width: 53px; }

#menu #b7 a:link span, #menu #b7 a:visited span { background-position: -563px 0; }

#menu #b7 a:link:hover span, #menu #b7 a:visited:hover span,  #menu #b7.active a:link span, #menu #b7.active a:visited span { background-position: -563px -21px; }

.home #menu #b7 a:link, .home #menu #b7 a:visited { width: 53px; }

.home #menu #b7 a:link span, .home #menu #b7 a:visited span { background-position: -563px -21px; }

#motto1 { float: right; margin: 56px 0 0; width: 363px; height: 17px; }

#motto1 span { background: url(../img/motto-1.png) no-repeat 0 0; }

#wrap { background: url(../img/side2-bg.gif) repeat-y 100% 0; margin: 0 0 10px; }

#wrap2 { float: left; width: 695px; }

#content { float: left; width: 695px; min-height: 320px; }

#wrap2 #content { float: right; width: 458px; padding: 10px 20px; border: solid 12px #eedfbe; }

#wrap2 #side2 { float: left; width: 173px; margin: -4px 0 0; }

#side1 { float: right; width: 241px; }

#content p { margin: 0 0 1em; }

#content ul { list-style: disc; margin: 0 0 1em 1.5em; }

#content h2 { font-size: 158%; font-weight: bold; color: #054c99; margin: 0 0 .4em; }

#content h3 { font-size: 125%; font-weight: bold; color: #4c98d2; line-height: 1.6; margin: 0 0 .5em; }

/*-------------------Contact Us, The Latest page layout---------------------------------*/

#content2 { float: left; width: 695px; }

#content2 { float: left; width: 630px; padding: 10px 20px 0px 20px; border: solid 12px #eedfbe; margin-top:14px; }

#content2 p { margin: 1em 0 .75em 0; }

#content2 p span a.icon { color:#06457e; }

#content2 p span a.icon:hover { color:#4c98d2; text-decoration:none; }

#content2 p span.icon:hover  #content2 ul { list-style: none; margin: 0 0 1em 0; }

#content2 ul li.clear { clear: both; }

#content2 ul strong { color:#054C99; font-weight:bold; font-size:125%; }

#content2 ul.sitemap { list-style: none; margin: 0 0 0 0; }

#content2 ul.sitemap li { line-height:1.4; }

#content2 h2 { font-size: 158%; font-weight: bold; color: #054c99; margin: .6em 0 .5em; }

#content2 h3 { font-size: 125%; font-weight: bold; color: #4c98d2; line-height: 1.3; margin: 0 0 .5em; }

#bluebanner #content2 { background: url(../img/bluecrowd.png) repeat-x 100% 0; padding-top:85px; }

#content2 h1, .contentHead { font-size: 158%; font-weight: bold; color: #054c99; margin: .6em 0 1em; border-bottom: 3px solid #eedfbe; }

#content2 .latestitem { display:block; margin: 0px 0px 25px 0px; }

#groups .latestitem-1 { display: none; }


#content2 span.date { margin:0px; padding:0px; color:#3d3e3e; line-height: .70; }

#content2 #news_image { clear: left; float: left; width: 200px; overflow: hidden; }

#content2 #news_image p { width: 191px; clear:both; color:#999999; font-size:80%; font-weight: bold; line-height: 1.0; padding-top: 4px; padding-left: 1px; }

#content #news_image { clear: left; float: left; width: 193px; overflow: hidden; }

#content #news_image p { width: 191px; clear:both; color:#999999; font-size:80%; font-weight: bold; line-height: 1.0; padding-top: 4px; padding-left: 1px; }

#news_image div.img { width: 100px; float: left; }

#news_image div.small { width: 510; float: left; }

/*--------------------------------------------------------------------------*/

p a.type1:link, p a.type1:visited { font-weight: bold; color: #3d3e3e; text-decoration: underline; }

p a.type1:link:hover, p a.type1:visited:hover { color: #989797; }

#side1 p { margin: 0 0 .5em; }

#footer { font-size: 80%; color: #252424; position: relative; float:left; width: 890px; margin-left: 30px; }

#footer .left { float: left; width: 300px; }

#footer .right { float: right; width: 300px; margin-top: 40px; margin-right: 6px; }

#footer p { }

#footer p.hope { margin: 0 0 12px; }

#footer p.hope a:link, #footer p.hope a:visited { display: block; width: 93px; height: 50px; }

#footer p.hope a:link span, #footer p.hope a:visited span { background: url(../img/logo-hope.png) no-repeat 0 0; }

#footer p.clear { clear: both; }

#footer p.links { margin: 0 0 5px; line-height: 14px; /*width: 100QQ%;*/ text-align: right; float: left; position: relative; width: 890px; }

#footer p.links a:link, #footer p.links a:visited { color: #252424; padding: 0 5px; }

#footer p.links a:link:hover, #footer p.links a:visited:hover { color: #989797; }

#footer p.links a.rss:link, #footer p.links a.rss:visited { padding: 1px 5px 1px 20px; background: url(../img/icon-rss.jpg) no-repeat 0 0; }

#footer p.by { text-align: right; width: 645px; height: 1.4em; float: left; position: relative; }

#footer p.links span a:link, #footer p.links span a:visited { font-weight:bold; color: #06457e; }

#footer p.links span a:link:hover, #footer p.links span a:visited:hover { font-weight: bold; color: #4c98d2; }

#footer p.share { position: relative; width: 125px; top: -5px; height: 20px; float: right; }

/*-------
// home
//-----*/

.home #wrap { background: none; }

#homeTop { width: 100%; overflow: hidden; margin: 0 0 20px; }

#flash { float: left; width: 776px; }

#latest { float: right; width: 160px; height: 320px; background: url(../img/box-latest.jpg) no-repeat 0 0; }

#latest h3 { height: 65px; text-indent: -1000em; }

#latest ul { margin: 4px 15px 0; }

#latest li { margin: 0 0 16px; color: #FFFFFF; font-size:11.5px; font-weight: bold; border-bottom: 1px solid #6195b7; padding-bottom: 10px; }

#latest li a:link, #latest li a:visited { color: #f2e4c9; font-weight: normal; }

#latest li strong { font-size: 12px; color: #f3e5c9; text-decoration: none; }

#latest li a span { color: #ffffff; }

#latest li span a.icon2 { font-weight: bold; color: #f2e4c9; text-decoration:none; }

#latest li span a.icon2:hover { color:#06457e; }

#homeContent { background: url(../img/side1-bg.gif) repeat-y 100% 0; padding: 0 174px 0 0; position: relative; }

#menu2 { margin: 0 0 25px; background: #e1edf4; height: 75px; }

#menu2 ul { width: 100%; overflow: hidden; }

#menu2 li { float: left; }

#menu2 li a:link, #menu2 li a:visited { float: left; display: block; position: relative; height: 43px; }

#menu2 li a:link span, #menu2 li a:visited span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/menu-2.png) no-repeat 0 0; }

#menu2 #bb1 a:link, #menu2 #bb1 a:visited { width: 245px; }

#menu2 #bb1 a:link span, #menu2 #bb1 a:visited span { background-position: 0 0; }

#menu2 #bb1 a:link:hover span, #menu2 #bb1 a:visited:hover span,  #menu2 #bb1.active a:link span, #menu2 #bb1.active a:visited span { background-position: 0 -43px; }

#menu2 #bb2 a:link, #menu2 #bb2 a:visited { width: 165px; }

#menu2 #bb2 a:link span, #menu2 #bb2 a:visited span { background-position: -245px 0; }

#menu2 #bb2 a:link:hover span, #menu2 #bb2 a:visited:hover span,  #menu2 #bb2.active a:link span, #menu2 #bb2.active a:visited span { background-position: -245px -43px; }

#menu2 #bb3 a:link, #menu2 #bb3 a:visited { width: 159px; }

#menu2 #bb3 a:link span, #menu2 #bb3 a:visited span { background-position: -410px 0; }

#menu2 #bb3 a:link:hover span, #menu2 #bb3 a:visited:hover span,  #menu2 #bb3.active a:link span, #menu2 #bb3.active a:visited span { background-position: -410px -43px; }

#menu2 #bb4 a:link, #menu2 #bb4 a:visited { width: 207px; }

#menu2 #bb4 a:link span, #menu2 #bb4 a:visited span { background-position: -569px 0; }

#menu2 #bb4 a:link:hover span, #menu2 #bb4 a:visited:hover span,  #menu2 #bb4.active a:link span, #menu2 #bb4.active a:visited span { background-position: -569px -43px; }

#menu2 p { padding: 5px 15px; margin: 0; display: none; }

#menu2 p a:link, #menu2 p a:visited { font-weight: bold; }

#actions { }

#actions ul { width: 100%; overflow: hidden; }

#actions li { float: left; margin: 0 0 0 0; padding: 0 15px 0 20px; height: 175px; border-right: solid 3px #eedfbe; position: relative; }

#home #actions li.left { width: 235px; padding-left: 0; }

#home #actions li.middle { width: 235px; }

#home #actions li.right { width: 215px; border: none; }

#actions li p.but { /* margin: 0 0 20px; */
				margin: 0 0 8px; }

#actions li p.but a:link, #actions li p.but a:visited { display: block; /*height: 70px;*/
					height:48px; width: 100%; }

#actions li p.text { font-size: 91.67%; line-height: 1.45; }

#actions li p.text a:link, #actions li p.text a:visited { color: #252424; text-decoration: none; }

#actions li p.text a:link:hover, #actions li p.text a:visited:hover { text-decoration: underline; }

#actions li p.text span a.icon { font-weight: bold; color: #06457e; }

#actions li p.text span a.icon:hover { color: #4c98d2; text-decoration: none !important; }

#actions li.project { width: 175px; }

#actions li.project p.but a:link span, #actions li.project p.but a:visited span { background: url(../img/but-project.png) no-repeat 0 0; }

#actions li.resource { }

#actions li.resource p.but a:link span, #actions li.resource p.but a:visited span { /* background:transparent url(../img/callout-titles.png) no-repeat scroll 0 -494px; */
						background:transparent url(../img/callout-titles.png) no-repeat scroll 0 -436px; }

/* this is what the right homepage callout was before site review */
		#actions li.story { }

#actions li.story p.but a:link span, #actions li.story p.but a:visited span { background:transparent url(../img/callout-titles.png) no-repeat scroll 0 -413px; }

#actions li.co-member_voices { }

#actions li.co-member_voices p.but a:link span, #actions li.co-member_voices p.but a:visited span { /* background:transparent url(../img/callout-titles.png) no-repeat scroll 0 -295px; */
						background:transparent url(../img/callout-titles.png) no-repeat scroll 0 -260px; }

#actions li.co-what_were_doing { }

#actions li.co-what_were_doing p.but a:link span, #actions li.co-what_were_doing p.but a:visited span { background:transparent url(../img/callout-titles.png) no-repeat scroll 0 0; }

#actions li.co-learn_more_about_us p.but a:link span, #actions li.co-learn_more_about_us p.but a:visited span { background:transparent url(../img/callout-titles.png) no-repeat scroll 0 -536px; }

/*-------
// projects
//-----*/

.project #wrap { margin: 0 0 20px; }

#page #tProjects { margin: 0 0 14px; height: 188px; }

#tProjects span { background: url(../img/t-projects.jpg) no-repeat 0 0; }

#page #tResourceCenter { margin: 0px; height: 188px; }

#tResourceCenter span { background: url(../img/t-resourcecenter.jpg) no-repeat 0 0; }

#page #tProjectsConsumer { margin: 0 0 14px; height: 188px; }

#tProjectsConsumer span { background: url(../img/t-projects-consumer.jpg) no-repeat 0 0; }

#page #tHigherEd { margin: 0 0 14px; height: 96px; }

#tHigherEd span { background: url(../img/t-projects-highered.jpg) no-repeat 0 0; }

#page #tParentLeadership { margin: 0 0 14px; height: 188px; }

#tParentLeadership span { background: url(../img/t-projects-parentleadership.jpg) no-repeat 0 0; }

#page #tCommunity { margin: 0 0 14px; height: 96px; }

#tCommunity span { background: url(../img/t-projects-community.jpg) no-repeat 0 0; }

#page #tSupervisor { margin: 0 0 14px; height: 188px; }

#tSupervisor span { background: url(../img/t-projects-supervisor.jpg) no-repeat 0 0; }

#page #tWraparound { margin: 0 0 14px; height: 188px; }

#tWraparound span { background: url(../img/t-projects-wraparound.jpg) no-repeat 0 0; }

#page #tContact { margin: 0px; height: 188px; }

#tContact span { background: url(../img/t-contact.jpg) no-repeat 0 0; }

#page #tAbout { margin: 0px; height: 188px; }

#tAbout span { background: url(../img/t-about.jpg) no-repeat 0 0; }

#page #tSitemap { margin: 0 0 14px; height: 188px; }

#tSitemap span { background: url(../img/t-sitemap.jpg) no-repeat 0 0; }

#page #tLatest { margin: 0px; height: 188px; }

#tLatest span { background: url(../img/t-thelatest.jpg) no-repeat 0 0; }

.box1 { background: url(../img/box-1.jpg) repeat-x 0 0; padding-left: 30px; padding-right: 30px; height: 211px !important; font-family: Helvetica, Arial, sans-serif; font-size: 133.33%; font-weight: bold; color: #FFFFFF; }

.box1 p { line-height: 1.5; margin: 0px; }

.box1a { background: url(../img/box-1.jpg) repeat-x 0 0; padding-left: 30px; padding-right: 30px; height: 211px; font-family: Helvetica, Arial, sans-serif; font-size: 133.33%; font-weight: bold; color: #FFFFFF; margin:14px 0px 0px 0px; }

.box1a p { line-height: 1.5; margin: 0px; }

.box1Sub { margin: 20px 0 0; font-size: 14px; }

#content ol li { list-style-type:decimal; margin: 0 0 0 20px; padding: 0 0 5px 0; }

#menu3 { float: right; width: 241px; }

#menu3 li { border-bottom: solid 3px #FFFFFF; }

#menu3 li a.but:link, #menu3 li a.but:visited { display: block; position: relative; width: 100%; height: 32px; }

#menu3 li a.but:link span, #menu3 li a.but:visited span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/menu-3.png) no-repeat 0 0; }

#menu3 .type1 li a.but:link span, #menu3 .type1 li a.but:visited span { background: url(../img/menu-3a.png) no-repeat 0 0; }

#menu3 li a.but:link span em, #menu3 li a.but:visited span em { position: absolute; right: 0; top: 0; height: 32px; width: 13px; }

/*			#menu3 li a.but:link:hover span em, #menu3 li a.but:visited:hover span em,*/
				#menu3 li.active a.but:link span em,  #menu3 li.active a.but:visited span em { background: url(../img/menu-3-sel.gif) no-repeat 0 0; }

#menu3 #bbb1 a.but:link span, #menu3 #bbb1 a.but:visited span { background-position: 0 0; }

#menu3 #bbb2 a.but:link span, #menu3 #bbb2 a.but:visited span { background-position: 0 -35px; }

#menu3 #bbb3 a.but:link span, #menu3 #bbb3 a.but:visited span { background-position: 0 -70px; }

#menu3 #bbb4 a.but:link span, #menu3 #bbb4 a.but:visited span { background-position: 0 -105px; }

#menu3 #bbb5 a.but:link span, #menu3 #bbb5 a.but:visited span { background-position: 0 -140px; }

#menu3 #bbb6 a.but:link span, #menu3 #bbb6 a.but:visited span { background-position: 0 -175px; }

#menu3 #bbb7 a.but:link span, #menu3 #bbb7 a.but:visited span { background-position: 0 -210px; }

#menu3 #bbb8 a.but:link span, #menu3 #bbb8 a.but:visited span { background-position: 0 -245px; }

#menu3 #bbb9 a.but:link span, #menu3 #bbb9 a.but:visited span { background-position: 0 -280px; }



#menu3 li div { display: none; height: 85px; padding: 20px 20px 5px; background: #e8e8e8 url(../img/menu-3-box.png) no-repeat 0 0; }

#menu3 li:hover div { display: block; }

#menu3 li div span { font-weight: bold; color: #06457e; }

#menu3 li div a:link, #menu3 li div a:visited { color: #3d3d3d; font-size: 91.67%; }

#menu4 { float: right; width: 241px; }

#menu4 li { border-bottom: solid 3px #FFFFFF; }

#menu4 li a.but:link, #menu4 li a.but:visited { display: block; position: relative; width: 100%; height: 32px; }

#menu4 li a.but:link span, #menu4 li a.but:visited span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/menu-3.png) no-repeat 0 0; }

#menu4 .type1 li a.but:link span, #menu4 .type1 li a.but:visited span { background: url(../img/menu-3a.png) no-repeat 0 0; }

#menu4 li a.but:link span em, #menu4 li a.but:visited span em { position: absolute; right: 0; top: 0; height: 32px; width: 13px; }

#menu4 li a.but:link:hover span em, #menu4 li a.but:visited:hover span em,  #menu4 li.active a.but:link span em,  #menu4 li.active a.but:visited span em { background: url(../img/menu-3-sel.gif) no-repeat 0 0; }

#menu4 #bbb1 a.but:link span, #menu4 #bbb1 a.but:visited span { background-position: 0 0; }

#menu4 #bbb2 a.but:link span, #menu4 #bbb2 a.but:visited span { background-position: 0 -35px; }

#menu4 #bbb3 a.but:link span, #menu4 #bbb3 a.but:visited span { background-position: 0 -70px; }

#menu4 #bbb4 a.but:link span, #menu4 #bbb4 a.but:visited span { background-position: 0 -105px; }

#menu4 #bbb5 a.but:link span, #menu4 #bbb5 a.but:visited span { background-position: 0 -140px; }

#menu4 #bbb6 a.but:link span, #menu4 #bbb6 a.but:visited span { background-position: 0 -175px; }

#menu4 li div { display: none; height: 85px; padding: 20px 20px 5px; background: #e8e8e8 url(../img/menu-3-box.png) no-repeat 0 0; }

#menu4 li:hover div { display: block; }

#menu4 li div span { font-weight: bold; color: #06457e; }

#menu4 li div a:link, #menu4 li div a:visited { color: #3d3d3d; font-size: 91.67%; }

#menu5 { float: right; width: 241px; }

#menu5 li { border-bottom: solid 3px #FFFFFF; }

#menu5 li a.but:link, #menu5 li a.but:visited { display: block; position: relative; width: 100%; height: 32px; }

#menu5 li a.but:link span, #menu5 li a.but:visited span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/menu-5.png) no-repeat 0 0; }

#menu5 li a.but:link span em, #menu5 li a.but:visited span em { position: absolute; right: 0; top: 0; height: 32px; width: 13px; }

#menu5 li a.but:link:hover span em, #menu5 li a.but:visited:hover span em,  #menu5 li.active a.but:link span em,  #menu5 li.active a.but:visited span em { background: url(../img/menu-3-sel.gif) no-repeat 0 0; }

/*------------------------------------------------------taller subnavigation list item (workforce management team) --------------------------*/
				
#menu5 li a.tall:link, #menu5 li a.tall:visited { display: block; position: relative; width: 100%; height: 40px; }

#menu5 li a.tall:link span, #menu5 li a.tall:visited span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/menu-5.png) no-repeat 0 0; }

#menu5 li a.tall:link span em, #menu5 li a.tall:visited span em { position: absolute; right: 0; top: 0; height: 32px; width: 13px; }

#menu5 li a.tall:link:hover span em, #menu5 li a.tall:visited:hover span em,  #menu5 li.active a.tall:link span em,  #menu5 li.active a.tall:visited span em { background: url(../img/menu-5-sel.gif) no-repeat 0 0; }

#content2 .subHeadingP { color: #4C98D2; font-size: 16px; font-weight: bold; margin: 0 0 25px; }

/*--------------------------------------------------------------------------------------------------------------------------------------*/
				
				
			#menu5 #bbb1 a.tall:link span, #menu5 #bbb1 a.tall:visited span { background-position: 0 -105px; }

#menu5 #bbb2 a.but:link span, #menu5 #bbb2 a.but:visited span { background-position: 0 0; }

#menu5 #bbb3 a.but:link span, #menu5 #bbb3 a.but:visited span { background-position: 0 -35px; }

#menu5 #bbb4 a.but:link span, #menu5 #bbb4 a.but:visited span { background-position: 0 -70px; }

#menu5 li div { display: none; height: 85px; padding: 20px 20px 5px; background: #e8e8e8 url(../img/menu-3-box.png) no-repeat 0 0; }

#menu5 li:hover div { display: block; }

#menu5 li div span { font-weight: bold; color: #06457e; }

#menu5 li div a:link, #menu5 li div a:visited { color: #3d3d3d; font-size: 91.67%; }

#version2 #projectsContent { width: 950px; overflow: hidden; margin-bottom:10px; position: relative; float: left; margin-top: 10px; }

#projectsContent { width: 950px; overflow: hidden; margin-top:10px; margin-bottom:10px; position: relative; float: left; }

#projectsContent #actions { float: left; width: 695px; height: auto; }

#projectsContent #actions li { margin: 0 0 0 0; padding: 0 15px 0 20px; /* height: 260px; */ height: 219px; }

#projectsContent #actions li p.but a:link, #projectsContent #actions li p.but a:visited { display: block; height: 50px; width: 100%; }

#projectsContent #actions li p.text a:link, #projectsContent #actions li p.text a:visited { text-decoration: none; }

#projectsContent #actions li p.text a:link:hover, #projectsContent #actions li p.text a:visited:hover { text-decoration: underline; }

#projectsContent #actions li p.but a:link span, #projectsContent #actions li p.but a.ir span { background: url(../img/callout-titles.png) no-repeat 0 -20px; }

#projectsContent #actions li.links { width: 215px; border: none; margin: 0; position: relative; }

#projectsContent #actions li.co-what_were_doing p.but a.ir span { background-position: 0 0; }

#projectsContent #actions li.co-meet_our_councils p.but a.ir span { background-position: 0 -52px; }

#projectsContent #actions li.co-helpful_links p.but a.ir span { background-position: 0 -208px; }

#projectsContent #actions li.co-who_we_work_with p.but a.ir span { background-position: 0 -312px; }

#projectsContent #actions li.co-member_voices p.but a.ir span { background-position:0 -260px; }

#projectsContent #actions li.co-who_we_are p.but a.ir span { background-position: 0 -156px; }

#projectsContent #actions li.co-whats_the_latest p.but a.ir span { background-position: 0 -104px; }

#projectsContent #actions li.co-register_as_a_resource p.but a.ir span { background-position: 0 -436px; }

#projectsContent #actions li.left { width: 208px; padding-left: 0; }

#projectsContent #actions li.middle { width: 200px; }

#projectsContent #actions li.right { width: 191px; border: none; }

#page #actions li li { height: auto; margin: 0 0 10px; padding: 0; border: none; font-size: 91.67%; line-height: 1.45; }

#actions li li span { color: #06457e; }

#page #actions li li a:link, #page #actions li li a:visited { color: #3d3e3e; }

#page #actions li li a:link strong, #page #actions li li a:visited strong { display: block; color: #4c98d2; }

#page #actions li li a:link:hover, #page #actions li li a:visited:hover { text-decoration: underline; }

#page #actions li li a:link:hover strong, #page #actions li li a:visited:hover strong { text-decoration: underline; }

/*---------plus sign icon in helpful links column------------------------------------------ */

				#page #actions ul li.links ul li span a.icon3, #pages #action ul li.links ul li span a.icon3:visited { font-weight: bold; color: #06457e; text-decoration:none; }

#page #actions ul li.links ul li span a.icon3:hover { color:#4c98d2; }

/*---------------------------------------------------------------------------------------- */


#projectsContent #latest { width: 242px; height: 219px; background: url(../img/box-latest2.jpg) no-repeat 0 0; }

#projectsContent #latest h3 { height: 55px; }

#projectsContent #latest li a { border-top: 1px solid transparent;/*fix for ff2*/ }

#projectsContent #latest li a:link strong, #projectsContent #latest li a:visited strong { text-decoration: none; }

#projectsContent #latest li a:hover { text-decoration: underline; }

/*-------
// detail
//-----*/

.box2 { width: 179px; margin: 0 0 5px -6px; background: #FFFFFF url(../img/box2-b.png) no-repeat 0 100%; position: relative; }

.box2 .in { background: url(../img/box2-t.png) no-repeat 0 0; padding: 6px 5px 16px 20px; }

.box2 h3 { height: 35px; line-height: 35px; font-size: 116.67%; font-weight: bold; color: #4c98d2; margin: 0 0 10px; }

.box2 a:link, .box2 a:visited { font-weight: bold; color: #3d3e3e; text-decoration: underline; }

.box2 a:link:hover, .box2 a:visited:hover { color: #989797; text-decoration: underline; }

#resources { }

#resources ul { margin: 0 0 10px; width: 100%; overflow: hidden; }

#resources li { float: left; width: 100%; font-weight: bold; font-size: 91.67%; }

#resources li a:link, #resources li a:visited { display: block; padding: 12px 0 12px 35px; background: url(../img/icon-pdf.jpg) no-repeat 0 50%; }

#resources p.view { width: 100%; overflow: hidden; }

#resources p.view a:link, #resources p.view a:visited { float: left; display: block; width: 67px; height: 24px; }

#resources p.view a:link span, #resources p.view a:visited span { background: url(../img/but-view.png) no-repeat 0 0; }

#contact { }

#contact p { font-size: 91.67%; line-height: 1.45; margin: 0 0 10px; }

#content2 .options { border-bottom: solid 1px #a7a9ac; margin: 0 -20px 10px; width: 650px; padding: 0 10px 10px; overflow: hidden; }

.options { border-bottom: solid 1px #a7a9ac; margin: 0 -20px 10px; width: 478px; padding: 0 10px 10px; overflow: hidden; }

#page .options p { float: right; margin: 0 0 0 30px; font-weight: bold; color: #898989; line-height: 21px; }

.options p a:link, .options p a:visited { color: #898989; }

.options p a:link:hover, .options p a:visited:hover { color: #4c98d2; }

.options p.print a:link, .options p.print a:visited { padding: 0 30px 0 0; display: block; background: url(../img/icon-print.gif) no-repeat 100% 50%; }

.options p.size span { float: left; margin: 0 5px 0 0; }

.options p.size a:link, .options p.size a:visited { float: left; margin: 0 3px 0 0; display: block; height: 20px; }

.options p.size a:link span, .options p.size a:visited span { background-position: 0 0; background-repeat: no-repeat; }

.options p.size a:link:hover span, .options p.size a:visited:hover span { background-position: 0 -20px; }

.options p.size a.size1:link, .options p.size a.size1:visited { width: 15px; }

.options p.size a.size1:link span, .options p.size a.size1:visited span { background-image: url(../img/icon-size1.png); }

.options p.size a.size2:link, .options p.size a.size2:visited { width: 18px; }

.options p.size a.size2:link span, .options p.size a.size2:visited span { background-image: url(../img/icon-size2.png); }

.options p.size a.size3:link, .options p.size a.size3:visited { width: 20px; }

.options p.size a.size3:link span, .options p.size a.size3:visited span { background-image: url(../img/icon-size3.png); }

/*---------------------------------Contact Form-----------------------------------------*/

body #content2 div#left-col { margin: 0; padding: 0; }

body #content2 div#left-col div#detail-top form.contact div.left-col input.textfield { width:260px; }

body #content2 div#left-col div#detail-top form.contact div.left-col { display:block; float:left; overflow:hidden; width:310px; }

body #content2 div#left-col div#detail-top form.contact { font-size:12px; line-height:16px; }

body #content2 div#left-col div#detail-top form.contact label { display:block; font-size:12px; margin-top:6px; }

body #content2 div#left-col div#detail-top form.contact input.submit { clear:left; float:left; margin:10px 0 15px; }

body #content2 div#left-col div#detail-top form.contact div.right-col input.textfield { width:283px; }

body #content2 div#left-col div#detail-top form.contact div.right-col { display:block; float:left; overflow:hidden; width:310px; }

body #content2 div#left-col div#detail-top form.contact { font-size:12px; line-height:16px; }

body #content2 div#left-col div#detail-top form.contact label { display:block; font-size:12px; margin-top:6px; }

body #content2 div#left-col div#detail-top form.contact input.submit { margin:10px 20px 15px; float: right; }

/*---------------------------------Resource Checklist Columns-----------------------------------------*/

#content2 #resourceleftcol { width:300px; height:auto; float: left; }

#content2 #resourcerightcol { float:left; width:330px; height:auto; }

#content2 #resourceleftcol ul li ul, #content2 #resourcerightcol ul li ul { float: left; padding-bottom: 20px; margin-bottom: 0px; }

#content2 #resourceleftcol li, #content2 #resourcerightcol li { float: left; clear: left; width: 280px; }

#content2 #resourceleftcol input, #content2 #resourcerightcol input { display: block; float: left; }

#content2 #resourceleftcol label, #content2 #resourcerightcol label { display: inline-block; float: left; width: 250px; }

#login-form label { clear: left; }

#login-form input { float: left; }

#pagination li { display: inline; }

/* related links */

#content .related-links { margin: 15px 0; padding:0; }

#content .related-links li { list-style-type: none;  }


/* latest news */

.latestNewsItem  { border-bottom: 1px solid #CCC; margin: 0 0 15px; padding: 5px 0 15px; overflow: hidden; }

.latestNewsItem .img { float: left; margin: 0; padding: 0; width:110px; }

.latestNewsItem .small { float: left; width: 520px; }

#news .latestNewsItem span.date { margin: 0; display: inline !important; }
