/* LAYOUT */

.hide {
	position: absolute;
	left: -10000px;
}

body { background: #fff url("/i/bg_body.gif") repeat-x; color: #474640; font-family: Helvetica, Arial, sans-serif; font-size: 62%;}
#header {height: 201px; width: 950px; margin: 0 auto; padding-right: 0px; padding-left: 10px; }
#logoMSU { float: left;}
#logo { position: absolute; left: -10000px;}
#title h1 a { display: block; text-indent: -10000px; background-color: transparent; background-repeat: no-repeat; position: absolute; top: 54px;} 
/*\*/ #title h1 a { overflow: hidden; } /**/
#title { display: block; float: left;  }
#title h1 a { background-image: url(/i/ifas_logo.gif); width: 240px; height: 147px; }


#container { position: relative;  z-index: 100; width: 950px; margin: 0 auto; padding-top: 0px; padding-left: 10px;}
.clearfooter { height: 20px; clear: both; }
#content { font-size: 1.4em; width: 940px; margin: 0 auto; float: left;}
#main { width: 580px; float: left; margin: 40px 10px 0 0; } 



/* NAVIGATION */

/* Top Nav */
#nav { margin: 0; height:44px; font-family: 'Verdana', Arial, Sans-Serif; padding: 0px 0 0px; }
#nav ul { float: right; margin-right: 10px;}
#nav li { float:left; margin:0; list-style-type:none; white-space:nowrap; margin:0; font-size: 1.2em; padding: 16px 0 0 18px; }
#nav li a { display:block; color: #fff; margin: 0; text-decoration: none; outline: none; border:none; }
#nav .selected, #nav a:hover { text-decoration: underline; }
#nav .here a { text-decoration:underline; }

/* Main Nav */

#navgroup {margin-top: 9px; border-left: 10px solid #77942f; font-size: 1.6em; font-family: Verdana, Arial, Sans-Serif; height: 132px; width: 310px; position: relative; float: right; padding-top: 16px; padding-left: 10px; } 

#initgroup { float: left; width: 120px; } 
#mainnav {position: relative; padding-top: 16px; padding-left: 10px; } 
#mainnav li+li { margin:0; padding:16px 0 0 0; list-style-type:none; }
#mainnav li a { display:block; padding:0 10px; letter-spacing:1px; text-decoration: none; width: 150px; /*gives layout to prevent vertical spacing in IE*/ background: inherit; color: #000; outline: none; }
#mainnav .selected, #mainnav a:hover {text-decoration: underline; outline: none; }
#mainnav .here a { text-decoration: underline; }


#mainnav2 {float: right; position: relative; padding-top: 16px; bottom: 16px; right: 10px; width: 120px;} 
#mainnav2 li+li { margin:0; padding:16px 0 0 0; list-style-type:none; }
#mainnav2 li a { display:block; padding:0 10px; letter-spacing:1px; text-decoration: none; width: 150px; /*gives layout to prevent vertical spacing in IE*/ background: inherit; color: #000; outline: none; }
#mainnav2 .selected, #mainnav2 a:hover {text-decoration: underline; outline: none; }
#mainnav2 .here a { text-decoration: underline; }


/* Side Nav */

#sidenav { width: 290px; float: right; font-size: .9em; margin-top: 40px;padding: 0px 0px 0 0px; background: #f1ffcf; }
#sidenav h3 { font-size: 1.2em;  text-transform: uppercase; letter-spacing: 1px; margin: 0; background: #B5D073; padding:10px; margin: 0px; }

#content #sidenav ul {margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #C7DF8B; }
#content #sidenav li { padding: 10px 10px 10px 15px; border-bottom: 1px dotted #C7DF8B; font-size:1.1em; } 

#sidenav a {text-decoration: none; color: #333; display:block; padding: 0 10px 0 0;}
#sidenav a:hover {text-decoration: underline;}

#content #sidenav ul ul { margin: 0 0 0 10px; border-top: none;}
#content #sidenav li li { border-bottom: none; font-size: .9em; padding: 5px 10px 5px 5px;}
#sidenav li li a,
#sidenav li.here li a  {color: #666; }
#sidenav li.here a {color: #A31C26; }

/* End Nav*/

/* Right Sidebar */

#sub { width: 280px; float: right; 
background: #f1ffcf;font-size: .9em; 
color: #000; margin-top: 40px;
padding: 0px 10px 0 20px;;
border-left: 10px solid #B5D073; }

#subgen { width: 280px; float: right; 
font-size: .9em; color: #000; margin-top: 0px;
padding: 40px 10px 0 20px;}

#sub .related_box { padding: 10px 0; }

#sub .related_box + .related_box{ border-top: 1px solid #000;}

#sub .related_box h3 { text-transform: uppercase; color: #000; background: transparent; font-size: 1.4em;}
#sub .related_box h3 a { color: #000; background: transparent; text-decoration: none; }
#sub .related_box ul{ font-size: 1.2em; padding: 0; margin: .5em 0 2em; }

#sub .related_box li { list-style: none;
line-height: 1.2; padding: 0; margin: 0 0 1em; }

#sub .related_box li a { color: #A91914; text-decoration: none; }

#sub .related_box h3 a:hover,
#sub .related_box li a:hover { text-decoration: underline; }

#sub .related_box li .date { display: block; margin: 0px 0 20px; padding: 0; color: #000; font-size: .9em; }


/* FOOTER */

#footer { font-size: 1.2em; line-height: 1.4em; padding: 5px 0px 20px; clear: both; margin: 0 auto; border-top: 1px solid #CCCFC2; width: 960px; float: left;}
#botnav { width: 40%; float: left;}
#copyright { text-align: right; padding-right:0px; float: right;}
#copyright .loracs {padding-top:1em; }

/* End footer */



.photoleft { float: left; width: 160px; padding-right: 20px;}
#main .photoleft p { margin-top: 1em; font-size: 1em; line-height: 1.2em; color: #666; }


/* Typography & links
*************************************/
em { font-style: italic; }
strong { font-weight: 700;}

h1,h2 {clear:left;}
h1, h2, h3, h4 { font-family: Verdana, Geneva, sans-serif;}
h1 { font-size: 1.8em; line-height: 1; padding: 0 0 0.8em; }
h2 { font-size: 1.3em; line-height: 1; padding: 0 0 .5em; }
h3 { font-size: 1.1em; line-height: 1; padding: 0 0 .5em; margin-top: 1em; text-align: left; }
h4 { font-size: 1em; line-height: 1; font-weight:700; }

h1+h2, h1+h3, h1+a+h3, h2+h3 { margin-top: 0; }

#main p {font-family: Helvetica, Arial, sans-serif; }
#content p { padding-bottom: 1em; text-align:left; font-size: 1.1em; line-height: 1.5; }

#main h3 a { color: #000; }

#main h3 a:hover { color: #a91914; }

#content blockquote { padding-bottom: 1em; text-align:left; font-size: 1em; line-height: 1.4; margin: 0 3em;}

#content ul { margin: 0 0 18px 18px; } 
#content ol { margin: 0 0 18px 24px; }
#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; }

#content li, #content td { font-size: 1em; line-height: 1.4em; padding-bottom: .4em;}
#content li li, #content li p, #content td p, #content blockquote p {font-size: 1em;}

#main li ul {margin: 5px 18px; }

#content .listbox {float: left; width: 100%;}
#content ul.listleft,
#content ul.listright { float: left; width: 300px; }
.listbox+p { clear: both; }

a:link { color: #000; background-color: transparent; text-decoration: underline; }
a:visited{ color: #000; background-color: transparent; text-decoration: underline; }
a:hover { color: #a91914; background-color: transparent;}
a:active { color:#a91914; background-color: transparent;}

/*IMAGES*/
img.right {float:right; padding: 0 0 10px 20px;}
img.be-screen {float:right; padding: 0 0 10px 40px;}



/*global*/

.news_url a, 
.more a { clear: both; 
margin: 0px 0px 10px; padding-top: 20px;
color: #A91914; text-transform: uppercase; 
font-size: .8em; text-decoration: none;
display: block;
text-align: right;
font-style: normal;
}

.more a { float: right; background: transparent url(/i/more-mark.png) no-repeat 0 center; padding: 0 0 2px 12px;  }


/*HOME*/

h2#homefeature { border-bottom: 1px solid black; text-transform: uppercase; font-size: 1em;}

.research-feat { width: 580px; clear: both; float: left;  margin: 10px 0 0; padding-top: 30px;}
.research-feat + .research-feat { border-top: 1px solid #CCCFC2;  padding-top: 30px;}
.research-feat img { float: right; padding: 0 0 10px 10px; }
.research-feat p img { float: left;  }
.research-feat p { font-style: italic; } 

#main .research-feat h3 { margin-top: 0;}

#featurebox { width: 286px; float: right; 
font-size: .9em; margin-top: 20px;
padding: 0px 10px 0 20px; border: 2px solid #F1FFCF;
text-align: center; }

#featurebox h2 { border-bottom: 1px solid black; text-transform: uppercase; font-size: 1em; margin: 20px 0; text-align: left;}
#featurebox h3 { margin-bottom: 10px; }
#featurebox p { font-style: italic; }


#featurebox { width: 286px; float: right; 
font-size: .9em; margin-top: 20px;
padding: 0px 10px 0 20px; border: 2px solid #F1FFCF; }


/* EVENTS */

.event_item { margin-bottom: 40px; }
#main .event_item p {padding-bottom: 0; }


/*Events/Conferences*/
#conflogo { padding: 10px 0 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/*NEWS*/

.news-item { margin-bottom: 40px;  }
#main .news-item p {padding-bottom: 0; line-height: 1.2;}
#main p.date { padding-bottom: .5em;}

/* PEOPLE*/
.peep {clear: both;  }
.peep { border-top: 1px solid #cccfc2; margin-top: 40px; padding-top: 10px; }
.peep img { float: right; padding: 0 0 10px 20px; }

#peepcats h2 { border-bottom: 1px solid black; text-transform: uppercase; font-size: 1em; margin-top: 6em;}
#peepcats h2#core { margin-top: 2em;}

#peepcats h2 a {text-decoration: none; }

h1 + .peep,
h2 + .peep  { border-top: none; padding-top: 0; margin-top: 5px;} 
#main .peep h3 {font-weight: 700; }
#main .peep p {padding: 0; margin: 0; line-height: 1.2; font-size: 1.1em;}
#main .peep p+p {padding: 0; margin: 0 0 5px 0; }

#main #solopeep { margin-top: 0px; padding-top: 0px; border-top: none;
 padding-bottom: 10px; margin-bottom: 20px; }
#bio { clear: both; border-top: 1px solid #cccfc2; padding-top: 20px; margin-top: 20px; }

#sub #solopeep p {line-height: 1.1;}
#sub #solopeep img { float: right; padding: 0 0 10px 20px; }

#sub .related_box p.cite { line-height: 1.3; margin-bottom: 1.6em; }


/*PUBLICATIONS*/
#main p.cite { float: left; width: 85%; line-height: 1.2; margin-bottom: 1em; }
#main p.pub_url { float: right; width: 10%; font-size: .8em; padding-top: 2em;}
#sub p.cite { margin-bottom: .4em; }

/*RESOURCES*/
ul#reslist  { margin-left: 0;}
#reslist li  { list-style: none;}
#reslist li a {display: block; }

/*Admin add*/
#content a.add, #sub .related_box li a.add { text-decoration: none; font-size: 12px; color: #000;  background: transparent;}
#content a.add:hover, #sub .related_box li a.add:hover { color: #a91914; background: transparent;}
#content a.add img, #sub .related_box li a.add img { margin-bottom: -2px; }