@import url(reset.css);
@import url(typography.css);
@import url(color.css);
@import url(email.css);

body
{
	margin: 0 auto;
	padding: 75px 0 30px 0;
	position: relative;
	width: 960px;
}

h2
{ 
	padding: 0 20px 5px 0;
}

/* use on pages like sitemap, 404page, research docs to put the yellow bandy behind the h2 tag when there's no header images */
h2.noimage
{
	margin-left: -20px;
	padding: 25px 20px 30px;
	position: relative;
	width: 677px;
}

h3, h4
{
	margin: .5em 0 .3em 0;
}

/* use this for big-text lead-in statements */
h3.leadin
{
  margin: .3em 0 1em 0;
	padding: 0;
}

dd
{
	margin: 0 0 .8em 0;
}

/* used on pages like home & about to wrap the h2, necessary to add the shadow to the bottom */
.headPhark
{
  margin: 0 0 5px -20px;
  padding: 0 0 33px 0;
	position: relative;
	width: 717px;
}

.headPhark h2
{ 
	height: 304px;
	padding: 0;
	text-indent: -9999px;
}

.headPhark #s1 img
{
  height: 304px;
  width: 717px;
}

.cylce
{ 
	margin-top: -304px;
	text-indent: -9999px;
}

/* ---------- header ---------- */

/* h1 is reserved for holding the name "WTI" */
h1 a
{
	background: url(../../images/tx.png) repeat left top;
	display: block;
	height: 90px;
	margin: 75px 0 0 30px;
	position: absolute;
	text-indent: -9999em;
	width: 180px;
	z-index: 10;
}

#msuLink
{
	height: 50px;
	position: absolute;
	text-indent: -9999em;
	top: 20px;
	width: 960px;
}

#msuLink a
{
	background: url(../../images/tx.png) repeat left top;
	height: 39px;
	left: 0;
	position: absolute;
	top: 0;
	width: 345px;
}

#coeLink a
{
	background: url(../../images/tx.png) repeat left top;
	height: 39px;
	position: absolute;
	right: 0;
	text-indent: -9999em;
	top: 20px;
	width: 170px;
}

/* ---------- primary nav ---------- */

#navPrimary
{
	float: left;
	min-height: 174px; /* so the background gradient doesn't accidentally cut off early */
	padding: 190px 0 30px 0;
	position: absolute;
	width: 243px;
}

/* doesn't show in ie6, doesn't matter */
#navPrimary li:first-child
{
	border-top: 1px solid;
}

#navPrimary li
{
  border-bottom: 1px solid;
	margin: 0 30px;
	padding: 8px 5px;
}

#navPrimary .search
{
  border-bottom: none;
  margin-left: 30px;
	padding: 8px 0;
}

#navPrimary .search label
{
  color: rgb(199,178,47);
  display: block;
  margin: 5px 0;
}

#navPrimary .search input
{
  margin: 0;
  padding: 0;
}

#aboutSubNavigation li:first-child, #publicationsSubNavigation li:first-child, #laboratoriesSubNavigation li:first-child, #researchSubNavigation li:first-child, #aboutSubNavigation li, #publicationsSubNavigation li, #laboratoriesSubNavigation li, #researchSubNavigation li
{
  border: none;
  margin: 0;
}

/* ---------- content ---------- */
#content
{
	margin-top: 1px; /* visual adjustment */
	min-height: 750px;
	overflow: hidden;
  padding: 0 30px 20px 263px ;
}

#content p, #content img
{
	margin: 0 0 1em 0;
}

/* --------- 2 col; use on pages like home. must be children of content. #main should preceed #sidebar ---------- */
#main
{
	float: left;
	width: 400px;
}

#sidebar
{
	float: right;
	margin: 3px -10px 20px 20px;
	position: relative;
}

/* ---------- footer ---------- */
#msuFootLink
{
	clear: both;
	padding: 10px 2px 0;
}

#msuFootLink a
{
	padding-right: 7px;
}

#msuFootLink a.include
{
	padding-right: 0;
}

#msuFootLink strong
{
	padding-left: 7px;
}

#copyright
{
	margin: 0 2px 20px;
}

#sitemapLink
{
	right: 0;
	padding: 10px 2px 0;
	position: absolute;
}

/* ---------- home --------- */
#wtiFlash
{
  left: -20px;
  position: relative;
}

/*
h2#home-head
{
	background: url(../../images/home_h2.jpg) no-repeat right top;
}
*/

#workbtn
{
	margin: 0;
	padding: 0px 50px 0px 20px;
	width: 170px;
}

#workbtn li
{
  padding: 0 0 .3em 1.4em;
	background: url(../../images/bullet.gif) no-repeat .3em .6em;
}

#workbtn h3
{
	margin: 0 0 0 0;
}

#workbtn p
{
  margin-bottom: 5px;
}

#workbtn h4
{
	margin: 0;
}

#roadway-vert-top
{
  background: url(../../images/roadway_vert_top.png) no-repeat top left;
  border: none;
  height: 15px;
  margin: 0;
  width: 240px;
}

#roadway-vert-bottom
{
  background: url(../../images/roadway_vert_bottom.png) no-repeat top left;
  border: none;
  height: 15px;
  margin: 0 0 1em 0;
  width: 240px;
}

/* ---------- about ---------- */
/* specify which image to use for the headline phark */
h2#about-head
{
	background: url(../../images/about_h2.jpg) no-repeat right top;
}

#map_canvas
{
  height: 500px;
}

/* ---------- research areas ---------- */
/* specify which image to use for the headline phark */
h2#research-head
{
	background: url(../../images/research_h2.jpg) no-repeat right top;
}

ul#research-areas
{ 
	overflow: hidden;
}

ul#research-areas li
{
	border-bottom: 6px solid;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}

ul#research-areas
{
	background: url(../../images/research_program_areas.jpg) no-repeat left top;
	margin-top: .5em;
	padding-top: 105px;
}

ul#research-areas p.vcard
{
	margin-bottom: .2em;
}

ul#research-areas .tel
{
	background: url(../../images/ico_telephone.png) no-repeat .6em 1px;
	font-size: .9em;
	padding-left: 2em;
}

.navResearch
{
  margin: -7px 0 1em 0;
	position: relative;
}

ul#research-areas .navResearch li
{
	border: none;
	display: inline;
	height: auto;
	padding: 0 10px 0 0;
}

.navResearch li
{
	border: none;
	display: inline;
	height: auto;
	padding: 0 10px 0 0;
}

/* ---------- laboratories ---------- */
h2#labs-head
{
	background: url(../../images/labs_h2.jpg) no-repeat right top;/* specify which image to use for the headline phark */
}

ul#laboratories li
{
	border-bottom: 6px solid;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}

ul#laboratories p.vcard
{
	margin-bottom: .2em;
}

ul#laboratories .tel
{
	background: url(../../images/ico_telephone.png) no-repeat .6em 1px;
	font-size: .9em;
	padding-left: 2em;
}

.lab ol
{
  list-style-type: decimal;
  margin-left: 25px;
}

.lab ul
{
  list-style-type: disc;
  margin-left: 25px;
}

/* ---------- 404 error page --------- */

#error404 li
{
  list-style: disc inside;
}

/* ---------- Road Ecology Special Projects Page ----------- */
#Background
{
  height: 300px;
  width: 320px;
}

#WildlifeVideos td
{
  height: 60px;
  padding: 10px;
  width: 80px;
}

/* ---------- staff.aspx ----------- */
.StaffBookmarks
{
  clear: both;
}

.StaffBookmarks li
{
  display: block;
  list-style-type: none;
  margin-right: 5px;
}

#Albert
{
  clear: both;
  margin-top: 50px;
} 
 
/* ---------- what.aspx ----------- */
.disk
{
  list-style: disc inside;
  margin-left: 15px;
}
 
.min-height
{
  min-height: 575px;
}

/* ---------- project-area.aspx ----------- */
#projectsPager
{
  margin: 0 0 25px 0;
}

/* ---------- project-area.aspx ----------- */
#gncProjects ul
{
  list-style-type: none;
}

#gncProjects .empty
{
  list-style: decimal inside;
  margin-left: 25px;
}

#gncProjects .items
{
  list-style: lower-alpha inside;
  margin: 0px 0px 10px 15px;
}
#gncProjects #Error
{
  color: #FF0000;
}
#gncProjects #Error ol
{
  color: #FF0000;
  list-style: decimal inside;
  margin: 0px 0px 10px 30px;
}

/* Publications > Peer Reviewed
-------------------------------------------------------------------------- */
.PeerReviewedBookmarks
{
  clear: both;
}

.PeerReviewedBookmarks li
{
  display: block;
  list-style-type: none;
  margin-right: 5px;
}

.FocusArea
{
  float: left;
  width: 75%;
}

.top
{
  float: left;
  width: 25%;
}