@import "slidingpanels.css";



/*-----------------------------------------------RESET---------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}




/*-----------------------------------------------BUILD----------------------------------------------------------*/
body {background:#1b1b1b url(../images/body_column.gif) repeat-y 50% 0;font:76%/160% Verdana,Arial,Helvetica,sans-serif;color:#ccc;}
#wrap{background:url(../images/body_stripes.gif) no-repeat 50% 0;height:230px;}
#container{width:890px;margin:0 auto;padding:0;}




/*-----------------------------------------------CORE----------------------------------------------------------*/
a{text-decoration:none;color:#fd7900;padding:2px;}
a:hover{background:#222;color:#fff;}
p{padding: 0 0 10px 0;width:100%;}
h1,h2,h3,h4,h5,h6 {color:#111;clear:both;font-family:Arial, Helvetica, sans-serif;}
h1{font-size:2.6em;color:#ddd;}
h2{font-size:2.2em;color:#6094a0;margin:0 0 5px 0;line-height:1.4em;font-weight:normal;}
h3{font-size:1.3em;font-weight:bold;color:#fff;margin:5px 0;}
h4{font-size:0.9em;color:#999;margin:0;padding:0;}
h5{font-size:1em;color:#ccc;font-weight:bold;margin:20px 0 5px 0;padding:0;}
.hrule {border-top:solid 1px #414141; margin:10px 0;}
.dotrule {height:1px;font-size:1px;background:url(../images/dot.gif) repeat-x;clear:both;margin-bottom:3px;}
.high1{color:#fff;}
.italic{font-style:italic;}
.left{float:left;}
.right{float:right;}
.grey{color:#999;}
img.left{float:left;margin:0 9px 0 0;border:3px solid #222;margin-top:4px;}
img.right{float:right;margin:0 0 0 9px;border:3px solid #222;margin-top:4px;}
small{font-size:0.9em;color:#777;clear:left;}
.small{font-size:0.9em;color:#f6c401;clear:left;line-height:1.2em;margin-bottom:2px;}
.clearall{clear:both;}
h3 img, a img{padding-right:5px;}
h3 img{margin-bottom:-2px;}
a img, .bullet{vertical-align:text-bottom;margin-bottom:-1px;}  /* vertically aligns bullet images to middle, images must be 15px high */
ul{margin:10px 0 20px 20px;}
li{list-style-type:none;background:url(../images/bullet_blue.gif) no-repeat left 2px;padding:0 0 6px 16px;}
.righttext{margin-top:10px;text-align:right;}
.right{float:right;}
.spacefix{height:150px;width:auto;}
strong{font-weight:bold;color:#ddd;}
ul.link li{background:url(../images/bullet_link.gif) no-repeat left top;}
#underconstruction{padding:40px;font-size:1.4em;color:#bbb;float:left;}

/*-----------------------------------------------BANNER----------------------------------------------------------*/
#banner{width:890px;height:165px;}

h1#b1, #b2, #b3, #b4{height:165px;float:left;}


#b2{background:url(../images/banner_2.gif); width:280px;}
#b3{background:url(../images/banner_3.gif); width:260px;}
#b4{background:url(../images/banner_4.gif); width:185px;}

h1#b1 a{display:block;width:165px;height:165px;background:url(../images/banner_1.gif) no-repeat;margin:0;padding:0;text-indent:-5000px;}


/*-----------------------------------------------MENUS----------------------------------------------------------*/
#menu{width:890px;float:left;background:#242424;}
#menu ul{margin:0;}
#menu li{float:left;display:inline;margin:0;list-style:none;border-right:1px solid #242424;background:none;padding:0;}
#menu li a:link, #menu li a:visited{border-bottom:#000 solid 3px;
padding:15px 40px;display:block;float:left;background:#171717;color:#aaa;text-transform:uppercase;color:#999;}
#menu li a:hover{color:#f6c401;border-bottom:3px solid #f6c401;}
#menu li.last{border-right:none;}
#menu li.last a:link, #menu li.last a:visited{padding:15px 41px 15px 41px;}

#home #menu li a.active_home,
#about #menu li a.active_about,
#events #menu li a.active_events,
#team #menu li a.active_team,
#timeline #menu li a.active_timeline,
#research #menu li a.active_research,
#links #menu li a.active_links
{border-bottom:#222 solid 3px;display:block;float:left;background:#222;color:#aaa;text-transform:uppercase;color:#999;}


#nav {background:#2f2f2f;float:left;}
#nav ul{margin:20px;}
#nav li{list-style:none;background:none;padding:0;}
#nav li a{padding:5px;display:block;width:150px;color:#bbb;}
#nav li a:hover{background:#222;color:#158aa5;}
* html #nav li a {width:150px;}
#nav li a.last{border-bottom:none;}
#nav li a.active{background:transparent url(../images/nav_active.gif) no-repeat center right;}
#nav li a:hover.active{background:#222;color:#158aa5;}

#nav2 {background:#2f2f2f;float:left;width:250px;}
#nav2 ul{margin:20px;}
#nav2 li{list-style:none;background:none;padding:0;}
#nav2 li a{padding:5px;display:block;width:200px;color:#bbb;}
#nav2 li a:hover{background:#222;color:#158aa5;}
* html #nav2 li a {width:200px;}
#nav2 li a.last{border-bottom:none;}
#nav2 li a.active{background:transparent url(../images/nav_active.gif) no-repeat center right;}
#nav2 li a:hover.active{background:#222;color:#158aa5;}

#nav2 li ul {margin:0 0 10px 20px;}
#nav2 li ul li{list-style:none;background:none;padding:0;}
#nav2 li ul li a{font-size:0.9em;padding:2px;color:#999;width:186px;display:block;}
#nav2 li ul li a:hover{background:#222;color:#158aa5;}
* html #nav2 li ul li a {width:186px;}
#nav2 li ul li a.active{color:#fff;background:none;}

#nav3 ul {margin:10px 0 0 5px;}
#nav3 ul li{list-style:none;display:inline;background:none;padding:0;}
#nav3 ul li a{float:left;background:#2c2c2c;margin-right:4px;}
#nav3 ul li a:hover, nav3 ul li a.active{background:#222;}
#nav3 ul li a img{vertical-align:top;padding:3px;}



/*-----------------------------------------------CONTENT----------------------------------------------------------*/
#content{background:#2c2c2c;}

#crumb{font-size:10px;color:#ccc;background:#222;float:left;width:100%;padding:5px 0px;}
.trail{padding:0 20px;}
.trail a{color:#888;padding:0;}
.trail a:hover, .activepage{color:#ccc;text-decoration:none;}
.trail_none{height:5px;width:auto;}

#content_home, #content_nav, #content_nav2, #content_about, #content_nonav
{float:left;background:#343434;padding:20px 30px;}

#content_home{width:640px;padding:0;}
#content_nav{width:630px;}
#content_nav2{width:580px;}
#content_about{padding:30px 40px;width:540px;}
#content_nonav{width:830px;}

#sidebar{float:left;}
.sidebar_home{width:250px;}
.sidebar_about{padding:20px;width:230px;}

.sidebar-1, .sidebar-2{padding:20px;width:210px;}
.sidebar-1{background:#222;}
.sidebar-2{background:#252525;}


#sidebar ul{margin:10px 0 0 0;font-size:0.9em;}
#sidebar li{background:none;padding:0;margin:0;}

#sidebar li a{display:block;border-bottom:1px dotted #444;padding:2px 0;width:210px;}
#sidebar li a:hover{background:#222 url(../images/bullet_pdf.gif) no-repeat right center;}
#sidebar li small{color:#ccc;font-size:0.9em;}

.right-link{float:right;}
.right-link a{background:url(../images/bullet_pdf.gif) no-repeat 0 3px;padding: 5px 5px 5px 22px;}
.right-link a:hover{background:#222 url(../images/bullet_pdf.gif) no-repeat 0 3px;}

/*-----------------------------------------------HOME----------------------------------------------------------*/
.news1, .news2{padding:30px 40px;width:560px;}
.news1{background:#343434;}
.news2{background:#2f2f2f;}
.news1:hover{background:#343434 url(../images/hover.gif) no-repeat bottom right;}
.news2:hover{background:#2f2f2f url(../images/hover.gif) no-repeat bottom right;}
.lastnews{border-bottom:none;}

.date{color:#777;font-style:italic;font-size:0.9em;background:url(../images/bullet_date.gif) no-repeat center left;padding:0 0 0 16px;margin-bottom:15px;}
#timenav a, #conferencenav a{width:250px;height:160px;display:block;margin:0;padding:0;}
#timenav a{background:url(../images/timenav.jpg) no-repeat;}
#conferencenav a{background:url(../images/conferencenav.jpg) no-repeat;}

/*-----------------------------------------------TEAM----------------------------------------------------------*/



#profile{float:left;}
#profile_pic{background:#343434;padding:20px 0 20px 20px;float:left;width:188px;}
#profile_details{width:432px;background:#343434;float:left;padding:25px 30px 20px 20px;min-height:330px;height:auto !important;height:330px;}
#profile_title{margin-bottom:15px;}

.photo{margin-top:10px;float:left;width:446px;}
.photo p{font-size:0.8em;color:#777;line-height:15px;padding:5px;}

.paper_title{margin:10px 0;}
.subpage_title{color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.6em;text-transform:uppercase;}

#team.allen #nav li a.active_allen, 
#team.harperg #nav li a.active_harperg, 
#team.smith #nav li a.active_smith, 
#team.forster #nav li a.active_forster, 
#team.ede #nav li a.active_ede, 
#team.gaal #nav li a.active_gaal, 
#team.bradley #nav li a.active_bradley, 
#team.shaw #nav li a.active_shaw, 
#team.tunney #nav li a.active_tunney, 
#team.barber #nav li a.active_barber, 
#team.harpers #nav li a.active_harpers, 
#team.porter #nav li a.active_porter
{background:transparent url(images/nav_active.gif) no-repeat center right;}

#team.allen #nav li a:hover.active_allen, 
#team.harperg #nav li a:hover.active_harperg, 
#team.smith #nav li a:hover.active_smith, 
#team.forster #nav li a:hover.active_forster, 
#team.ede #nav li a:hover.active_ede, 
#team.gaal #nav li a:hover.active_gaal, 
#team.bradley #nav li a:hover.active_bradley, 
#team.shaw #nav li a:hover.active_shaw, 
#team.tunney #nav li a:hover.active_tunney, 
#team.barber #nav li a:hover.active_barber, 
#team.harpers #nav li a:hover.active_harpers, 
#team.porter #nav li a:hover.active_porter
{background:#222;color:#158aa5;}


/*----------------------------------------------TIMELINE---------------------------------------------------------*/

#timeline_title{width:780px;padding:20px 20px 0 20px;float:left;}


#timeline_nav{width:782px;margin:0 0 0 53px;}
#timeline_nav ul{margin:0;}
#timeline_nav li{float:left;display:inline;margin:0;list-style:none;padding:0;background:none;}
#timeline_nav li a{display:block;background:#222;border-right:1px solid #0e0e0e;border-top:1px solid #0e0e0e;padding:10px 0 10px 27px;width:50px;}
#timeline_nav li a:hover{background:#1a1a1a;}
#timeline_nav li a.first {border-left:1px solid #0e0e0e;width:51px;}

#timeline_wrap{margin:0 0 40px 35px;width:820px;float:left;}
#timeline_main{float:left;}

#next, #previous{float:left;width:18px;height:500px;background:#222;border-top:1px solid #0e0e0e;border-bottom:1px solid #0e0e0e;}
#next a, #previous a{display:block;width:18px;height:500px;padding:0;margin:0;}
#next a{background:#222 url(../images/timeline_next.gif) no-repeat left center;border-right:1px solid #0e0e0e;}
#previous a{background:#222 url(../images/timeline_previous.gif) no-repeat left center;border-left:1px solid #0e0e0e;}
#next a:hover{background:#1a1a1a url(../images/timeline_next.gif) no-repeat left center;}
#previous a:hover{background:#1a1a1a url(../images/timeline_previous.gif) no-repeat left center;}
* html #next a, * html #previous a{width:19px;height:500px;}


.SlidingPanels {
	width: 780px;
	border:1px solid #0e0e0e;
	background:#1a1a1a url(../images/timeline_back.gif) repeat-x;
}
.SlidingPanelsContent {
	width: 780px;
	height: 500px;
	position:relative;
}

.timeline_year{position:absolute;bottom:0;left:0;height:50px;width:780px;}



.month1, .month2, .month3, .month4, .month5, .month6, 
.month7, .month8, .month9, .month10, .month11, .month12{display:block;padding:5px;}
.month1{padding-left:20px;}
.month2{padding-left:50px;}
.month3{padding-left:80px;}
.month4{padding-left:110px;}
.month5{padding-left:140px;}
.month6{padding-left:170px;}
.month7{padding-left:300px;}
.month8{padding-left:330px;}
.month9{padding-left:360px;}
.month10{padding-left:390px;}
.month11{padding-left:420px;}
.month12{padding-left:450px;}


#panels.SlidingPanels {
	float: left;
}
#panels .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#panels .SlidingPanelsContent {
	float: left;
}


/*----------------------------------------------TABLE---------------------------------------------------------*/

.papertable{border:1px solid #444;}
.paperhead{background:#222;font-weight:bold;}

.papertable td{text-align:center;padding:2px;border-bottom:1px solid #444;}
.papertable tr:hover{background:#303030;}

.papertable td.paperauthor{width:130px;text-align:left;padding-left:6px;}
.papertable td.papertitle{width:256px;font-weight:bold;text-align:left;}
td.paperview{width:56px;}
td.paperview a{background:#222;color:#fd7900;display:block;}
td.paperdownload{width:106px;}
td.paperdownload a{background:#6094a0;color:#fff;display:block;}
.paperdownload a:hover{background:#6094a0;color:#fff;}


.schedule{margin-bottom:20px;}

.sch2{width:120px;}
.sch1{margin-left:20px;}
.lunch{}
.white{color:#fff;}
.ab1{width:160px;}
.pdf a{display:block;background:url(../images/bullet_pdf.gif) no-repeat left top;height:15px;padding:0px 0 0 24px;}


/*-------------------------------------------FOOTER--------------------------------------------------------*/

#pre_footer{width:890px;height:5px;background:#1f1f1f;clear:both;padding:0;margin:0;}
#footer{width:830px;clear:both;padding:25px 30px 30px 30px;color:#bbb;font-size:0.9em;}

a#uop {float:right;background:url(../images/logo_uop.gif) no-repeat;height:44px;width:222px;margin-right:10px;display:block;}
a#ahrc {float:right;background:url(../images/logo_ahrc.gif) no-repeat;height:44px;width:174px;display:block;}

#footer ul{margin:0;}
#footer li{float:left;list-style-type:none;padding:0;background:none;}
#footer li#philth a{float:left;position:absolute;}
#footer li#philth a:hover{background:none;}
#footer li#philth a span{display:block;position:absolute;z-index:1;top:0;left:0;height:16px;background:url("../images/logo_philth.gif") no-repeat 0 0;width:145px;padding:0;margin:2px 0 0 0;}
#footer li#philth a:hover span{background-position: 0 -16px;}





/*-------------------------------------------REG FORM--------------------------------------------------------*/
#regform{padding:0px 20px 20px 20px;border:1px solid #222;width:470px;background:#3c3c3c;margin-bottom:20px;}
#step2{border:1px solid #222;padding:20px;width:470px;background:#3c3c3c;margin-bottom:20px;}
#regform p{}
#regform p label{width:110px;float:left;clear:left;padding:0 10px 0 0;font-size:1.1em;padding:2px;}
.required{color:#fd7900;margin-left:15px;}
#regform input.field{padding:4px;font-size:1.2em;width:315px;background:#666;color:#fff;border:1px solid #999;}
#regform .textfield{padding:4px;width:430px;font-size:1.2em;background:#666;color:#fff;border:1px solid #999;}
#regform input.fieldselect{font-size:1.1em;background:#666;color:#fff;border:1px solid #999;}
#regform input:focus, #regform .textfield:focus{border:1px solid #8cd5e6;background:#2a3f62;}
.submit{cursor:pointer;background:#fd7900;padding:4px 7px;color:#fff;text-transform:uppercase;font:bold 1.2em "Trebuchet MS", Tahoma, Arial;border:none;}			
.submit:hover{color:#fff;}
#regform p label.break{width:500px;font-size:0.9em;color:#ccc;font-weight:bold;margin:20px 0 5px 0;padding:0}
#errors p{font-weight:bold;text-transform:uppercase;}
#errors li{color:#fd7900;}
#errors li strong{font-weight:bold;color:#ddd;}

/*---------------------COLLAPSIBLE-------------------*/
#CollapsiblePanelGroup2{margin-bottom:10px;color:#999;}
.CollapsiblePanelTab{cursor:pointer;}
#CollapsiblePanelGroup2 .CollapsiblePanel{margin:10px 0 0 0;}
#CollapsiblePanelGroup2 .CollapsiblePanel h3{padding:10px 0 10px 28px;margin-bottom:0px;border-bottom:1px solid #191919;border-left:1px solid #444;border-top:1px solid #444;background:#2a2a2a url(../images/arrow-down.gif) repeat-y 0 0;font-size:1.6em;}
#CollapsiblePanelGroup2 .CollapsiblePanel h3:hover{background:#2d2d2d url(../images/arrow-down.gif) repeat-y 0 0;}
#CollapsiblePanelGroup2 .CollapsiblePanel .CollapsiblePanelContent{padding:20px;background:#2a2a2a;}
.leftcolumn{float:left;width:380px;margin-right:20px;}
.rightcolumn{float:left;width:380px;}
#CollapsiblePanelGroup2 .CollapsiblePanelContent ul{margin:10px 0 20px 0px;color:#bbb;}
h3 .time-keywords{color:#aaa;font-style:italic;font-size:0.7em;font-weight:normal;padding:0 0 0 25px;}

#CollapsiblePanelGroup1 .CollapsiblePanel h3{padding:0 0 0 16px;background:url(../images/arrow-down2.gif) no-repeat 0 4px;}
#CollapsiblePanelGroup1 .CollapsiblePanel h3:hover{background:url(../images/arrow-down2.gif) no-repeat 0 4px;}

#events #CollapsiblePanelGroup2 .CollapsiblePanelTab{background:url(../images/arrow-down2.gif) no-repeat 0 4px;padding:0 0 0 20px;}