body {
background:#ffffff url(../images/bg.jpg) repeat-y;
margin:0;
padding:0 0 90px 0; 
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}

#main {
width:976px;
_width:1015px;
margin-left:auto;
margin-right:auto;
overflow:visible;
}	

.slideshow { 
height:50px; 
width:232px; 
margin:auto 
}

.slideshow img { 
padding:15px;  
background-color:#eee;
}

#top-nav {
background:url(../images/topnav.gif) no-repeat;
width:959px;
height:48px;
}

#head {
background:url(../images/bg-head.gif) repeat-x;
border-right:1px solid #fff;
height:auto;
margin:54px 0 0 0;
}

#logo {
background:url(../images/about-us.png) no-repeat;
height:190px;
width:190px;
margin:0 0 0 50px;
}

#nav {
float:right;
}

.homepage {
margin:51px 89px 0 0;
*margin:-85px 70px 0 0px;
_margin:-85px 39px 0 0px;
}

#homepage2 {
margin:1px 1px 0 0;
}

.programs {
margin:51px 90px 0 0;
*margin:-84px 75px 0 0px;
_margin:-84px 39px 0 100px;
}

#programs2 {
margin:0px 164px 0 0;
_margin:0px 140px 0 0;
}

.involved {
margin:51px 89px 0 0;
*margin:-84px 85px 0 0px;
_margin:-84px 40px 0 0px;
}

#involved2 {
margin:0 165px 0 0;
}

.network {
margin:51px 91px 0 0px;
*margin:-84px 72px 0 0px;
_margin:-84px 48px 0 0px;
}

#network2 {
margin:51px 87px 0 0px;
}

.events {
margin:51px 87px 0 0px;
*margin:-84px 70px 0 0px;
_margin:-84px 37px 0 0px;
}

#events2 {
margin:0px 165px 0 0px;
}

.results {
margin:51px 87px 0 0;
*margin:-84px 235px 0 0px;
_margin:-84px 121px 0 0px;
}

#results2 {
margin:50px 250px 0 0;
}

#nav-interior {
float:right;
margin:50px 89px 0 0;
*margin:-85px 70px 0 0;
}

#nav ul {
margin:0px -15px 0 0;
padding:0px;
list-style:none;
}

#nav li {
float:left;
}

#nav ul li a {
width:105px;
height:38px;
display:block;
background-repeat:no-repeat;
background-position:top center;
}

.nav-events a {background:url(../images/events.png); width:105px; height:38px; _background:url(../images/events.gif); _width:155px; margin-left:-12px; display:block;}
.nav-home a {background:url(../images/home.png); width:105px; height:38px; _background:url(../images/home.gif); _width:155px; margin-left:-12px; display:block;}
.nav-get-involved a {background:url(../images/get-involved.png); width:105px; height:38px; _background:url(../images/get-involved.gif); _width:155px; margin-left:-12px; display:block;}
.nav-network a {background:url(../images/our-network.png); width:105px; height:38px; _background:url(../images/our-network.gif); _width:155px; margin-left:-12px; display:block;}
.nav-results a {background:url(../images/results.png); width:105px; height:38px; _background:url(../images/results.gif); +._width:155px; margin-left:-12px; display:block;}
.nav-programs a {background:url(../images/programs.png); width:105px; height:38px; _background:url(../images/programs.gif); _width:155px; margin-left:-12px; display:block;}

#topheadimage {
background:url(../images/topheadimage.png) no-repeat;
width:960px;
height:45px;
}

#nav-section2 {
margin-left:auto;
margin-right:auto;
text-align:left;
overflow:visible;
}

#nav-image {
background:url(../images/photo-nav.gif) no-repeat;
width:959px;
height:386px;
} 

.imageposition {
margin:-60px 0 0 55px; 
position:relative;
}

#nav-image-interior-involved {
background:url(../images/nav-interior-involved.gif) no-repeat;
width:959px;
height:380px;
}   

#nav-image-interior-results {
background:url(../images/nav-interior-results.gif) no-repeat;
width:959px;
height:380px;
}  

#nav-image-interior-network {
background:url(../images/nav-interior-network.gif) no-repeat;
width:959px;
height:380px;
}  

#nav-image-interior-programs {
background:url(../images/nav-interior.gif) no-repeat;
width:959px;
height:380px;
}  

#nav-image-interior-events {
background:url(../images/nav-interior-events.gif) no-repeat;
width:959px;
height:380px;
}   

#middle-container {
background:url(../images/middle-container.gif) repeat-y;
width:959px;
}

#interior-middle {
background:url(../images/interior-middle.gif) no-repeat;
width:959px;
height:505px;
}

#interior-middle-other {
background:url(../images/middle-container.gif) repeat-y;
width:600px;
display:block;
float:left;
}

#interior-middle-other h3 {
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif, helvetica bold;
font-size:15px;
font-weight:bold;
color:#56A0D3;
margin:0 0 0 55px;
padding:0;
}

h2 {
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif, helvetica bold;
font-size:22px;
font-weight:bold;
color:#56A0D3;
margin:0 0;
padding:0 0;
}

#interior-middle-other  p {
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif, georgia;
font-size:12.5px;
color:#9A8B7D;
margin:0px 25px 25px 55px;
padding:0;
}

#interior-middle-other  ul li {
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif, georgia;
font-size:12.5px;
color:#9A8B7D;
margin:0px 25px 25px 55px;
padding:0;
}

#interior-bottom {
background:url(../images/middle-container.gif) repeat-y;
width:959px;
}

#middle-container-interior {
float:left;
/*  width:840px; */
width:555px;
margin:15px 0 0 55px;
_margin:15px 20px 0 30px;
}

#middle-container-interior p {
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif, georgia;
font-size:12.5px;
color:#9A8B7D;
margin:0;
padding:0;
}

#middle-container-interior a {
color:#9A8B7D;
}

#middle-container-interior ul li {
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif, georgia;
font-size:12.5px;
color:#9A8B7D;
margin:0;
padding:0;
}

#middle-container-interior h3 {
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif, helvetica bold;
font-size:15px;
font-weight:bold;
color:#56A0D3;
margin:0;
padding:0;
}

#middle-container-interior img {
float:left;
padding:20px 10px 5px 0;
}

#middle-container-interior-right {
width:310px;
float:left;
margin:15px 0 0 0px;
}

#middle-container-interior-right p {
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif, georgia;
font-size:12px;
color:#9A8B7D;
margin:0;
padding:0;
text-align:center;
}

#middle-container-interior-right a {
text-decoration:none;
}

#otherprograms {
font-size:14px;
font-weight:bold;
color:#9A8B7D;
}

#law-leadership {
margin:0 0 0 20px;
padding:0;
}

#law-leadership span {
background:url(../images/law-leadership.gif) no-repeat;
width:270px;
height:140px;
display:block;
}

#youth-justice {
margin:0 0 0 20px;
}

#youth-justice span {
background:url(../images/youth-justice.gif) no-repeat;
width:270px;
height:140px;
display:block;
}

#youth-programs {
margin:0 0 0 20px;
}

#youth-programs span {
background:url(../images/youth-program.gif) no-repeat;
width:270px;
height:140px;
display:block;
}

#youth-connection-small {
margin:0 0 0 20px;
}

#youth-connection-small span {
background:url(../images/youth-connection-small.gif) no-repeat;
width:270px;
height:140px;
display:block;
}

#youth-connection-banner {
background:url(../images/youth-connection.gif) no-repeat;
width:535px;
height:120px;
}

#youth-action-banner {
background:url(../images/youth-action-banner.gif) no-repeat;
width:535px;
height:120px;
}

#youth-justice-banner {
background:url(../images/youth-justice-banner.gif) no-repeat;
width:535px;
height:120px;
}

#law-leadership-banner {
background:url(../images/law&leadership.gif) no-repeat;
width:535px;
height:120px;
}

#youth1 {
float:left;
margin:20px 0 0 50px;
}

#youth2 {
float:left;
margin:20px 0 0 20px;
}

#youth3 {
float:left;
margin:30px 0 0 50px;
}

#youth4 {
float:left;
margin:30px 0 0 20px;
}

#results-blue-top {
background:url(../images/blue-results-top.gif) no-repeat;
width:522px;
height:37px;
}

#results-blue-middle {
background:url(../images/blue-results-middle.gif) repeat-y;
width:522px;
}

#results-blue-bottom {
background:url(../images/blue-results-bottom.gif) no-repeat;
width:522px;
height:20px;
}

#results-green-top {
background:url(../images/green-results-top.gif) no-repeat;
width:522px;
height:39px;
}

#results-green-middle {
background:url(../images/green-results-middle.gif) repeat-y;
width:522px;
}

#results-green-bottom {
background:url(../images/green-results-bottom.gif) no-repeat;
width:522px;
height:18px;
}

#results-red-top {
background:url(../images/pinkred-results-top.gif) no-repeat;
width:522px;
height:37px;
}

#results-red-middle {
background:url(../images/pinkred-results-middle.gif) repeat-y;
width:522px;
}

#results-red-bottom {
background:url(../images/pinkred-results-bottom.gif) no-repeat;
width:522px;
height:20px;
}

#results-yellow-top {
background:url(../images/yellow-results-top.gif) no-repeat;
width:522px;
height:37px;
}

#results-yellow-middle {
background:url(../images/yellow-results-middle.gif) repeat-y;
width:522px;
}

#results-yellow-bottom {
background:url(../images/yellow-results-bottom.gif) no-repeat;
width:522px;
height:19px;
}

#top-youth {
background:url(../images/top-youth.jpg) no-repeat;
background-color:#fff;
width:862px;
height:17px;
margin:0 0 0 50px;
}

#bottom-youth {
background:url(../images/bottom-youth.jpg) no-repeat;
width:855px;
height:123px;
margin:0 0 0 50px;
}

#bottom-youth img {
float:left;
padding:5px 0 10px 20px;
}

#bottom-youth p {
float:left;
padding:2px 0 10px 20px;
*padding:5px 0 0 0;
_padding:5px 0px 5px 20px;
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:19px;
color:#9a8b7d;
width:300px;
height:15px;
display:inline;
}

#bottom-youth div {
float:left;
padding:0px 0 10px 5px;
*padding:0px 0 0px 0px;
_padding:0px 0px 0px 20px;
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:14px;
color:#56a0d3;
width:350px;
display:inline;
}

#bottom-youth div img {
float:right;
padding:0px 0 0px 0px;
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:28px;
color:#ffc425;
}

#bottom-youth div a {
float:right;
padding:0;
margin:0;
*margin:-17px 0 0 0;
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:14px;
color:#abd370;
text-decoration:none;
}

#bottom-youth div span {
padding:0 0 0 50px;
margin:0;
font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:14px;
color:#ffcd57;
text-decoration:none;
}

#rainbow-bar {
background:url(../images/rainbow.jpg) no-repeat;
width:858px;
height:51px;
margin:0 0 0 50px;
}

#image-links {
margin:0 0 0 50px;
}

#image-links img {
float:left;
margin:0 0 0 0;
padding:0px;
}

#bottom {
background:url(../images/bottom.png) no-repeat;
_background:url(../images/bottom.gif) no-repeat;
height:175px;
position:relative;
padding:15px 0 15px 32px;
}

#bottom-elements {
float:right;
width:505px;
_width:545px;
position:relative;
left:7px;
_left:0;
}

.contact-us {
padding:5px 0 0 12px;
}

#smallboxwrap {
float:left;
width:129px;
height:68px;
}

#smalltop {
background:url(../images/smalltop.jpg) no-repeat;
height:12px;
width:135px;
display:block;
}

#smallmiddle {
background:url(../images/smallmiddle.jpg) repeat-y;
height:auto;
width:135px;
text-align:center;
display:block;
}

#smallmiddle p {
color:#9a8b7d;
font-size:14px;
margin:0;
padding:0;
}

#smallbottom {
background:url(../images/smallbottom.jpg) no-repeat;
height:12px;
width:135px;
display:block;
}

#bottom-elements p {
color:#9a8b7d;
font-size:11px;
}

#exclaimation {
background:url(../images/exclaimation.png) no-repeat;
_background:url(../images/exclaimation.gif) no-repeat;
width:87px;
height:198px;
float:right;
z-index:1;
display:block;
margin:-20px 0 0 0;
_margin:-77px 12px 0 0;
}

.padding {
padding:15px 0 0 25px;
}

.color {
color:#abd370;
}

.calendar {
width:820px;
margin:0 auto;
}

.blue {
color:#56a0d3;
}

p.credits {
float:right; 
margin:-10px 0 0 0; 
color:#999, 
}

p.credits a:link,
p.credits a:visited {
text-decoration:none;
color:#999;
}

p.credits a:hover, 
p.credits a:active {
color:#abd370;
}

div.clear {
height:0px;
clear:both
}

#middle-container-interior img.center {
display:block;
width:600px;
float:none;
margin:0 auto 20px auto;
padding:0;
}

.news-callout {
width:240px;
height:121px;
padding:27px 10px 0px 20px;
float:left;
color:#9A8B7D;
font-size:12.5px;
}

.news-callout a {
color:#ABD370;
text-decoration:none;
}