/* RESOURCES SPECIFIC STYLESHEET */

/* import header and footer styles */
@import url("/source/orgs/hr/styles/main.css");

#wrapper-wide { position: relative;
                margin: 0;
		        padding: 0;
		        width: 1000px;
		        z-index: 1;
		        border: none;
		        clear: left;
				background: transparent;
}

#feature { float: left;
           width: 800px;
           margin: 0;
           padding: 0;
}

/* COLUMNS */
#column1 { float: left;
		   width: 180px;
		   margin: 0;
           padding: 0 0 20px 0;
}


/* one-column full page layout */
#column1-wide { float: left;
		   width: 100%;
		   margin: 0;
           padding: 0 0 20px 0;
}

#column2 { float: left;
		   width: 618px;
		   margin: 0;
           padding: 0 0 20px 0;
		   border-right: 1px dotted #ced2e3;
		   border-left: 1px dotted #ced2e3;
}

#column2-homepage { float: left;
		   width: 439px;
		   margin: 0;
           padding: 0 0 20px 0;
		   /*border-right: 1px dotted #ced2e3;*/
		   border-left: 1px dotted #ced2e3;
}

/* two-column layout */
#column2-wide { float: left;
		       width: 798px;
		       margin: 0;
               padding: 0 0 20px 0;
			   border-right: 1px dotted #ced2e3;
		       border-left: 1px dotted #ced2e3;
}

#column3 { float: left;
		   width: 180px;
		   margin: 0;
           padding: 0;
}


#column3-wide { float: left;
		   width: 360px;
		   margin: 0;
           padding: 0;
}
#column3-external-homepage { float: left;
		   width: 360px;
		   margin: 15px 0 0 0;
           padding: 0;
}

#clear { clear: both; }

/* SITEBAR AND LOCATOR */
#sitebar { position: relative;
    width: auto;
    margin: 28px 0 15px 0;
	padding: 1px 0 3px 180px;
    background: transparent;
    white-space: nowrap;
    z-index: 12;
}

.locator { 
    font: bold 80%/normal Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    white-space: nowrap;
    color: #666;
    z-index: 44;
	background: transparent;
}
.locator a:link, .locator a:visited, .locator a:hover { color: #666; text-decoration: underline; }

img { border: none; margin: 0; padding: 0; }
img.logo { margin-left: 100px; }

/* CONTENT LINK STYLES */
a:link { color: #333399; text-decoration: none; }
a:visited { color: #536180; text-decoration: none; }
a:hover, a:visited:hover { color: #333399; text-decoration: underline; }

/* making the links in the content area more visible */
#column2 a:link, #column2 a:visited,
#column2-600 a:link, #column2-600 a:visited,
#column1-wide a:link, #column1-wide a:visited,
#colulmn2-homepage a:link, #column2-homepage a:visited { color: #000099; text-decoration: underline; }

/* HEADERS */
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 100%; margin: 10px 15px; color: #7f2767; }
h2 { font-size: 90%; margin: 20px 15px 0 15px; color: #d9541a; }
h3 { font-size: 80%; margin: 10px 15px 0 15px; color: #49407b; }
h4 { font-size: 80%; margin: 10px 15px 0 15px; color: #333; }
/* to be used above paragraphs only, not above lists */
h5 { font-size: 80%; margin: 10px 15px -5px 15px; color: #333; }

.small { font-size: 70%; }
.bold { font-weight: bold; }

/* PARAGRAPHS */
p { margin: 0 15px 15px 15px;
    padding: 0;
	font: normal 80%/1.4em Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
}
p.first { margin-top: 5px; }
p.address { background: #E7FAAD; margin-right: 30px; padding-left: 10px; }
p.bread { color: #3300CC; font-size: 70%; }
p.bread a:link, p.bread a:visited { color: #F01B00; text-decoration: none; }
p.bread a:hover { color: #F01B00; text-decoration: underline; }
p.table { margin-top: 10px; }
p.form { display: inline; margin: 0; padding: 0; }
p.toparrow { text-align: right; }
p.blockquote { margin-left: 40px; margin-right: 40px;
               font: normal 80%/1.4em Verdana, Arial, Helvetica, sans-serif; }
			   
/* internal homepage director's statment styles */
div#director { border: 1px solid #eee; border-top: none; }
img.labdirector { margin-left: 50px; }			   
p.statement { margin-top: -5px; font: normal 70%/1.3em Verdana, Arial, Helvetica, sans-serif; }
p.author { text-align: right; font: italic 70%/1.3em Verdana, Arial, Helvetica, sans-serif; }

/* external homepage director's statment styles */
div#director-external { border: 1px solid #eee; }
img.labdirector { margin-left: 50px; }			   
p.statement { margin-top: -5px; font: normal 80%/1.3em Verdana, Arial, Helvetica, sans-serif; }
p.author { text-align: right; font: italic 80%/1.3em Verdana, Arial, Helvetica, sans-serif; }	

/* UL, OL, DL, LI, DD, DT */
ul, dl {
  font: normal 80%/1.4em Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  margin: 0;
  list-style-position: outside;
  padding: 0;
  list-style-type: none;
  vertical-align: top;
}
ol {
  font: normal 80%/1.4em Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  margin: 0 0 5px 15px;
  list-style-position: inside;
  padding: 0;
  vertical-align: top;
}

ol ul, ul ul, ul dl, ol p, ul p { font: normal 100%/1.4em Verdana, Arial, Helvetica, sans-serif; }

li { padding: 2px 0 6px 0; }

dt { 
  font: bold 100%/1.4em Verdana, Arial, Helvetica, sans-serif;
  margin: 0 20px 0 15px;
  color: #333;
}
dt.groups { font-weight: normal; }
dd { 
  font: normal 100%/1.4em Verdana, Arial, Helvetica, sans-serif;
  margin: 0 20px 10px 15px;
  color: #333;
}

.square  { list-style-type: square; }
.arrow { list-style-image: url(/source/orgs/hr/images/arrow_right.gif); }
.disc { list-style-type: disc; }
.circle { list-style-type: circle; }

ul.arrow, ul.bullet, ul.disc, ul.square, ul.circle { margin: 0px 15px 5px 35px; }
ul.arrow li, ul.bullet li, ul.links li { padding: 2px 0px; }

/* NAVIGATION STYLES */
#nav1, #nav2, #nav3, #nav4
              { margin: 5px 10px;
                vertical-align: top;
                font: normal 70%/1.3em Verdana, Arial, Helvetica, sans-serif;
}

#nav1 li.nolink, #nav2 li.nolink, #nav3 li.nolink, #nav4 li.nolink
              { color: #666; font-weight: bold; }

#nav1 li, #nav2 li, #nav3 li, #nav4 li { padding: 2px 5px 6px 5px; }
#nav1 li.sublink { margin-left: 25px; }

#nav2, #nav3 { margin: 15px 0 0 10px; }

/* styles specifically for nav2 */
/*#nav2 { border: 1px solid #1256ab; }*/
#nav2 li.nolink { padding: 1px 5px; background-color: #1256ab; color: #fff; font-variant: small-caps; }
#nav2 li.subheader { padding: 5px 5px 2px 5px; }
#nav2 li.sublink { margin-left: 10px; }
#nav2 li.sublinktop { padding: 2px 5px 1px 15px; }
#nav2 li.sublinkbottom { padding: 2px 5px 10px 15px; }

/* styles specifically for nav3 */
/*#nav3 { border: 1px solid #cf510c; }*/
#nav3 li.nolink { padding: 1px 5px; background-color: #cf510c; color: #fff; font-variant: small-caps; }

/* styles specifically for contacts/nav4 navigation */
#nav4 { border: 1px solid #ccc; margin-top: 20px; }
#nav4 li.nolink { padding: 1px 5px; background-color: #999; color: #fff; }
ul.contacts li { padding: 2px 0 1px 5px; }

/* styles specifically for Related Links */
#related { float: left; width: 170px; margin-top: 15px; margin-left: 0; border: 1px solid #1256ab;
font: normal 70%/1.3em Verdana, Arial, Helvetica, sans-serif; }
#related li { padding: 2px 5px 6px 5px; }
#related li.nolink { padding: 1px 5px; background-color: #1256ab; color: #fff; font-variant: small-caps; }
#related li.subheader { padding: 5px 5px 2px 5px; }
#related li.sublink { margin-left: 10px; }
#related li.sublinktop { padding: 2px 5px 1px 15px; }
#related li.sublinkbottom { padding: 2px 5px 10px 15px; }
#related li.dividelink { border-bottom: 1px solid #eee; }
#related li.toplinkdivide { padding-top: 5px; }

/* styles specifically for What's New */
#news { float: right; width: 170px; margin: 15px 0 0 0; border: 1px solid #cf510c; vertical-align: top; 
font: normal 70%/1.3em Verdana, Arial, Helvetica, sans-serif; }
#news li { padding: 2px 5px 6px 5px; }
#news li.nolink { padding: 1px 5px; background-color: #cf510c; color: #fff; font-variant: small-caps; }

/* DATA TABLES AND TD */
.data {
    font: normal 75%/1.4em Verdana, Arial, Helvetica, sans-serif; 
    color: #333;
    margin: 5px 15px 10px 15px;
}

.data th {
    background: #ffe7cf;
	color: #333;
	padding: 1px 5px;
	vertical-align: top;
	text-align: left; 
}

.data td, .data td p { 
    padding: 1px 5px;
	color: #333;
    font: normal 100%/1.4em Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}
table.data td.robohelp { padding-left: 20px; }

.even { background: #eee; }
.odd { background: #dedcdc; }

/* GRID TABLES AND TD */
.grid, .matrix {
    font: normal 75%/1.4em Verdana, Arial, Helvetica, sans-serif; 
    color: #333;
    margin: 5px 15px 10px 15px;
}

.grid th, .matrix th {
    background: #999;
	color: #fff;
	padding: 1px 5px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #999; 
}

.grid td { 
    padding: 1px 5px;
	color: #333;
    font: normal 100%/1.4em Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999;
}