/******** Containers ******/
#black_conatiner{
background-color: #191919; 
border-style:none;
border-width:1px;
border-color:red;
}

#header_container{
width:995px;
height:110px;
background-color: #191919; 
border-style:none;
border-width:1px;
border-color:blue;
}
#impact_header{
float:left;
padding-left:50px;
padding-top:11px;
border-style:none;
border-width:1px;
border-color:red;
}

#description3{

background-image:url(../images/pieces/new_gradient.png);
background-repeat: no-repeat; 
padding-left:0px;
padding-top:20px;
}

#test{
padding-left:79px;
/*background-color: #191919;*/
 }
 
 
 /************* Social Icons and Positions ********/
 #socialIcons{
float:right;
padding-right:75px;
padding-top:8px;
width:60px;
height:30px;
border-style:none;
border-width:1px;
border-color:red;
}

#fb{
float:left;
}

#tweet{
float:right;
}

#facebook_button{
    background-image:url('../images/pieces/facebook_button.png');
	background-repeat:no-repeat;
}

#twitter_button{
    background-image:url('../images/pieces/twitter_button.png');
	background-repeat:no-repeat;
}


.social_icon{
display: block;
width: 27px;
height: 27px;

}

.social_icon:hover{
 background-position: 0px -29px;
}



/****************  Comic Containers *****************/
#comic{
width:982px;
height:620px;
padding-left: 0px;
padding-top:0px;
padding-right:0px;
padding-bottom: 0px;
border-style:none;
border-width:1px;
border-color:yellow;
}

#comic_pane{
float:left;
width:841px;
height:549px;
border-style:none;
border-width:1px;
border-color:blue;
}

#bottom_comic{
float:left;
width:982px;
height:0px;
padding-top:0px;
}


/*********  Comic Arrows ************/

#left_arrow{
    background-image:url(../images/pieces/leftbutton.png);
	background-repeat:no-repeat;
}


.left_arrow{
display: block;
width: 57px;
height: 91px;

}
	
.left_arrow:hover{
 background-position: 0px -91px;
}


a.right_arrow_blink:link {
	display: block;
	width: 68px;
	height:154px;

	background: url('../images/pieces/right_arrow_blink.gif');
}

a.right_arrow_blink:hover{
	display: block;
	width: 68px;
	height:154px;;
	background: url('../images/pieces/right_arrow_blink_rollover.gif');
}


#arrow_position{
float:left;
height: 326px;
width:57px;
padding-top:227px;
padding-left:22px;
border-style:none;
border-width:1px;
border-color:green;
}

#arrow_position_blink{
float:left;
height: 326px;
width:60px;
padding-top:195px;

border-style:none;
border-width:1px;
border-color:none;
}


#arrows{
float:left;
width:100px;
 padding-left:45px;

 border-style:none;
border-width:1px;

}

#left_arrow{
float:left;
border-style:none;
border-width:1px;
}


/********************  Learn More *****************/
#learn_more_combined{
	margin-top:0px;
    background-image:url('../images/pieces/learn_more_combined_button.png');
	background-repeat:no-repeat;
}
	
.learn2{
display: block;
width: 184px;
height: 48px;
}
	
.learn2:hover{
 background-position: 0px -50px;
}


a.learn_more2:link {
	display: block;
	width: 184px;
	height: 48px;

	background: url('../images/comic/learn_more_button.png');

}
a.learn_more2:hover{
	display: block;
	width: 184px;
	height: 48px;
	background: url('../images/comic/learn_more_rollover.png');
}
 #learn_more2{
 float:right;
 padding-top:85px;
 padding-left:70px;
 width:400px;
 border-style:none;
border-width:1px;
font-family:arial;
 font-size:16px;
 font-weight:bold; 
 }
 
 #learn_position{
float:right;
height: 48px;
width:184px;
padding-right:60px;
border-style:none;
border-width:1px;
border-color:green;
}

#slide{
font-family:arial;
font-size:18px;
color:#cbc3c8;
float:right;
padding-top:15px;
padding-bottom:0px;
padding-left:0px;
border-style:none;
border-width:1px;
}


 
 /************* Tab Content and Positioning **************/
 
   /*******Tab - 1 Welcome *******/
 #content_middle_welcome{
background-image:url('../images/pieces/welcome_middle_section.png');
background-repeat: no-repeat; 
height: 756px;
}

#button_left_welcome{
float:left;
padding-left:40px;
width:330px;
height:400px;
}
#button_right_welcome{
float:left;
padding-left:0px;
}


 
 
  /*******Tab - 2 Meet The Professor *******/
  
#main_content2{
background-image:url(../images/pieces/mid_gradient_4.png);
background-repeat: no-repeat; 
height: 939px;
}

  #right_content{
 float:right;
padding-right:0px;
width:550px;
 height:820px;
 border-style:none;
 border-color:red;
border-width:1px;
 }
 
 #left_content2{
 float:left;
 height:720px;
 padding-left:30px;
border-style:none;
border-color:blue;
border-width:1px;
 }
 
 #bio{
 background-image:url(../images/pieces/phinas_bio.png);
background-repeat: no-repeat; 
height:220px;
 }

 
 #tv_spot{
 width:580px;
 padding-top:20px;
 padding-bottom:0px;
 }
 
 #tv_container{
height:150px;
 border-style:none;
border-width:1px;
}

 
 #bio_text{
 padding-left:180px;
 font-family:arial;
 font-size:14px;
 font-weight:bold;
 padding-top:187px;
 }
 
 
#contact_info{
 padding-top:0px;
 height:200px;
  background-image:url(../images/pieces/visit_new.png);
background-repeat: no-repeat; 
 }
 
#listen{
 font-family:arial;
 font-size:14px;
 font-weight:bold;
 float:right;
 width:420px;
 height:70px;
 padding-top:35px;
  padding-right:none;
border-width:1px;
 
}

#webtext{
 padding-left:57px;
 font-family:arial;
 font-size:14px;
 font-weight:bold;
 padding-top:0px;
}

#emailtext{
 padding-left:44px;
 font-family:arial;
 font-size:14px;
 font-weight:bold;
 padding-top:114px;
}

.purple{
	text-decoration: underline;
	color: #aba7ac;
}

.purple:visited {
	text-decoration: none;
	color: #aba7ac;
}

.purple:hover {
	text-decoration: underline;
	color: #ccafce;
}
 
 
 
  /*******Tab - 3 Research *******/
 #content_middle_research{
background-image:url('../images/pieces/research_middle_section.png');
background-repeat: no-repeat; 
height: 756px;
}

#apart_of{
float:left;
margin-top:10px;
padding-left:40px;
width:430px;
height:400px;
}

#button_right_apart{
margin-top:10px;
float:left;
padding-left:30px;
}

#icon{
float:left;
width:200px;
height:50px;
margin-top:15px;
padding-left:57px;
}


 
 
 /*******Tab - 4 Prospective Students *******/
#top_content{
 height:110px;
 }
 
 #content_middle_prospective{
background-image:url('../images/pieces/prospective_middle.png');
background-repeat: no-repeat; 
height: 756px;
}
 
 
 
  /*******Tab - 5 Episodes *******/
  #content_middle{
background-image:url('../images/pieces/mid_episodes.png');
background-repeat: no-repeat; 
height: 606px;
}


   #bottom_content{
 height:250px;
  padding-left:35px;
   border-style:none;
border-width:1px;
 }
 
 #photoIcon1{
float:left;
padding-left:0px;
}

#photoIcon2{
float:left;
padding-left:22px;
padding-top:0px;
}


#robotron{
    background-image:url('../images/pieces/robotron_combined.png');
	background-repeat:no-repeat;
}

#aggragator{
    background-image:url('../images/pieces/aggragator.png');
	background-repeat:no-repeat;
}

#safetyman{
    background-image:url('../images/pieces/safetyman.png');
	background-repeat:no-repeat;
}

#imager{
    background-image:url('../images/pieces/imager.png');
	background-repeat:no-repeat;
}

#biowoman{
    background-image:url('../images/pieces/biowoman.png');
	background-repeat:no-repeat;
}
#multiplier{
    background-image:url('../images/pieces/multiplier.png');
	background-repeat:no-repeat;
}



.episode{
display: block;
width: 173px;
height: 133px;

}
	
.episode:hover{
 background-position: 0px -133px;
}



/*************************  Linked and Rollovers **************************/
#contact{
    background-image:url('../images/pieces/contact_us_button.png');
	background-repeat:no-repeat;
}
#apply{
    background-image:url('../images/pieces/apply_for_admission.png');
	background-repeat:no-repeat;
}

#book{
    background-image:url('../images/pieces/book_tour.png');
	background-repeat:no-repeat;
}

#meet{
    background-image:url('../images/pieces/meet_real.png');
	background-repeat:no-repeat;
}

#robotics{
    background-image:url('../images/pieces/robotics_seas.png');
	background-repeat:no-repeat;
}

#strategic{
    background-image:url('../images/pieces/strategic_priorities_seas.png');
	background-repeat:no-repeat;
}


#return{
    background-image:url('../images/pieces/return_home.png');
	background-repeat:no-repeat;
}

.button_short{
display: block;
width: 298px;
height: 63px;

}
	
.button_short:hover{
 background-position: 0px -65px;
}

#learn_more{
	margin-top:15px;
    background-image:url('../images/pieces/learn_more_button.png');
	background-repeat:no-repeat;
}

.button_long_learn{
display: block;
width: 423px;
height: 60px;
}
	
.button_long_learn:hover{
 background-position: 0px -61px;
}



#sign_up{
	margin-top:30px;
    background-image:url('../images/pieces/sign_up_button.png');
	background-repeat:no-repeat;
}


#seh{
	margin-top:30px;
    background-image:url('../images/pieces/seh.png');
	background-repeat:no-repeat;
}
	
.button_long{
display: block;
width: 422px;
height: 61px;
}
	
.button_long:hover{
 background-position: center bottom;
}



/****************  Eskandarian Video, Sign-up and Experience Page ******************/
#content_position{
margin-left:90px;
margin-right:90px;
height:1000px;
}
#video_pane{
padding-top:100px;
margin-left:60px;
}
.green_h2 {
	font-size:28px;
	text-decoration: none;
	color: #abc835;
}

.text_p {
	font-size:16px;
	color: #aba7ac;
}


.purple_text{
	font-size:16px;
	color: #cbc3c8;
}

#form{
margin-top:50px;
}

#why{
	margin-top:25px;
    background-image:url('../images/pieces/why_engineering_button.png');
	background-repeat:no-repeat;
}

#seh_large{
	margin-top:8px;
    background-image:url('../images/pieces/seh_large_button.png');
	background-repeat:no-repeat;
}

#majors{
	margin-top:8px;
    background-image:url('../images/pieces/majors_degrees_button.png');
	background-repeat:no-repeat;
}

#nsg{
	margin-top:8px;
    background-image:url('../images/pieces/nsg_button.png');
	background-repeat:no-repeat;
}

#study_abroad_large{
	margin-top:8px;
    background-image:url('../images/pieces/study_abroad_large.png');
	background-repeat:no-repeat;
}

#seasspan{
	margin-top:8px;
    background-image:url('../images/pieces/seas_span_button.png');
	background-repeat:no-repeat;
}
	
.long{

display: block;
width: 575px;
height: 18px;
}
	
.long:hover{
 background-position: 0px -22px;
}

#visit_us{
	margin-top:25px;
    background-image:url('../images/pieces/visit_us_button.png');
	background-repeat:no-repeat;
}
	
.visit{

display: block;
width: 95px;
height: 23px;
}
	
.visit:hover{
 background-position: 0px -24px;
}