/* --------------------------------------------
|  SITE STRUCTURE										
--------------------------------------------- */

#siteWrap {
	position: relative;
	width: 976px;
	background: url(graphics/bg_site_side_borders.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
	z-index: 1;
	}
	#ventureAcademyLogo {
		position: absolute;
		display: block;
		top: 0px;
		left: 26px;
		width: 119px;
		height: 126px;
		padding: 0;
		margin: 0;
		outline: none;
		clear: both;
		text-indent: -9999px;
		text-decoration: none;
		z-index: 99;
		}
	#borderLeft {
		float: left;
		width: 150px;
		}
		#leftBar {
			position: relative;
			width: 150px;
			height: 630px;
			background: url(graphics/bg_border_left.jpg) no-repeat;
			}
	#middleWrap {
		float: left;
		width: 676px;
		}
    html .contentWrapLeft {
      text-align: left !important;
      }
		#contentWrap {
			margin-left: 0px;
			text-align: center;
			height: auto !important;
			height: 500px;
			min-height: 500px;
			}
			#contentWrap table {
				margin: 0 auto;
				}
			#contentWrap.smaller p {
				font-size: 11px;
				line-height: 16px;
				}
			#contentWrap.smaller h2 {
				color: #330000;
				font: bold 13px Arial, Helvetica, sans-serif;
				}
		#borderTop {
			position: relative;
			width: 676px;
			height: 83px;
			background: url(graphics/bg_border_top.jpg) no-repeat;
			margin-bottom: 45px;
			}
	#borderRight {
		float: left;
		width: 150px;
		}
		#rightBar {
			position: relative;
			width: 150px;
			height: 630px;
			background: url(graphics/bg_border_right.jpg) no-repeat;
			}
	#newFooter {
		position: relative;
		margin: 0 auto;
		height: 148px;
		background: url(graphics/bg_footer.jpg) no-repeat center;
		color: #1c1917;
		font: 11px Arial, Helvetica, sans-serif;
		}
		#newFooter a {
			font: 11px Arial, Helvetica, sans-serif;
			}
			#newFooter a:hover {
				font: 11px Arial, Helvetica, sans-serif;
				}			
		#newFooter #footerLeft {
			position: absolute;
			left: 33px;
			top: 20px; 
			}
		#newFooter #footerRight {
			position: absolute;
			text-align: right;
			top: 20px;
			right: 33px;
			}
		#newFooter #footerCenter {
			text-align: center;
			color: #a69d76;
			padding-top: 60px;
			height: 40px;
			}
      
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }


/* --------------------------------------------
|  MAIN NAVIGATION											
--------------------------------------------- */
#mainNav {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	position: absolute;
	top: 205px;
	left: 21px;
	width: 141px;
	height: 258px;
	}
	#mainNav li {
		padding: 0;
		margin: 0;
		}
		#mainNav li a {
			outline: none;
			display: block;
			padding: 0;
			width: 141px;
			text-indent: -9999px;
			text-decoration: none;
			background-image: url(graphics/nav_m.gif);
			}							
			
#b30DayAssessInver{background-position: 0 0; height: 85px;}#b30DayAssessInver:hover, #b30DayAssessInver.current {background-position: -141px 0px;} 
#bBehavTreat{background-position: 0 -85px; height: 88px;}#bBehavTreat:hover,#bBehavTreat.current {background-position: -141px -85px;}
#bDrugAlcoTreat{background-position: 0 -173px; height: 85px;}#bDrugAlcoTreat:hover, #bDrugAlcoTreat.current {background-position: -141px -173px;}
			
/* --------------------------------------------
|  TOP NAVIGATION											
--------------------------------------------- */

#topNav {
	position: absolute;
	top: 72px;
	left: 110px;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 23px;
	width: 562px;
	clear: both;
	}
	#topNav li {
		float: left;
		}
		#topNav li a {
			outline: none;
			display: block;
			padding: 0 0;
			height: 23px;
			line-height: 23px;
			float: left;
			text-indent: -9999px;
			text-decoration: none;
			background-image: url(graphics/nav_top_m.gif);
			}

#bHome{background-position: 0px 0; width: 78px;}#bHome:hover {background-position: 0px -23px;} #topNav li.current #bHome {background-position: 0px -23px;}
#bResPrograms{background-position: -78px 0; width: 131px;}#bResPrograms:hover {background-position: -78px -23px;} #topNav li.current #bResPrograms {background-position: -78px -23px;}
#bLocations{background-position: -248px 0; width: 105px;}#bLocations:hover {background-position: -248px -23px;} #topNav li.current #bLocations {background-position: -248px -23px;}
#bOurStaff{background-position: -353px 0; width: 101px;}#bOurStaff:hover {background-position: -353px -23px;} #topNav li.current #bOurStaff {background-position: -353px -23px;}
#bContactUs{background-position: -454px 0; width: 108px;}#bContactUs:hover {background-position: -454px -23px;} #topNav li.current #bContactUs {background-position: -454px -23px;}

.floatLeft {
	float: left;
	}

.checkBoxes {
	list-style: none;
	padding: 0;
	margin: 15px 0px;
	}

ul li div.details {
	margin: 0 10px 10px 23px;
	color: #339;
	}

ul.checks {
	margin: 0 0 15px 15px;
	padding: 0;
	list-style: none;
	}
	ul.checks li {
		padding-left: 17px;
		background: url(graphics/bullet_check.gif) 0 5px no-repeat;
		}
a.button {
	width: 13px;
	height: 13px;
	position: absolute;
	margin: 4px 0 0 2px;
	}
a.expand { background: url(graphics/b_plus.gif) 0 0 no-repeat; }
a.compress { background: url(graphics/b_minus.gif) 0 0 no-repeat; }

#contentArea,
#newContentArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #330000;
	}
	#contentArea h2,
	#newContentArea h2 {
		font-size: 16px;
		line-height: 25px;
		margin: 0 0 0 0;
		}
		#contentArea p,
		#newContentArea p {
			margin: 0 0 15px 0;
			}
.questionnaireForm {
	margin: 15px 0 10px 0;
	}
	.divideRow { height: 15px; }
	.borderBottom { border-bottom: 1px solid #DDD; }
	.questionnaireForm th,
	.questionnaireForm td {
		vertical-align: top;
		font-size: 12px;
		padding: 2px 5px;
		color: #330000;
		line-height: 21px;
		}
	.questionnaireForm th {
		text-align: left;
		width: 150px;
		}
		.questionnaireForm select {
			vertical-align: top;
			
			}
#questionnaireList {
	margin-top: 25px;
	}
	#questionnaireList td {
		width: 100px;
		text-align: right;
		vertical-align: top;
		padding: 3px;
		font-size: 12px;
		color: #330000;
		}
	#questionnaireList th {
		font-weight: normal;
		vertical-align: top;
		padding: 3px;
		color: #330000;
		text-align: left;
		font-size: 12px;
		}
	#questionnaireList th.questionNumb {
		text-align: right;
		width: 20px;
		vertical-align: top;
		padding-left: 10px;
		font-size: 10px;
		padding-top: 4px;
		padding-right: 10px;
		}
		#questionnaireList tr.oddRow th,
		#questionnaireList tr.oddRow td { 
			background: #DDD;
			}
		#questionnaireList tr.headRow th {
			padding-bottom: 10px;
			}
		#questionnaireList tr.headRow span {
			padding: 0 5px;
			font-weight: bold;
			}
		#questionnaireList tr.submitRow td {
			padding-top: 40px;
			}
			
	.inputText {
		width: 228px;
		}
	.inputShort {
		width: 40px;
		}
		.shortSelect {
			width: 60px;
			font-size: 12px;
			height: 19px;
			vertical-align: top;
			}
		.midSelect {
			width: 100px;
			vertical-align: top;
			}
			#questionnairePrivacy {
				font-size: 11px;
				padding-top: 60px;
				}
#appSubHead {
	font-size: 20px;
	color: #330000;
	font-weight: bold;
	}
#applicationForm {
	margin: 0;
	}
	#applicationForm table {
		width: 100%;
		margin: 10px 0;
		}
		#applicationForm td {
			vertical-align: top;
			font-size: 12px;
			color: #330000;
			padding: 4px 4px 4px 10px;
			}
		#applicationForm th {
			text-align: left;
			font-size: 12px;
			color: #330000;
			padding: 4px 10px 4px 10px;
			vertical-align: top;
			width: 175px;
			background: #EEE;
			border-bottom: 2px solid white;
			border-right: 2px solid white;
			}
			
	#applicationForm p.instruction {
		margin: 0px;
		padding: 0px;
		}
			
	#applicationForm fieldset {
		margin: 0 0 15px 0;
		border: 1px solid #CCC;
		padding: 0 10px;
		}
		#applicationForm legend {
			font-weight: bold;
			font-size: 14px;
			}
			
#applicationForm .inputText {
	width: 100%;
	background: #FFF url(graphics/bg_inputtext.gif) repeat-x;
	border: 1px solid #969696;
	}
	#applicationForm .inputTwoThirds { width: 66%; }
	#applicationForm .inputHalf { width: 50%; }
	#applicationForm .inputQuarter { width: 25%; }
	#applicationForm .inputThird { width: 33%; }

#applicationForm .inputTextArea {
	width: 100%;
	background: url(graphics/bg_inputtext.gif) repeat-x;
	border: 1px solid #969696;
	}

#progressBar_53 {
  width: 528px;
  height: 21px;
  overflow: hidden;
  margin: 0 0 10px 0 !important;
  background: url(graphics/bg_progress_53.gif) 0 0 no-repeat;
  }
  #progressAmount_53 {
    margin-top: 14px;
    height: 7px;
    background: url(graphics/bg_progress_53.gif) 0 -21px no-repeat;
    }	
#progressBar {
	width: 528px;
	height: 21px;
	overflow: hidden;
	margin: 0 0 10px 0 !important;
	background: url(graphics/bg_progress.gif) 0 0 no-repeat;
	}
	#progressAmount {
		margin-top: 14px;
		height: 7px;
		background: url(graphics/bg_progress.gif) 0 -21px no-repeat;
		}
		#progressText {
			font-size: 10px;
			font-weight: bold;
			text-align: right;
			width: 527px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			margin: 0 0 0 0 !important;
			}
			
#btnRestore {
  width: 260px;
  height: 61px;
  border: 1px solid #330000; 
  background: #EFE0C2; 
  display: block;
  top: 303px;
  right: 40px;
  text-decoration: none;
  padding: 8px;
  z-index: 2;
  clear: both;
  float: right;
  margin: 10px 20px 0 0;
  font-weight: bold;
  }


#contentArea p.mbRequired { margin: 5px 0 0 0; }
.mbRequired { color: #CC0000; }
fieldset.highlight {
	background: #fbf6ec;
	border: 1px solid #F3E4C7 !important;
	}
	
		#applicationForm fieldset.highlight th {
			background: #F3E4C7;
			border-bottom: 2px solid #fbf6ec;
			border-right: 2px solid #fbf6ec;
			}
	
	
	img.floatRight {
		margin: 0 0 15px 10px;
		float: right;
		}
		
#youth30Table {
	width: 100%;
	margin: 0 0 15px 0;
	border: 1px solid #DDD;
	clear: both;
	}
	#youth30Table td {
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 5px;
		vertical-align: top;
		color: #330000;
		}
		#yTotalChecked,
		#yPercent {
			text-decoration: underline;
			padding-right: 3px;
			font-weight: bold;
			}
		
		
		tr.oddRow th,
		tr.oddRow td { 
			background: #DDD;
			}

.highlightBlue {
	font-weight: bold;
	color:#0070c0;
	font-size: 16px;
	}
	
	#contentArea ol {
		margin-top: 0;
		}
		
#paymentAuthentic {
	float: right;
	font-size: 10px;
	color: #868686;
	}
	
	
	body {
		margin: 0;
		background: none;
		color: #666;
		text-align: center;
		}
		
		
	#siteContainer {
		background: url(graphics/bg_header_tile.gif) repeat-x;
		}
	#header {
		height: 131px;
		background: url(graphics/bg_header.jpg) no-repeat;
		}
	#newContentArea {
		background: url(graphics/bg_colleft.jpg) no-repeat;
		width: 767px;
		}
	#colLeft {
		width: 138px;
		float: left;
		height: 2px;
		}
	#colRight {
		float: left;
		width: 623px;
		}
		#siteContainer .smaller p {
			font-size: 11px;
			line-height: 16px;
			}
		#siteContainer h2 {
			font-size: 13px;
			color: #330000;
			}
	#minHeight {
		float: left;
		width: 1px;
		height: 523px;
		}
		.clearBoth { clear: both; }
		
#centerAdjust {
  margin: 0;
  padding: 0;
  float: left;
  width: 100px;
  height: 63px;
  }

#bSummerSemester {
  margin: 0;
  padding: 0;
	outline: none;
	display: block;
	width: 236px;
	height: 63px;
	line-height: 63px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(graphics/b_summer_semester.gif);
  float: left;
	}
	#bSummerSemester:hover {
		background-position: 0px -63px;
		}
    
#bSpringSemester {
	margin: 0;
  padding: 0;
  outline: none;
  display: block;
	width: 226px;
	height: 63px;
	line-height: 63px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(graphics/b_spring_semester.gif);
  float: left;
	}
	#bSpringSemester:hover {
		background-position: 0px -63px;
		}

.staffFloatRight {
	display: block;
	float: right;
	margin: 5px 0 5px 15px;
	}				

/* ---------- From doc_style.htm --------- */

/* external style sheet for Venture Academy */

b {font-weight:bold;}

a.nav {text-decoration: underline;
font-size: 10pt; font-family: arial,helvetica,verdana; font-variant: normal; font-style:
normal; color: #663333; }

a.menuText {text-decoration: underline;
	font-size: 10pt;
	font-family: arial,helvetica,verdana;
	font-variant: normal;
	font-style:	normal;
	color: #FFFFFF;
}
a.menuText:hover{color: #FFFFFF;}

a {text-decoration: underline; font-size: 10pt; font-family:
arial,verdana,helvetica; font-variant: normal; font-style: normal; color: #330000;
}
a:hover {text-decoration: underline; font-size: 10pt; font-family: arial,verdana,helvetica;
font-variant: normal; font-style: normal; color:#CC9966;}

.onpage { font-weight:
bold; color:#CC9966; font-size: 10pt; font-family: arial,verdana,helvetica; font-variant:
normal; font-style: normal; }

font.body, div.body { font-weight: normal; color:#330000;
font-size: 10pt; line-height: 15pt; font-family: arial,verdana,helvetica; font-variant:
normal; font-style: normal; }

font.body_red { font-weight: normal; color:#990000;
font-size: 10pt; line-height: 15pt; font-family: arial,verdana,helvetica; font-variant:
normal; font-style: normal; }

font.bold { font-weight: bold; color:#330000; font-size:
10pt; line-height: 15pt; font-family: arial,verdana,helvetica; font-variant: normal;
font-style: normal; }

.title { font-weight: bold; color:#330000; font-size:
13pt; line-height: 17pt; font-family: arial,verdana,helvetica; font-variant: normal;
font-style: normal; }


.titleLink { font-weight: bold; color:#330000; font-size:
13pt; line-height: 17pt; font-family: arial,verdana,helvetica; font-variant: normal;
font-style: normal;}

.titleLink:hover { font-weight: bold; color:#660000; font-size:
13pt; line-height: 17pt; font-family: arial,verdana,helvetica; font-variant: normal;
font-style: normal; }

.pageSubTitle {
	font-weight: normal;
	color:#330000;
	font-size: 15pt;
	line-height: 17pt;
	letter-spacing: 2;
	font-family: arial,verdana,helvetica;
	font-variant: normal;
	font-style: normal; }

font.bold2 { font-weight: bold; color:#330000; font-size: 12pt;
line-height: 15pt; font-family: arial,verdana,helvetica; font-variant: normal;
font-style: normal; }

.bodySmall {
	margin-left: 20;
	margin-top: 5;
	font-size: 13px;
	line-height: 15px;
	font-style: italic;
	color:#CC9966;
}

p { font-weight: normal; color:#330000;
font-size: 10pt; line-height: 15pt; font-family: arial,verdana,helvetica; font-variant:
normal; font-style: normal; }

li { font-weight: normal; color:#330000;
font-size: 10pt; line-height: 15pt; font-family: arial,verdana,helvetica; font-variant:
normal; font-style: normal; }


/* --------------------------------------------
|  Pop-up Tip - JavaScript							
--------------------------------------------- */

.tool-tip {
	color: #fff;
	width: 335px;
	z-index: 13000;
}
 
.tool-title {
	font-size: 11px;
	margin: 0;
	color: #340002;
	padding: 3px 13px 0px;
	display: relative;
	background: url(graphics/popup_whole.png) top left !important;
}


.tool-text {
  line-height: 18px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 13px 15px;
	display: relative;
	background: url(graphics/popup_whole.png) bottom right !important;
}

.popUpTop {
	background: url(graphics/static_box_top.gif) no-repeat;
	width: 194px;
	height: 11px;
	font-size: 0;
	}
  
.popUpBottom {
	background: url(graphics/static_box_bottom.gif) no-repeat;
	width: 194px;
	height: 17px;
	font-size: 0;
	}	
.popUp {
	width: 194px;
	background: url(graphics/static_box_tile.gif) repeat-y;
  display: block;
  text-decoration: none !important;
	}
	.popUp span {		
    display: block;
		}
	.popUpContent {
		padding: 7px 16px 7px 16px;		
		text-align: center;
		}
    .popUpContent span { 
      display: inline;
      color: #fff;
  		font: bold 16px Arial, Helvetica, sans-serif;
  		text-align: center;
      }
.popUpFloatLeft {
	float: left;
	margin: 5px 20px 10px 0 !important;
	}
.popUpFloatRight {
	float: right;
	margin: 5px 0 10px 20px !important;
	}	
.popUp .popUpContent .subCTA {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #d3d3d3;
	width: 100px;
	text-align: center;
	margin: 0 auto;
	padding: 6px 0 0 0;
  display: block;
	}			
  
#programGlanceList {
  padding: 0 0 0 53px;
  margin: 0;
  }  
  #programGlanceList li { margin: 0 0 6px 0; }  
  
  
/* collapsible items */

.collapseContainer { 
  margin-bottom: 10px; 
  }
  .collapseContent {
    margin: 0 !important;
    padding: 0 !important;
    display: none;
    }
    .collapseContent .pad {
      padding: 0 0 0 20px;
      margin: 0;
      }
    
.collapseHeader {
  text-decoration: none;
  background: url(graphics/bg_bullet.gif) left no-repeat;
  font-size: 15px !important;
  padding-left: 20px;
  }
  .collapseHeader:hover {
    text-decoration: none !important;
    }
  
.collapseContainer .hr {
  font-size:1px;
  background: #CBB9BA;
  height:1px;
  line-height:1px;
  margin:0 ;
  padding:0;
  }
  
/* Founder's Message */

#messageLogo { 
  float: right; 
  display: block;
  width: 127px;
  height: 132px;
  }

#foundersMessage {
  font-family: Arial, Helvetica, sans-serif;
  color: #330000;
  background: #fff8e6;
  border: 1px solid #330000;
  }
  #foundersMessage .pad {
    padding: 15px;
    }
  #foundersMessage .messageHeader {
    font-size: 18px;
    color: #800000;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    width: 400px;
    height: 22px;    
    }
  #foundersMessage .messagesubHeader {
    font-size: 15px;
    color: #800000;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
    width: 400px;
    height: 22px;
    }
  #foundersMessage .messageBody p, #foundersMessage .messageBody ol li {
    font-style: italic !important;
    font-weight: bold;
    }
  .whatifcont {
    padding-top: 15px;
    font-size: 14px;
    width: 455px;
    }
    .whatifcont div {
      clear: left;
      margin-bottom: 0; 
      padding-right: 20px;  
      }
      .whatifcont span {
        font-weight: bold;  
        padding-right: 20px; 
        float: left;
        display: block; 
        height: 20px;
        }
  .messageSignature {
    padding-left: 40px;
    margin-bottom: -15px;
    }
  
/* take the test page */

#ratingThermo {
  position: relative;
  float: left;
  width: 75px;
  }
  #thermTile {
    position: absolute;
    width: 22px;
    left: 17px;
    bottom: 43px;
    }

#resultContainer {
  float: left;
  width: 500px;
  font-size: 15px;
  font-weight: bold;
  }  
  #scoreContainer { 
    padding-top: 20px;
    }
    .finalScore {
      }
  #ratingContainer {
    font-size: 15px;
    padding-top: 20px;
    }
    .rating {
      }
    .ratingModerate {
      color: #49a400;
      }
    .ratingExtreme {
      color: #ff0000;
      }
    .ratingSerious {
      color: #e87300;
      }
  #recomContainer {
    padding-top: 20px;
    font-size: 15px;    
    }
    .recomText {
      font-size: 10pt;
      font-weight: normal;
      }
    #recomContainer .footnote {
      font-size: 11px;
      font-weight: normal;
      }  
    
      
.takethetestCont .questionnaireForm {
  margin: 0 !important;
  }
  .takethetestCont .questionnaireForm th {
    width: 140px;
    }
    
.questionDivide {
  line-height: 1px;
  text-indent: -9999px;
  overflow: hidden;
  height: 2px;
  background: #5B3437;
  margin: 8px 0;
  width: 611px !important;
  }
  
.btnTakeTest {
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  width: 151px;
  height: 47px;
  background: url(graphics/btn_take_the_test.gif);
  }
  .btnTakeTest:hover {
    background-position: 0 -47px;
    }
  
#btnTest30Day {
  position: absolute;
  left: 610px;
  margin-top: -38px
  }
  
#btnTestHome {
  float: left;
  }
  
/* --------------------------------------------
| > Visual Timeline        
 -------------------------------------------- */
 
.divider {
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  margin: 0 0 15px 0;
  }
 
.fadeDivide {
  background: url(graphics/bg_divider_fade.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  margin: 0 0 10px 20px;
  height: 1px;
  }
  
.btnNextPhase {
  display: block;
  width: 147px;
  height: 31px;
  background: url(graphics/btn_next_phase.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
  }
  .btnNextPhase:hover {
    background-position: 0 -31px
    }
    
.btnContactMoreInfo {
  display: block;
  width: 376px;
  height: 31px;
  background: url(graphics/btn_contact_more_info.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
  }
  .btnContactMoreInfo:hover {
    background-position: 0 -31px
    }    
 
#timelineBoy {
  margin: -60px 0 0 10px;
  float: right;
  display: block;
  }
 
#contentArea .infoBox {
  background: url(graphics/bg_infobox.gif) 0 0 no-repeat;
  padding: 20px;
  color: #333;
  font-size: 14px;
  }
  .infoBox .colLeft {
    width: 275px;
    float: left;
    padding-right: 25px;
    }
  .infoBox .colRight {
    float: left;
    width: 295px;
    }
    #contentArea .infoBox p, #contentArea .infoBox ul, #contentArea .infoBox ul li {
      color: #333;
      font-size: 14px;
      }
      #contentArea .infoBox strong {
        color: #660000;
        }
    #contentArea .infoBox ul {
      margin: 0;
      padding: 0;
      list-style: none outside none;
      }
      #contentArea .infoBox ul li {
        background: url(graphics/bg_bullet_square.gif) 0 8px no-repeat;
        padding: 0 0 0 13px;
        margin: 0;
        }
        
.timelineWrap {
  padding-left: 20px;
  }        
  .timelineWrap h2 {
    font-size: 20px !important;
    color: #330000;
    display: block !important;
    margin: 0 0 5px 0 !important;
    }
  .timelineWrap h3 {
    margin: 0 0 5px 0;
    }        
  .timelineWrap p, .timelineWrap ul, .timelineWrap ul li {
    font-size: 14px;
    }        
  .timelineWrap ul {
    margin: 0 0 15px 10px;
    padding: 0;
    list-style: none outside none;
    }
    .timelineWrap ul li {
      background: url(graphics/bg_bullet_square.gif) 0 8px no-repeat;
      padding: 0 0 0 13px;
      margin: 0;
      }
    
.note {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #660000;
  margin: 0 0 15px 0;
  }
  
/* ie6 hasLayout fix */
#timeLineNav ul li a {
  display: inline-block;
  }
#timeLineNav ul li a {
  display: block;
  }
 
#visualTimeline {
  width: 638px;
  clear: both;
  border-top: 3px solid #fff;
  margin: 0 0 15px 0;
  }  
  #timeLineNav {
    height: 41px;
    background: url(graphics/matrix_visual_timeline.png) 0 0 no-repeat;
    border-bottom: 3px solid #fff;
    }
    #timeLineNav ul {
      display: block;
      padding: 0;
      margin: 0;
      }
      #timeLineNav ul li {
        display: inline;
        float: left;
        padding: 0;
        margin: 0;
        list-style-type: none !important;
        list-style-image: none !important;
        background: none !important;
        outline: none !important;
        position: relative;
        height: 41px;
        }
        #timeLineNav ul li a {
          display: block;
          height: 41px;
          text-indent: -999px;
          overflow: hidden;
          background: url(graphics/matrix_visual_timeline.png) 0 -123px;
          outline: none !important;
          position: relative;
          }
          #timeLineNav ul li.tlPhase1 a { width: 142px; }
            #timeLineNav ul li.tlPhase1 a:hover { background-position: 0 -82px; }
            #visualTimeline #timeLineNav ul li.tlPhase1 a.active,
            #visualTimeline #timeLineNav ul li.tlPhase1 a.active:hover { background-position: 0 -41px !important; }
            
          #timeLineNav ul li.tlPhase2 { margin-left: -10px; }
          #timeLineNav ul li.tlPhase2 a { width: 172px; }
            #timeLineNav ul li.tlPhase2 a:hover { background-position: -150px -82px; }
            #visualTimeline #timeLineNav ul li.tlPhase2 a.active,
            #visualTimeline #timeLineNav ul li.tlPhase2 a.active:hover { background-position: -150px -41px !important; }
            
          #timeLineNav ul li.tlPhase3 { margin-left: -11px; }
          #timeLineNav ul li.tlPhase3 a { width: 178px; }
            #timeLineNav ul li.tlPhase3 a:hover { background-position: -329px -82px; }
            #visualTimeline #timeLineNav ul li.tlPhase3 a.active,
            #visualTimeline #timeLineNav ul li.tlPhase3 a.active:hover { background-position: -329px -41px !important; }
            
          #timeLineNav ul li.tlPhase4 { margin-left: -11px; }
          #timeLineNav ul li.tlPhase4 a { width: 178px; }
            #timeLineNav ul li.tlPhase4 a:hover { background-position: -514px -82px; }
            #visualTimeline #timeLineNav ul li.tlPhase4 a.active,
            #visualTimeline #timeLineNav ul li.tlPhase4 a.active:hover { background-position: -514px -41px !important; }
            
  #timelineTitle {
    background: url(graphics/bg_phase_title.gif) repeat-x;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    padding: 0 20px;
    }
  
  #timelineCont {
    background: url(graphics/bg_timelinebox_tile.gif) repeat-y;
    }
    #timelineContTop {
      background: url(graphics/bg_timelinebox_grad.gif) top left no-repeat;
      }
      #timelineContBtm {
        background: url(graphics/bg_timelinebox_btm.gif) bottom left no-repeat;
        min-height: 340px;
        height: auto !important;
        height: 340px;
        }        
        #dynamicPhase {
          padding: 20px;
          }
        
.phaseContainer {
  display: none;
  }
    
.hClinicalProtocols {
  background: url(graphics/h_clinical_protocols.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 10px 0 !important;
  }