/* SRTP Main Styles :::::::::::::::::::::::::::::::::::::::::: 
Incorporates all rev styles from ZenGarden.css on 12.17.2007 ::::: */

* {
	margin: 0;
	padding: 0;
	}

body { 
	font: normal 0.75em/165% Verdana, Arial, Helvetica, sans-serif;
	color: #2d2d2d;
	background-color: #cfcfbf;
	}
	
	
	
/* /////////////////////////////// DropDown Navigation	/////////////////////////////////////// */

#menuContainer {
height: 24px;
margin: 5px 0 0 70px;
text-align: left;
background-color: #255480;
}


#menuContainer #dropMenu {
list-style-type: none;
height: 24px;
margin: 0 85px 0 10px;
background-color: #000066;
position: absolute;
z-index: 10;
}    

#menuContainer #dropMenu .ParentItem {
display: block;
float: left;
height: 24px;
}

#menuContainer #dropMenu a.ParentLink { 
float: left;
display: block;
height: 11px;
margin-top: 6px;
font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
padding: 0 14px; /*from ZenGarden.cc*/
border-right: 1px solid #ffffff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #ffffff;
}


#menuContainer .SubMenu {
list-style-type: none;
width: 150px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
position: absolute;
z-index: 10;
visibility: hidden; 
background-color: #000066;
padding-top: 6px;
margin-top: 18px;
}

#menuContainer .SubMenu li {
display: inline;
}


#menuContainer .SubMenu a.ChildLink {
position: relative;
display: block;
font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
width: 160px;
border-bottom: 1px solid #9999aa;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #ffffff;
background-color: #255480;
} 

#menuContainer .SubMenu a.ChildLink:hover {
color: #255480;
background-color: #ffffff;
}


#introDuction {
margin: 0;
}

#subIntroduction {
margin-top: 24px;
left: 5px;
}

#forms {
margin: 0;
}

#subForms {
margin-top: 24px;
left: 161px;
}

#orienTation {
margin: 0;
}

#subOrientation {
margin-top: 24px;
left: 278px;
}

#evalUation {
margin: 0;
}

#subEvaluation {
margin-top: 24px;
left: 416px;
}

#menuContainer #dropMenu #keyInfo {
border: none;
}

#subKeyInfo {
margin-top: 24px;
left: 568px;
}

/* ____________________________________________________________________________________________ */	
	
	


#topNav {
	height: 32px;
	width: 850px;
	margin: 0 auto;
	line-height: 32px;
	background-color: #000066;
	text-align: center;	
	}

#topNav li {
	display: inline;
	list-style-type: none;
	}

#topNav a:link, #topNav a:visited {
	padding: 0 5px;
	border-right: 1px solid #F6C261;
	background-color: transparent;
	color: #F6C261;
	font-size: 80%;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	}

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


#topNav #linkLast {
border: none;
}
	


#blueStripe {
	background: #000066 url(../elements/maintop.jpg) repeat-x;
	padding-top: 15px;
	}
	
#conTainer {
width: 870px;
margin: 0 auto;
background-color: #BEBEA6;
}	

#logoContainer {
height: 47px;
border-bottom: 1px solid #B2B2D1;
margin-left: 54px;
background-color: #ffffff;
text-align: left;
}

#logoContainer #VDClogo {
position: absolute;
margin-left: -54px;
}

#whiteBox {
background-color: #fff;
margin: 0 10px;	
text-align: left;	
}
	
#titleBox {
margin: 6px 0 0 65px;
font: bold 17px/24px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
color: #343434;
text-align: left;
}

#featureImageField {
width: 710px;
height: 130px;
margin: 20px auto 5px auto;
}

#featureImageField image {
display: block;
float: left;
margin-right: 5px;
}

#featureImageField .LastChild {
margin: 0;
}

#decoBar {
float: left;
margin-right: 5px;
width: 65px;
height: 24px;
background-color: #255480;
}

#welcomeBar {
float: left;
width: 218px;
height: 24px;
padding-right: 10px;
background-color: #732E0B;
text-align: right;
color: #ffffff;
font: normal 15px/24px Verdana, Arial, Helvetica, Sans-serif;
text-transform: uppercase;
}

#longWelcomeBar {
float: left;
width: 370px;
height: 24px;
padding-right: 10px;
background-color: #732E0B;
text-align: right;
color: #ffffff;
font: normal 15px/24px Verdana, Arial, Helvetica, Sans-serif;
}

.SpaceBox {
height: 38px;
}

#fullCol {
margin: 22px 26px 24px 26px; /*24px or 64px bottom? -- is 64px on ZenGarden.css ---*/
text-align: left;
}

#internalPage #fullCol {
margin: 22px 26px 64px 26px;
text-align: left;
}

/* "used as PHP *message* on some dynamic pages */

#internalPage #fullCol h4 {
	font: bold 105%/180% Verdana, Arial, Helvetica, sans-serif;
	color: #0000cc;
	text-align: center;
	padding: 5px 0;
	}
	
#internalPage #fullCol h4.left {
	font: bold 105%/180% Verdana, Arial, Helvetica, sans-serif;
	color: #0000cc;
	text-align: left;
	padding: 5px 0;
	}	


/* - - - NEW 12.18.2007 - - - */

#internalPage #fullCol .lessTop {
margin: 0 26px 64px 26px;
text-align: left;
}

/* - - - NEW 12.18.2007 - - - */

#internalPage #conTent { 
margin: 0 auto 20px auto;	
text-align: center;
width: 800px;
}

#conTent { 
	margin: 15px auto 20px auto;	
	text-align: center;
	width: 800px;
	}
	
#conTent.smallText {	
	font: normal 90%/165% Verdana, Arial, Helvetica, sans-serif;
	color: #2d2d2d;
	}
	
#conTent p {
	position: relative;
	padding: 5px 20px 10px 20px;
	color: #343434;
	text-align: left;
	}
	
#conTent h4 {
	font: bold 100%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #616C6F;
	text-align: left;
	padding: 5px 0 5px 30px;
	}
	
/* new 12.18.2007 --*/

#conTent h4.left {
	font: bold 100%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #616C6F;
	text-align: left;
	padding: 5px 0 5px 0;
	}	
	
	
	
#conTent ol {
	margin: 15px 65px 10px 60px;
	}

#conTent ol li {
	padding-bottom: 15px;
	text-align: left;
	}	
	
#conTent blockquote {
	text-align: left;
	margin-bottom: 15px;
	margin-left: 20px;
	}	
	
#subContainer {
width: 870px;
background-color: #a2a27e;
padding-bottom: 2px;
}	

	
/* -- Placing the UL after the ID (#mainMenu) allows this style to work with a div <div id="mainMenu"> */
	
#conTent #mainMenu ul {
	margin: 0 0 0 55px;
	}
	
#conTent #mainMenu ul li {
	display: inline;
	}
	
#conTent #mainMenu a {
	display: block;
	width: 700px;
	height: 20px;
	line-height: 20px;
	font-size: 105%;
	color: #343434;
	text-decoration: underline;
	text-align: left;
	/*background-color: #dfdfdf;
	border: 1px dotted #456E9F;*/
	margin: 4px 0;
	padding: 5px;
	}

#conTent #mainMenu a:hover {
	background-color:  #343434;
	color: #fff;
	text-decoration: underline;
	}

/*-----------------------------------------------------------------------------------BEGIN NOTES UL-----------------------*/	

#conTent #mainMenu ul ul {
	list-style-type: square; 
	}

#conTent #mainMenu ul ul li { 
	margin: 0 0 1px 0; 
	}

#conTent #mainMenu ul ul a {
	display: block;
	padding: 5px;
	width: 500px;
	color: #8f8f8f;
	background-color: #fff;
	text-decoration: none;
	}

#conTent #mainMenu ul ul a:hover {
	color: #fff;
	background-color: #69C;
	text-decoration: none;
	}
	
/*--------------------------------------------------------------*/	


#conTent #mainMenu #subNav ul ul {
	list-style-type: square; 
	}

#conTent #mainMenu #subNav ul ul li { 
	margin: 0 0 1px 0; 
	}

#conTent #mainMenu #subNav ul ul a {
	display: block;
	padding: 5px;
	width: 400px;
	color: #8f8f8f;
	background-color: #fff;
	text-decoration: none;
	}

#conTent #mainMenu #subNav ul ul a:hover {
	color: #fff;
	background-color: #69C;
	text-decoration: none;
	}
	
	
/*-----------------------------------------------------------------------------------END NOTES UL-----------------------*/	
	

#conTent #mainMenu #subNav ul {
	list-style-type: disc; 
	}

#conTent #mainMenu #subNav ul li { 
	margin: 0 0 1px 0; 
	}

#conTent #mainMenu #subNav ul a {
	display: block;
	padding: 5px;
	width: 500px;
	color: #6F6F6F;
	background-color: #EFEFEF;
	text-decoration: none;
	}

#conTent #mainMenu #subNav ul a:hover {
	color: #fff;
	background-color: #BF4747;
	text-decoration: none;
	}	



/* "subHead" is for the header on the full page menu */

#conTent h3.subHead {
	font: bold 115%/180% Verdana, Arial, Helvetica, sans-serif;
	color: #54548c;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	}	

/* "ulHead" is for the header on the full page menu */

#conTent h3.ulHead {
	font: bold 105%/180% Verdana, Arial, Helvetica, sans-serif;
	color: #54548c;
	text-align: left;
	text-transform: uppercase;
	padding: 10px 0 10px 5px;
	}
	

#formTable table {
	font: normal 95%/160% Verdana, Arial, Helvetica, sans-serif;
	color: #3A3A3A;
	margin-top: 5px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0;
	text-align: center;
	}
	
#formTable table td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border: 1px dotted #bbbccc;
	}	

h3 {
	font: bold 105%/160% Verdana, Arial, Helvetica, sans-serif;
	color: #54548c;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	margin: 10px 0 5px 10px;
	}
	
h3.leftHead {
	font: bold 105%/110% Verdana, Arial, Helvetica, sans-serif;
	color: #54548c;
	text-align: left;
	margin: 15px 0 10px 0;
	}	

#formTable table.noPad  {
	margin-top: 2px;
	}
	
#formTable table.noPad td {
	padding: 3px;
	vertical-align: top;
	}
		
/*--------------------------------------------------------------
------------------------------------------------------------------- For Nested Form Tables - Radio Buttons etc --- */		
		
#formTable .radioNest table {
	padding-top: 0;
	margin-top: 10px;
	margin-bottom: 0;
	}

#formTable .radioNest table td {
	border: none;
	vertical-align: top;
	text-align: center;
	margin-bottom: 0;
	}		
	
/*------------------------------*/
	
#plainList ul {
	margin: 0 50px 0 60px;
	}

#plainList ul li {
	margin-bottom: 5px;
	list-style-type: circle;
	text-align: left;
	}
	
#conTent #plainList a {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 100%;
	color: #5F5F5F;
	text-decoration: underline;
	text-align: left;
	margin: 4px 0;
	padding: 5px;
	}

#conTent #plainList a:hover {
	color: #2732E0B;
	text-decoration: underline;
	}	
	

#plainTable table {
	width: 700px;
	margin-top: 5px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #2d2d2d;
	}

#plainTable table th {
	padding: .85em 0.5em;
	text-align: center;
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	}
	
#plainTable table td {
	padding: .85em 0.5em;
	text-align: center;
	}	
	
#plainTable table tr.tan {
	background: #EFEFE0;
	}

/*---------------------------------------------------------------------------------P L A I N  T A B L E ~ L E F T  A L I G N -----------------*/	
	
#plainTableLeft table {
	font: normal 100%/160% Verdana, Arial, Helvetica, sans-serif;
	color: #3A3A3A;
	margin-top: 5px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #2d2d2d;
	}

#plainTableLeft table th {
	padding: .85em 0.5em;
	text-align: left;
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	}
	
#plainTableLeft table td {
	vertical-align: top;
	border: 1px dotted #bbbccc;
	text-align: left;
	padding: 10px 0 5px 10px;
	}	
	
#plainTableLeft table tr.tan {
	background: #EFEFE0;
	}	
	
/*---------------------------------------------------------------------------------*/	

#pdfList { 
margin-left: 0;
padding: 10px 0 15px 0;
list-style: none;
}

#pdfList li { 
border: 1px solid #ffffff; /* needed to get rid of a spacing bug in FF */
margin-left: 28px;
text-align: left;
}


#pdfList a.PDFlink { 
display: block;
width: 500px;
padding: 0 0 5px 30px;
background: transparent url(../elements/pdficon_small.gif) 0 .5em no-repeat;
margin: 0;
}	



/* ------------------------------------------------------------------------------>
---------------------------------------------------------------------------------------- Two Column Layout below conTent > BEGIN ---------------------*/

#leftCol {
	float: left;
	width: 184px;
	text-align: left;
	}

/* -- Not using a UL after the ID (#leftNav) allows this style to work with a UL <ul id="leftNav"> */ 

#leftNav {
	padding-left: 44px;
	margin-top: 18px; /* - - - had been 24px on maintwo.css - - -*/
	list-style-type: none;
	}

#leftNav li {
	display: inline;
	}

/*#leftNav a {
	display: block;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	color: #732E0B;
	font-size: 90%;	
	}*/
	
#leftNav a {
	display: block;
	padding: 0.75em 0.5em 0.75em 0.75em;
	line-height: 20px;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	text-decoration: none;
	color: #732E0B;
	font-size: 90%;	
	}	

#leftNav a#topB {
	 border-top: 1px solid #CFCFCF;
	}

#leftNav a:hover {
text-decoration: underline;
color: #255480;
}

#leftNav #bottomLink {
	height: 24px;
	}

#leftNav #activeLink {
	font-weight: bold;
	}
	


/* ------------------------------------------------------------------------------>
---------------------------------------------------------------------------------------- MISC leftNav CSS Snippets > BEGIN ---------------------*/

#leftNav #activePage {
	position: relative;
	display: block;
	height: 30px;
	padding-right: 5px;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	}

#leftNav .NavChild {
	}

#leftNav .NavChild a {
	/*background: transparent url(../elements/nav-child_bg.gif) no-repeat;*/
	font-size: 90%;
	color: #5b5b5b;
	}

#leftNav .NavChild a:hover {
	/*background: transparent url(../elements/hover_nav-child_bg.png) no-repeat;*/
	color: #fff;
	}

/* ------------------------------------------------------------------------------>
---------------------------------------------------------------------------------------- MISC leftNav CSS Snippets > END ---------------------*/

#rightCol {
	float: right;
	width: 600px;
	margin: 10px 0 25px 0;
	}

#rightCol p {
	margin-top: 0;
	padding-top: 10px;
	color: #343434;
	text-align: left;
	}
	
#rightCol ol {
	margin: 15px 65px 10px 60px;
	}

#rightCol ol li {
	padding-bottom: 15px;
	text-align: left;
	}

#salphaListNormal ol {
	margin: 15px 50px 10px 70px;
	list-style-type: lower-alpha;
	}

#salphaListNormal ol li {
	padding-bottom: 15px;
	text-align: left;
	}


#salphaList ol {
	margin: 15px 35px 10px 20px;
	list-style-type: lower-alpha;
	font-weight: bold;
	}

#salphaList ol li {
	padding-bottom: 5px;
	text-align: left;
	}

#basicUl ul {
	margin: 10px 65px 10px 60px;
	}

#basicUl ul li {
	padding-bottom: 5px;
	text-align: left;
	}



/* ------------------------------------------------------------------------------>
---------------------------------------------------------------------------------------- Two Column Layout below conTent > END ---------------------*/

#bottomBack {
	background: url(../elements/mainlow.jpg) repeat-x;
	height: 100px;
	}	

#footerBox {
	margin: 0 auto;
	width: 870px;
	padding: 15px 0 30px 0;	
	text-align: center;
	color: #ffffff;
	font-size: 90%;
	}

#footerBox a {
	color:  #ffffff;
	text-decoration: underline;
	}

#footerBox a:hover {
	color: #fff;
	text-decoration: underline;
	}

#footerBox #upDate {
	color: #ffffff;
	}

.ClearFloat {
clear: both;
height: 1px;
overflow: hidden;
}



/*-------------------------------------------------RANDOM CLASSES -------------*/

.red {
	font-weight: bold;
	color: #732E0B;
	font-size: 110%;
	}
	
.grey {
	background-color: #ededed;
	}
	
.yellow {
	background-color: #FFFFCC;
	}	
		
.leftText {
	text-align: left;
	font-weight: bold;
	font-style: italic;
	}	
	
/* --- used for NIH Grant text at page bottom -- */

.subText {
	font: normal 80%/150% Verdana, Arial, Helvetica, sans-serif;
	color: #2d2d2d;
	}		
	
hr {
	position:relative;
	margin: 10px auto; 
	border: none 0;
	border-top: 1px dashed #8F8F8F;/*the border*/
	width: 60%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	}		


	
a {
	background-color: transparent;
	color: #255480;
	}

a:link {
	text-decoration: underline;
	color: #255480;	
	}

a:visited {
	text-decoration: underline;
	color: #555555;
	}

a:hover {
	text-decoration: underline;
	color: #732E0B;
	}

a:active {
	text-decoration: underline;
	}