@charset "UTF-8";
/* CSS Document */

img.sptop_text {
float:left;
margin-left:330px;
margin-top:5px;
}

/*----------------------------- body container -------------------------------*/
#bodyrepeat_line{background:url(../images/body_repeatwithline.jpg) repeat-y; width:950px; height:auto;}
#left{width:608px; float:left; padding-left:22px;}
#middle{background:url(../images/body_breakline_ver.jpg) repeat-y; width:2px; height:1300px; float:left;} 
#right{width:301px; float:right; padding-left:17px;}

/*--------------- Network Navigation ------------------*/

.network_nav{
     width:595px;
	 margin-top:11px;
}

.network_nav li{
        list-style: none;
		height:61px;
		float:left;
		display:block;
}

.network_nav a { 
        height:100%;
		width:100%;
		display:block;
}

a.news{
         background:url(../images/home_network-nav.jpg) no-repeat 0px 0px;
		 width:147px;
		 height:61px;
}

a.news:hover, a.news-active{
                            background:url(../images/home_network-nav.jpg) no-repeat 0px -61px;
						    height:61px;
		                    width:147px;
}

a.network_blog{
          background:url(../images/home_network-nav.jpg) no-repeat -147px 0px;
		  height:61px;
		  width:151px;
}

a.network_blog:hover, a.network_blog-active{
                                  background:url(../images/home_network-nav.jpg) no-repeat -147px -61px;
								  height:61px;
		                          width:151px;
}

a.network_events{
           background:url(../images/home_network-nav.jpg) no-repeat -298px 0px;
		   height:61px;
		   width:149px;
}

a.network_events:hover, a.network_events-active{
                                    background:url(../images/home_network-nav.jpg) no-repeat -298px -61px;
								    height:61px;
		                            width:149px;
}

.network_nav li.bw4{
                background:url(../images/home_network-nav.jpg) no-repeat -447px 0px;
			    width:148px;
			    height:61px;
}

/*-------------------- end network navigation ------------------------*/




/*-------------------- start moving text and images ------------------------*/
#mainpic {
 width:1000px;
 height:335px;
 overflow:hidden;
}

div.rotator { 
  position: relative; 
  height: 335px; 
  width: 1000px; 
  /*padding: 10px; */
  /*background: #fff; */
}



.contentimage {
 float:left;
 width:748px;
 height:335px;
}



 
.contenttext {
 float:right;
 width:252px;
 height:306px;
  background:url(../images/mainpic_textframebest.jpg) no-repeat;
}

.jinwrap {
padding-top:85px;
}

.contenttext2 {
 float:right;
 width:252px;
 height:306px;
  background:url(../images/mainpic_textframex2.jpg) no-repeat;
}

.contenttext3 {
 float:right;
 width:252px;
 height:306px;
  background:url(../images/mainpic_textframex3.jpg) no-repeat;
}

.contenttext4 {
 float:right;
 width:252px;
 height:306px;
  background:url(../images/mainpic_textframex4.jpg) no-repeat;
}

.contenttext5 {
 float:right;
 width:252px;
 height:306px;
  background:url(../images/mainpic_textframex5.jpg) no-repeat;
}

h1.jintitle {
color:#CCD6E0;
font:20px "Impact",Impact5,Charcoal6,sans-serif;
padding-top:0px;
}

p.jintext {
color:#FFFFFF;
font-size:16px;
font-family:Arial, sans-serif;
line-height:1.35em;
margin-left:12px;
padding-top:10px;
width:200px;
word-spacing: 0.15em;
text-align:left;
}

div.slidenavigation { 
 width:177px;
/*margin-left:775px; */
float:left;

}

 #introslide { background: #000; color: #eee; text-align: center; }
 div.slidenavigation a{ 
 float: left; 
 overflow: hidden; 
 }
 

#click1, #click2, #click3,  #click3,  #click3, .current1, .current2, .current3, .current4, .current5{
  float: left; 
 overflow: hidden; 
 height:29px;
 }
 
 #click1, .current1{
 width:36px;
 }
 
  #click2, .current2{
 width:35px;
 }
 
  #click3, .current3{
 width:36px;
 }
 
  #click4, .current4{
 width:34px;
 }
 
 #click5 , .current5
 {
width: 36px;
 }
 


 
#click1{
background:url(../images/nav2.jpg) no-repeat 0px 0px;
  width:36px;
 height: 29px;
}

#click1:hover, .current1 {
 background:url(../images/nav2.jpg) no-repeat 0px -29px;
  width:36px;
 height: 29px;
}
 
#click2{
background:url(../images/nav2.jpg) no-repeat -36px 0px;
width:35px;
 height: 29px;
}

#click2:hover, .current2{
 background:url(../images/nav2.jpg) no-repeat -36px -29px;
 width:35px;
 height: 29px;
}

#click3{
 background:url(../images/nav2.jpg) no-repeat -71px 0px;
 width:36px;
 height: 29px;
}

#click3:hover, .current3{
 background:url(../images/nav2.jpg) no-repeat -71px -29px;
 width:36px;
 height: 29px;
}

#click4{
 background:url(../images/nav2.jpg) no-repeat -107px 0px;
 width:34px;
 height: 29px;
}

#click4:hover, .current4{
 background:url(../images/nav2.jpg) no-repeat -107px -29px;
 width:34px;
 height: 29px;
}

#click5{
 background:url(../images/nav2.jpg) no-repeat -141px 0px;
 width:36px;
 height: 29px;
}

#click5:hover, .current5{
 background:url(../images/nav2.jpg) no-repeat -141px -29px;
 width:36px;
 height: 29px;
}

/*#emptyend {
margin-left:949px;
 margin-top:-29px;
}
*/

img.emptyright {
width:51px;
height:29px;
float:right;
}
 
div.slidenavigation a:hover { 
text-decoration: none; 
}

 
.slidenavigation a{ 
display:block;
}

img.emptyleft {
width:24px;
height:29px;
float:left;
}




/*-------------------- end moving text and images ------------------------*/

#network_container{width:595px; height:auto;}
#breakline_hor{width:595px; height:2px; margin-top:20px;}
img.subtitle{float:left; margin-top:15px; margin-bottom:15px;}
#youtube{margin-top:11px; margin-right:12px;}
#empty{height:56px;}
#content_title{width:444px; margin-left:72px;}
img.content_subtitle1{float:left; height:18px;}
img.content_subtitle2{float:right;}
#content_container{width:595px; margin-top:16px;}
.coalitions{width:291px; float:left;}
#textforcharlie{ background:url(../images/home_text-frame.jpg) no-repeat; width:290px; height:147px; float:right;}

div.content_rotator {
  /*overflow: hidden;*/
  position: relative; 
  height: 147px; 
  width: 291px;
}
.coalitions_image {
 float:left;
 width:291px;
 height:147px;
}

a img{border:none;}
#empty_bottom{height:61px;}












/*---------------------------CSS FOR THE MAIN PAGE-----------------------*/
/*-----------------DELETE AFTER THE WORDPRESS IS INSTALLED.ITS JUS FOR SHOWING TO CLIENT-----*/ss
	
.network_container {
background-color:#FFFFFF;
text-align:left;
padding-top:14px;
padding-bottom:40px;
 width:595px; height:600px;
}




#homeposts {
text-align:left;
padding-bottom:35px;
display:block;
cursor:pointer;

}

#homeposts:hover{
background-color:#efefef;
text-decoration:none;
}


#homepost-heading {
height:30px;
background-color:#003366;
padding-left:13px;
}

#homepost-heading {
font-size:20px;
font-family: Impact, sans-serif;
color:#FFFFFF;
}


#homepost_text {
padding-right:78px;
padding-left:28px;
padding-top:29px;
font-family:Arial, Helvetica, sans-serif ;
font-size:14px;
color:#666666;
}

#homepost_text:hover{
text-decoration:none;
}


/*--------------------------- twitter -----------------------------*/

.twitter, .twitter2{width:286px; margin-left:-5px;}
.twitter ul{background:url(../images/twitter.gif) no-repeat; width:286px; height:62px; color:#FFFFFF; font-size:0.917em; line-height:1.636em; list-style:none; z-index:1; padding-top:35px;}
.twitter ul li{font:12px "Arial", Helvetica, sans-serif; margin-left:10px;}
.twitter li a, twitter2 li a, .twitter-link{color:#FFFFFF;}
.more_updates{background:url(../images/twitter-tail.gif) no-repeat; width:auto; height:15px; z-index:2; margin-top:-1px; margin-left:10px; padding-top:5px;}
.more_updates a{font:12px "Arial", Helvetica, sans-serif; color:#006699; font-weight:600; margin-left:25px;}

/*
.twitter2 ul{background:url(../images/twitter2.gif) no-repeat; width:286px; height:62px; color:#FFFFFF; font-size:0.917em; line-height:1.636em; list-style:none; z-index:1; padding-top:35px;}
.twitter2 ul li{font:12px "Arial", Helvetica, sans-serif; margin-left:10px;}
.twitter2 li a, twitter2 li a, .twitter-link{color:#FFFFFF;}
.twitter2 .more_updates{background:url(../images/twitter2-tail.gif) no-repeat; width:auto; height:15px; z-index:2; margin-top:-1px; margin-left:10px; padding-top:5px;}
.twitter2 .more_updates a{font:12px "Arial", Helvetica, sans-serif; color:#006699; font-weight:600; margin-left:25px;}
*/
#empty_twitter{height:10px; width:1px;}



.twitter-message {
background:url(../images/twitter.gif) no-repeat; width:278px; height:62px; color:#FFFFFF; font-size:1.15em; line-height:1.3em; list-style:none; z-index:1; padding-top:35px;
margin-top:25px;
text-align:left;
padding-left:7px;
padding-right:5px;
}

/*------------------------- teacher for charlie --------------------------*/
#empty{width:1px; height:20px;}
a.teachercharlie{ margin-left:-7px;}