/* COLORS */
/*

#ece2a9 - tan

#5d9732 - green

#b2aa7e - brown

#c2c2c2 - gray

#696a6c - dark gray


#a28800 - rust

*/




/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, 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;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}





/*    */


* {
	margin: 0;
	padding: 0;
}

body {
	background-color:#fff;
}

#container {
	position: relative;
	width: 984px;
	text-align:left;

}




#header {
	height: 100px;
	background-image: url(../imgs/header_tile.gif);
	background-repeat: repeat-x;

	position: relative;
}


#header h1{ position: absolute; left: 20px; top: 29px; }




#navigation { width: 127px;
border-top: 1px solid #c2c2c2;
position:absolute;
left: 20px;
top: 101px;
}


#navigation ul {list-style: none;}

#navigation ul li {border-bottom: 1px solid #c2c2c2;}

#navigation ul li a{
font: bold 13px "Times New Roman", Times, serif;
color: #696a6c;
text-align: center;
display: block;
text-decoration: none;
height: 19px;
padding: 10px 0px 5px 0px;

outline: 0px dashed #00f;

}

#navigation ul li a:hover{
	color: #5d9732;
}

#navigation ul li ul {
display: none;
outline: 0px dashed #f00;
margin: 0px;
padding: 0px 0px 10px 0px;

}


#navigation ul li ul li {
padding: 0px;
margin: 0px;
outline: 0px dashed #f00;
border: 0px;
}

#navigation ul li ul li a {
font: 12px Arial, Helvetica, sans-serif;
color: #696a6c;
text-align: left;
display: block;
text-decoration: none;
outline: 0px dashed #f00;
height: auto;

margin: 0px;

padding: 5px 0px 5px 0px;

}

#navigation ul li ul li a:hover{}








#banner {
margin: 0px 0px 25px 180px;
padding: 0px 0px 3px 0px;
border-bottom: 1px solid #c2c2c2;
width: 724px;
height: 90px;




}



#content {
margin: 0px 0px 30px 180px;
}


#timeline {
margin: 20px 0px 0px 0px;



}




#content h2 {
font: 34px "Times New Roman", Times, serif;
color: #5d9732;
margin-bottom: 11px;
}
/*
Tier 3 Page Title Style
Times, Regular
36px
#5d9732
*/



#content h3 {
font: 24px "Times New Roman", Times, serif;
color: #b2aa7e;
margin-bottom: 30px;
}

/*
Intro Heading Style
Times, Regular
24px
#aca47b

*/

#content h4 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #5d9732;
}
/*
Subhead Body Style
Arial, Bold
14px
#5d9732
*/


#content h5 {
font: bold 24px "Times New Roman", Times, serif;
color: #b2aa7e;
}



#content h6 {
font: bold 24px "Times New Roman", Times, serif;
color: #b2aa7e;
}




#content p{
font: 14px Arial, Helvetica, sans-serif;
color: #000;
width: 570px;
margin-bottom: 15px;
}





a {
font: 14px Arial, Helvetica, sans-serif;
color: #c2a303;
}

a:hover {
color: #5d9732;
}

#content dt {
font: bold 14px Arial, Helvetica, sans-serif;
color: #5d9732;
}

#content dd {
margin-bottom: 20px;

}


#content dd, li {
font: 14px Arial, Helvetica, sans-serif;
}

#content ol {
list-style: none;


}








#footer {
	border-top: 1px solid #c2c2c2;
	width: 724px;
	height: 20px;
	padding: 4px 0px 20px 0px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #696a6c;
	margin: 10px 0px 0px 180px;

}

#footer ul {
display: inline;
margin-left: 20px;



}

 
#footer ul li{
display: inline;
margin: 0px  10px px  10px;
border-left: 1px solid #696a6c;
padding: 0px 10px 0px 10px;
}



#footer a {
	font: 10px Arial, Helvetica, sans-serif;
	color: #696a6c;
	text-decoration: none;
}


#footer a:hover {
	text-decoration: underline;
}



/* HOME */


#home #navigation {
position: absolute;
left: 20px;
top: 101px;


}



/*



#home #banner{
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 180px;
	height: 100px;
	height:407px;
	width:724px;
}











#home #content {
	margin: 0px;
	position: absolute;
	left: 180px;
	top: 514px;
	width: 342px;
	height: 215px;
	outline: 0px dotted #f00;
	
	
	
}

#home #content p {
margin-bottom: 0px;
font: 20px "Times New Roman", Times, serif;
color: #696a6c;
width: 322px;



}





#home #callouts {
	position: absolute;
	left: 522px;
	top: 514px;
	width: 342px;
	height: 215px;
	outline: 0px dotted #f00;
}

#home .callout{}




#home div.callout-header{

height: 20px;
width: 382px;


padding: 0px 0px 3px 0px;
margin: 0px 0px 3px 0px;

}


#home div.callout-header a{
background-color: #ece2a9;
height: 18px;
width: 362px;
color: #5d9732;
font: bold 14px Arial, Helvetica, sans-serif;
padding: 2px 15px 2px 5px;
display: block;
text-decoration: none;



}




#home .callout-content{
	padding: 5px 0px 0px 0px;
	width: 382px;
	border-top: 1px solid #c2c2c2;
	position: relative;
	
}

#home .callout-content img {
border: 0px;



}



#home .callout-content p {
position: absolute;
left: 156px;
top: 5px;

width: 216px;
font: 12px Arial, Helvetica, sans-serif;
color: #000;


}


#home #footer {
position: absolute;
top: 757px;



}



*/





/****************************/








#home #banner{
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
	margin-left: 180px;
	height: 100px;
	height:407px;
	width:724px;
}







#home #column-wrapper {
	overflow: auto;
	position: relative;
	margin-left: 180px;
	margin-top: 7px;
	outline: 0px dotted #f00;
	width: 724px;

}

#home #content * {
outline: 0px dashed #f00;



}

#home #content {
	margin: 0px;
	padding: 0px;
	width: 332px;
	float: left;

	
	
}

#home #content p {


	font: 20px "Times New Roman", Times, serif;
	color: #696a6c;
	width: 322px;





}


#home #callouts *{
outline: 0px dashed #f00;
}


#home #callouts {
	position: relative;
	margin: 0px 0px 20px 10px;
	float: left;
	width: 380px;
	outline: 0px dotted #00f;
}

#home div.callout{
	position: relative;
/*	background-color: #eee;
	width: 382px;*/
	margin: 0 0 10px 0;
		
		

}




#home div.callout-header{

height: 20px;
/*width: 362px;*/




padding: 0px 0px 3px 0px;
margin: 0px 0px 3px 0px;

}


#home div.callout-header a{
background-color: #ece2a9;
height: 18px;
/*
width: 362px;

width: 100%;*/
color: #5d9732;
font: bold 14px Arial, Helvetica, sans-serif;
padding: 2px 15px 2px 5px;
display: block;
text-decoration: none;



}




#home .callout-content{
	padding: 5px 0px 10px 0px;
/*	width: 382px;*/
	border-top: 1px solid #c2c2c2;
	position: relative;
	
}

#home .callout-content img {
border: 0px;
position: absolute;
left: 0px;
top: 5px;



}



#home .callout-content p {
position: relative;
margin-left: 156px;
margin-top: 5px;


width: 216px;
font: 12px Arial, Helvetica, sans-serif;
color: #000;


}


#home #footer {
/*
position: absolute;
top: 757px;
*/

position: relative;
clear: left;



}















/******************************/























/* ABOUT */

#about #navigation ul li ul#subnav-about {display: block;}
/*

#scroller-nav {
width: 500px;
height: 20px;
display: block;

position: relative;

}

#scroller-nav a.prev {
position: absolute;
left: 0px;



}

#scroller-nav a.next {
position: absolute;
right: 0px;



}


#timeline{
	width: 570px;
	height: 150px;
	overflow: auto;
	outline: 1px dashed #f00;



}

#timeline ol {
height: 100px;


}

#timeline ol li {
	list-style: none;
	display: block;
	float: left;

	outline: 1px dashed #f00;
	position: relative;
	height: 100px;
	width: 100px;
	outline: 1px dashed #f00;

}




#timeline ol li a.timeline-link {
display: block;
margin: 0 auto;
width: 40px;




	
}

#timeline ol li a img {
display: block;
margin: 0 auto;
	height: 53px;
	width: 53px;
	background-color: #ccc;




	
}


*/




/* outmost wrapper element, containing all elements  */
#timeline {
/*	background-color:#efefef;
	border:1px solid #ddd;
	padding:10px 8px;
	width:523px;
	height:65px;
	margin-top:30px;
    -moz-border-radius:7px;*/
	
	outline: 0px dashed #f00;
	width: 570px;
	height: 80px;
	margin-bottom: 30px;
	padding:10px 0px;
}

/* container for the scrollable items */
ol.items {
/*	height:66px;	
	margin-left:8px;*/
	float:left;
/*	width:475px !important; */	
	
	width:500px !important;

	outline: 0px dashed #f00;
	height: 80px;
	margin: 0px 7px 0px 7px;
	
}

/* single item */
ol.items li {
	display:block;
	float:left;
/*	margin-right:8px;
	width:88px;
	height:66px; 
	background:url(/img/playlist/entry.gif) 0 0 no-repeat;
	font-size:50px;
	color:#ccc;
	line-height:66px;*/
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	
	outline: 0px dashed #f00;	
	width:53px;
	height:80px;
	margin-right: 20px;

}

/* single item */
ol.items li a{
	display:block;
	text-align:center;
	cursor:pointer;
	outline: 0px dashed #f00;	
	width:53px;
	height:80px;
	text-decoration: none;
	

}

ol.items li a img{



}





ol.items li a:hover {
/*	color:#999;	*/
}

ol.items li a.active {
/*	background-position:-174px 0;		
	color:#555;*/
	cursor:default;
}


/* next / prev buttons */
a.prev, a.next {
/*	background:url(/img/playlist/arrow/left.png) no-repeat 0 0;*/
	display:block;
	/*width:18px;
	height:18px;*/
	float:left;	
	margin:22px 0 0 0;
	cursor:pointer;
	
/*	width: 14px;
	height: 14px;*/
	outline: 0px dashed #f00;
	margin: 55px 2px 0 2px;
	padding: 3px;
	font-weight: bold;


}

a.next {
	/*background-image:url(/img/playlist/arrow/right.png)		*/
}

a.prev:hover {
/*	background-position:0 -18px;		*/
background-color: #C2A303;
color: #fff;
}

a.next:hover {
/*	background-position:0 -18px;		*/
background-color: #C2A303;
color: #fff;

}


/* navigator */
div.navi {
	position:relative;
	top:-30px;
	left:310px;
	margin-left:-50px;
	width:50px;
	height:0px;
}


/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/img/playlist/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
} 	






#timeline li p {
visibility: hidden;

}








/*cluetip */



/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 32px;
  height: 32px;
  position: absolute;
/*  background-image: url(wait.gif); */
  background-image:url(../imgs/ajax-loader.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
/*  left: -11px;
  height: 22px;
  width: 11px;*/
  background-repeat: no-repeat;
  background-position: 0 0;
  
  left: -17px;
  height: 28px;
  width: 17px;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */
 /*
.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
   margin: 0 0 5px;
padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
*/
/* default arrows */
/*
.clue-right-default .cluetip-arrows {
  background-image: url(../imgs/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(../imgs/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {

  background-image: url(../imgs/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 5px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(../imgs/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
*/
/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: #fff;

}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #c2a303;
  position: relative;
  background-color: #fff;
  
}

.cluetip-jtip h3#cluetip-title {

/*  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: normal;*/
  background-color: #c2a303;
  color: #fff;
 /*  height: 16px;*/
 height: 27px;

}

.cluetip-jtip #cluetip-inner {
  padding:5px;
  display: inline-block;
  
  
  font: 14px Arial, Helvetica, sans-serif;
  line-height: 18px;
}



.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #fff;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(../imgs/arrowleft.gif);
  
  
  left: -17px;
  height: 28px;
  width: 17px;
 

}
.clue-left-jtip .cluetip-arrows {
  background-image: url(../imgs/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(../imgs/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
 
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(../imgs/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
/*
.cluetip-rounded {
  background: transparent url(../imgs/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(../imgs/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(../imgs/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(../imgs/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}
*/
/* rounded arrows */
/*
.clue-right-rounded .cluetip-arrows {
  background-image: url(../imgs/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(../imgs/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(../imgs/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(../imgs/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
*/


/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}







































/* Current Board */

#current-board #navigation ul li ul#subnav-about {display: block;}

/* PAST MEMBERS */

#past-members #navigation ul li ul#subnav-about {display: block;}

/* CONTACT US */

#contact-us #navigation ul li ul#subnav-about {display: block;}

/* RESOURCES */

#resources #navigation ul li ul#subnav-resources {display: block;}

#resources h4 a {
font: bold 14px Arial, Helvetica, sans-serif;
color: #5d9732;
text-decoration: none;
}




/* Papers & Presentations */

#papers-and-presentations #navigation ul li ul#subnav-resources {display: block;}

/* Publications */

#publications #navigation ul li ul#subnav-resources {display: block;}

/* LINKS */

#links #navigation ul li ul#subnav-resources {display: block;}

#links #content dt { margin-bottom: 20px;}


/* Conferences */

#conferences #navigation ul li ul#subnav-conferences {display: block;}

/* Past Conferences */

#past-conferences #navigation ul li ul#subnav-conferences {display: block;}