* {
margin:0;
padding:0;
}

body {
  background-color: #fff;
}
body p img table tbody h1 h2 h3 h4 h5 h6{
  padding: 0px;
  margin: 0px;
}
fieldset {
  padding-right: 0.5em;
  padding-left: 0.5em;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

body {
  font-size: 101%;
  font-family: arial, helvetica, sans-serif;
  text-align: center;
  color: #331A00;
}
p {
  font-size: 0.8em;
}
h2 {
  font-size: 1.2em;
  font-family: tahoma,arial,helvetica,sans-serif;
  color: #331A00;
}
h3 {
  font-size: 1.1em;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #331A00;
}
h5 {
  font-size: 0.9em;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #331A00;
}
h6 {
  font-size: 0.75em;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #331A00;
}

dl dd ul li {
  font-size: 1.3em;
}
li ol {
  font-family: tahoma;
  color: #331A00;
}
a {
  background:none;
}
a:link {
  color: #08A;
  text-decoration: none;
}
a:visited {
  color: #B40;
  text-decoration: none;
}
a:hover {
  color: #08A;
}

/* center wrapper, min max width */
#pagewrapper {
 margin: 10px auto;
 width: 46em;
}
.wrapper {
 margin: 0px auto;
 width: 46em;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
.hr {
   height: 1px;
   margin: 0.5em;
}

/* relational links under content */
.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/* TEXT */
p {
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

#level-1 { background-color: #AB0000; color: white; height: 100px; overflow:hidden;}
#rcs-logo { float: left; width: 20em;  height: 80px; margin-top: 20px; margin-left: -5px; no-repeat;}
#rcs-logo img { border:0; }
#utility { background-image: url(/index_images/rcs_seal.jpg); background-position: right; background-repeat: no-repeat; float: right; margin-right: 0; width: 24em; height: 100px; text-align: right;}  /* Creates utility box with RCS seal as background */
#util { height: auto; font-size: 0.7em; display: inline; } /* Wraps around actually utility content */
#util ul { margin: 0;margin-top: 20px;  padding: 0;}
#util li { margin: 0; padding: 0; display: inline; list-style: none;}
#util li a { color:#fff; }
#util form, #util input { display: inline; }
#util input { font-size: 0.8em; }

/*level-2 is navigation and can be found in rcs_nav.css */


#level-4{  background: #fff; }
div.breadcrumbs {
	width: 100%;
	text-align:left;
	height: 1.6em;
	padding: 0.3em 0 0.5em 0; /* CSS short hand rule first value is top then right, bottom and left */
	font-size: 0.8em;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
	margin: 0;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
	background: url(/index_images/dash.gif) bottom repeat-x;
	clear: left;
}

#date {
  margin: -1.2em 0 0 0;
	float:right;
}

/* Fifth visible row of page, containing topical navigation and content.  */
#level-5{  background: #fff; }
#level-5 .wrapper { background: #fff; padding-top: 10px }

/* Topical Navigation Column */
#col1 {
	position:relative;
	float: left;
	width: 12.5em;
	background: #fff;
	text-align: left;
	line-height: 80%;
	margin: 0 0 0 0;
	padding: 0 1em 0.5em 0;
}
#col1 h2 {
background: #fff;
}

#col2 { position: relative; float: left;  padding: 0.5em 0 0 0.5em;  text-align: left; width: 32em; background: #eee; }

#col2 a {
  background: #eee;
}

#content {
  padding: 0 1em 0 2em;
}

/* Spotlight on MSU home page */
#spotlight_content {
	background:url(/index_images/spot_left.jpg) top left no-repeat;
	width:31em;
	height:7.5em;
	padding:0;
	margin:0;
	margin-left: .5em;
	}
#spotlight_left {
	height:7.5em;
	float:left;
	width:18em;
	margin:0;
	padding:.8em 0 0 .7em;
	}	
#spotlight_right {
	background:url(/index_images/spot_right.jpg) top right no-repeat;
	height:7.5em;
	width:9.8em;
	float: right;
	padding:0;
	}	
#spotlight_content  p { font-size: 0.7em; padding-bottom: 0.5em; }
#spotlight_content  h2 { font-size: 0.9em; white-space: nowrap; }
#spotlight_content .archive_link { font-weight:bold; text-align:left;}
#spotlight_content img {	border: none;	padding:10px 15px 10px 15px;	}
#spotlight_content a { background:none;}
	
/* Content columns- this stuff might be a little confusing. */
#left_col { float: left; width: 13em; margin-left: 0.5em;  padding-right: 0.5em; border-right: 1px solid #999;}
html>body #left_col { margin-left: 0.5em; }
#left_col .news_story {  margin-top:7.5px; padding-left: 0.2em; }
#left_col .news_story h2 { text-align:center; }
#left_col .news_story h3 { font-size:.75em; margin-bottom:2px; }
#left_col .news_story h4 { text-align:left; font-size:0.6em; }
#left_col p { font-size: .75em; }
#left_col .news_story p {margin-left: 2em; font-size: 0.7em; }
#left_col .news_story img { margin-top: 0.2em; float:left; margin-right:0.3em; }
#left_col p#more_news { font-weight:bold; margin-top:14px; font-size: .75em; }
#left_col li { padding: 0; }
#left_col ul { font-size: 0.75em; margin: 0 0 0 1.1em; padding: 0 0 0 0; }
#featured { margin: .5em 0 0 0; padding: .5em 0 0 0; }
#featured img { float:left; margin-right:0.1em; }
#more_stories { margin-top: 1.4em; }
#more_stories ul { list-style-type: none; margin-left: 0;  }
#more_stories li { 
	background: url(/index_images/home_bullet.gif) 0 0.4em no-repeat; 
	padding: 0 0 0 15px;
	margin: 0 0 .5em 0; }
html>body #more_stories li {
	background: url(/index_images/home_bullet.gif) 0 .1em no-repeat; 
}

#right_col { float: right; width: 13em; margin-right: 0.5em;  }
html>body #right_col { margin-right: 1.0em; }
#right_col h2, #right_col h3{ margin-bottom:0.3em;  }
#right_col a.summary { font-weight:bold;}
#right_col ul { list-style-type: none; margin-left: 0; margin-top: 0; padding: 0; font-size: 0.75em; }
#right_col li { 0 0.4em no-repeat; padding-left: 15px;padding-bottom: 0.3em;  margin-top: 0; }
html>body #right_col li {
}
.link li{
background: url(/index_images/home_bullet.gif) 0 .1em no-repeat; 
}
#right_col p { font-size: 0.75em; }
#right_col h2 { text-align:center; }
#right_col h3 { font-size: 0.75em; }
#right_col ul ul { font-size: 1.0em; }
#events a { font-weight: bold; }


#quick_links { clear: both;padding-top: 1.5em; margin-left: 1em; text-align:center; border-top: 1px;}
#quick_links ul { margin: 0; padding: 0; }
#quick_links li { display: inline; list-style-type: none; font-size: 0.6em;}

#two_col_flow h3 {
	clear: both; padding-top: 1em
}
#two_col_flow li {
	padding: 0; float: left; margin: 0px 20px 0px 0px; width: 14em;
}
#principals-message {
 clear: both;
 padding: 1em; 0.5em;
}

#level-6 {
   clear:both;       /* keep footer below content and menu */	
	 color: #555;
   background: #fff;
font: 0.8em; 
}

#level-6 p {
  font-size: 0.64em;
  padding-bottom: 10px;
  font-family: tahoma, arial, helvetica, sans-serif;	
	color: #555;	 
}

#level-6 p a {	
   color: #555; /* needed becouse footer link would be same color as background otherwise */
}

#level-6 .wrapper {
  padding: 0.7em 0 0 0;
  color: white;
  background: #fff url(/index_images/rep_3.jpg) repeat-x top;
}

#level-6 a:link {	
   color: #555;
}
#level-6 a:visited {	
   color: #555;
}
#level-6 a:hover {	
   color: #555;
}
#bottom_utility {
  margin:0;
font-weight: normal;
font-size: 0.75em;
  padding-bottom: 0.5em;	
	color: #555;
  padding-top: 0.5em;
}
#bottom_utility a:link {	
   color: #555;
}
#bottom_utility a:visited {	
   color: #555;
}
#bottom_utility a:hover {
	color: #555;
}