/* Basic Elements */

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;
   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;
}