/* CONFIGURATION FOR SLIDER HEIGHT */
/*	3 pages have a slider.
	Slider specific properties for each page is prefixed with the page name : ex: #home
	To change height, update all values of the prefixed page for first 2 lines for the page to update.
	3rd line is arrow position. update optional.
*/
	 /* over all box that wraps the slider */
	#home .scroll { height: 380px;} 
	#personalg .scroll{height: 490px;}
	#internships .scroll{height: 454px;}
	 /* every panel (e.g. slide) Must have 10px less than wrapper */
	#home .scrollContainer div.panel { height: 370px;}
	#personalg .scrollContainer div.panel { height: 500px;}
	#internships .scroll{height: 464px;}
	/* position off the right and left arrow. adjust according to slider's height*/
	#home .scrollButtons { top: 130px; }
	#personalg .scrollButtons { top: 150px; }
	#internships .scrollButtons{top: 150px;}

/* END CONFIGURATION. DO NOT CHANGE BELOW */


#slider {width: 620px; margin:auto; position: relative; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:12px; text-align:justify;}
.scroll {width: 620px; overflow: auto; overflow-x: hidden;position: relative; clear: left;}

.description2{ background:#8e8e8e;font-size:12px; line-height:15px; border:1px solid #ccc; color:#fff;
				 font-family: Verdana, Helvetica, Arial, sans-serif; border-top:0px; }

.scrollContainer div.panel { padding:10px 20px 0 20px;  width: 580px; color:#eee;}
.scrollContainer div.panel h2{ padding:5px 0; font-weight:bold;}
.scrollContainer div.panel p{ padding:5px 0; font-size:12px; line-height:14px;}


ul.slidemenu {padding-bottom: 9px; margin-top:20px; }
ul.slidemenu2 {background:#8e8e8e;width: 605px; border:1px solid #ccc; border-bottom:0px; padding-top:15px; padding-left:15px;}

ul.slidemenu li{display: inline;margin-right: 10px;}
ul.slidemenu a{padding: 5px;color: #606060;text-decoration: none;}
 
ul.slidemenu a:hover{color:#fff;}

ul.slidemenu a.selected{color:#fff;}

ul.slidemenu a:focus{outline: none;}

.scrollButtons {position:absolute;cursor: pointer;}
.scrollButtons.left {left:-19px; z-index:1000;}
.scrollButtons.right {right:-21px; z-index:1000;}

#home .scroll a{color:#fff; text-decoration:none;}
#home .scroll a:hover{color:#fff; text-decoration:underline;}

.hide{display:none;}
#shade {height: 50px; display:none;}