/* NEUTRALISE styling: 
   Elements we want to clean out entirely: */

html, body, form, ul, fieldset, h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ol, dl, address {
        margin: 0;
        padding: 0;
		font-family: arial, helvetica, sans-serif;
}

/* pre conf */

h2 {
margin-top: 1em;
}

/* STRUCTURE */

/* Body - width 800 minus padding minus scroll bar*/
body {
width: 730px;
padding: 24px;
}
/* Header */
#header {
width: 730px;
height: 105px;
}

/* LINKS */

/* global */
a, a:link, a:visited, a:hover, a:active {
color: #e5312a;
background-color: transparent;
border-bottom: none;
}

/* Content */
#content a:visited {
color: #FC4F59;
}
#content a:hover {
color: #AF2626;
}
/* Footer */
#footer a:link, #footer a:visited {
color: #666;
text-decoration: none;
border-bottom: 1px dotted #666;

}
#footer a:hover {
color: #000;
text-decoration: none;
border-bottom: 1px solid #666;
}


/*
GLOBAL NAV settings
http://www.udm4.com/manual/development/css/
*/

.udm li a:hover,.udm li a:focus,.udm li a.nohref:hover,.udm li a.nohref:focus{
font-style:normal;
background-image:none;
border-width:0px;
}

.udm a,.udm a:link,.udm a.nohref{
background-image:none;
cursor:pointer !important;
z-index:1000;
padding-left:0px;
padding-right:0px;
padding-top:0px !important;
padding-bottom:0px !important;
text-align:left;
}

.udm {
list-style:none;
}

/* MAIN NAV
http://www.udm4.com/manual/development/css/
*/

ul#nav {
background: #e6e7e8;
width:187px;
position: absolute;
left: 0px;
top: 0px;
padding-top: 11px;
}

/* link dimensions correspond with image dimensions */
.navButton, .navButton:visited {
width:100%;
height:30px;
display:block;
/*
this (position?) is for mac/ie5
it would normally cause a rendering problem
(a vertical expansion in the topnav)
but it doesn't here because the topnav is a fixed height
*/
position:relative !important;
}
/* span is same dimensions as link, and positioned to superimpose */
.navButton span, .navButton:visited span {
	height:30px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
}
/* button images are span background images */
#about_Button span, #about_Button:visited span {background-image:url("/images/nav_about.png");
}
#student_research_Button span, #student_research_Button:visited span {
background-image:url("/images/nav_stu_res.png");
}
#employer_research_Button span, #employer_research_Button:visited span {
background-image:url("/images/nav_emp_res.png");
}
#training_Button span, #training_Button:visited span {
background-image:url("/images/nav_training.png");
}
#top100_Button span, #top100_Button:visited span {
background-image:url("/images/nav_top_100.png");
}
#top100, #top100_Button {
margin-top:14px;
}
#awards_Button span, #awards_Button:visited span {
background-image:url("/images/nav_awards.png");
}
#awards, #awards_Button {
margin-top:14px;
}

#conference_Button span, #conference_Button:visited span {
background-image:url("/images/nav_rec_conf.png");
}
#conference, #conference_Button {
margin-top:6px;
}

/* rollovers are background position so that no preloading is necessary */
.navButton:link span, .navButton:visited span {
background-position:0 0;
}
.navButton:visited:hover span, .navButton:hover span, .navButton:focus span, .navButton:active span, #nav_selected span {
background-position:0 -30px;
}


/* CONTENT */

/* clipboard image stuck to bottom - fixed to height of content text - grey bg to fill gap between menu and image */

#main {
width: 710px;		/* changed from 730 for last para to have Martin's flow */
position: relative;
background: #e6e7e8 url("/images/Clipboard.jpg") bottom left no-repeat;

}
#content {
margin-left: 187px;
text-align: left;
padding: 0 0 0 30px;
background: #fff;	/* covers the grey bg from main - see above */
}

#content p {
margin-bottom: 1em;
}


/* FOOTER */

#footer {
color: #666;
font-size: 83.3%;	/* reset to default size = 10 pt */
}
#footer ul {
list-style: none;
float: left;
}
#footer li {
list-style: none;
margin: 0 1em 0 0em;
float: left;
}
#printonly {
display: none;
}


/* LISTS, IMAGES, ETC */
/* Images */
img	{
border: none;
font-size: 1.2em;
}

a#logo img {
background: #000;
color:#E6E7E8;
font-size: 2.4em;
font-weight: strong;
}
#contentimage {
float:right;
margin-left:10px;
margin-bottom:5px;  /* pre conf */
margin-top:0;
margin-right:-18px;	/* offset to fix the text flow from making content width smaller - see CONTENT > main */
position: relative;	/* bug fix for neg margin image to overlap with heading in IE */
}

#contentimageleft {
float:left;
margin-left:5px;
margin-bottom:5px;
margin-top:-18px;
position: relative;	/* bug fix for neg margin image to overlap with heading in IE */
}

/* TYPOGRAPHY */
body {
color: #000;
text-align: left;
font-size: 62.5%;
}
#content {
line-height: 1.4em;			/* 14pt */
text-align: left;
font-size: 1.2em;			/* 12pt */
font-weight: normal;
}

/* content heading with Gilder/Levin Method of Image Replacement */
/* http://www.mezzoblue.com/tests/revised-image-replacement  */
/* THIS IS IN EACH HTML SEPERATELY FOR DIFFERENT /images/DIMENSIONS */

#contentheading {
font-size: 2.2em;
font-weight: strong;
width: 480px;
height: 105px;
/* should be 60 but IE doesn't like it. remoce height and just use full height image*/

padding-left: 30px;
padding-top: 22px;
position: absolute;
display: inline;
overflow: hidden;
}

#latestInfo, #t100, #student_research, #employer_research, #contact_us {
font-size: 1.6em;
font-weight: strong;
width: 480px;
}

#latestInfo span {
background: url("/images/homepage/sub_h_latest_info_v3.png") no-repeat;
position: absolute;
width: 480px;
height: 32px; /* pre conf - change rest and image sizes */
}


#t100 span {
background: url("/images/homepage/sub_h_t100.png") no-repeat;
position: absolute;
width: 480px;
height: 32px; /* pre conf - change rest and image sizes */
}

#student_research span {
background: url("/images/homepage/sub_h_student_research.png") no-repeat;
position: absolute;
width: 480px;
height: 32px; /* pre conf - change rest and image sizes */
}

#employer_research span {
background: url("/images/homepage/sub_h_employer_research.png") no-repeat;
position: absolute;
width: 480px;
height: 32px; /* pre conf - change rest and image sizes */
}

#contact_us span {
background: url("/images/homepage/sub_h_contact_us.png") no-repeat;
position: absolute;
width: 480px;
height: 32px; /* pre conf - change rest and image sizes */
}


/* CONTENT INDEX */

#content ul.index {
	list-style:none;
}

#content ul.index li {
	float:left;
}

#content ul.index li img {
	float: left;
	margin-right: 10px;
}

#content ul.index li {
	width:235px;				/* total width possible is 256 */
	margin:20px 8px 0 0;
	display:block;

	line-height:1.2em;

}

/* Bold index item title */
#content ul.index .title {
font-weight: bold;
}

#content ul.index .title p {
margin:0;
}

  /* separate the list from subsequent markup */
  div.indexwrapper
  {
    margin-bottom: 1em;
  }


  /* stop the float */
  .indexwrapper br
  {
    clear: left;
  }


/* CONTENT INDEX 3 column */

#content ul.index_3 {
	list-style:none;
}

#content ul.index_3 li {
	float:left;
}

#content ul.index_3 li img {
	float: left;
	margin-right: 10px;
}

#content ul.index_3 li {
	margin:20px 10px 0 0;
	display:block;

	line-height:1.2em;

}

/* Bold index item title */
#content ul.index_3 .title {
font-weight: bold;
}

  /* separate the list from subsequent markup */
  div.index_3wrapper
  {
    margin-bottom: 1em;
  }


  /* stop the float */
  .index_3wrapper br
  {
    clear: left;
  }