/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* layout.css */

html 	{ text-align : center;}

body { 
position : relative; 
width : 957px; 
margin : 0 auto; 
text-align : left;
padding-top : 0px;
}

#flashMovie{
position : relative; 
z-index : 1;
top: 2px;
}

div#content { 
position : relative; 
width : 100%;
}


div#contentmain {
	top: 20px;
	left : 176px;
	width : 295px;
	background-color: #fff;
	overflow: auto;
	
}

/* Top dynamic menus */
/* positions and details about their width and overall height */

div#aboutri_menu {
	position : absolute;
	top: 106px;
	left: 0px;
	
	z-index : 10;
	width: 139px;
	visibility:hidden;
	height: 124px;  /* 31 x 6 menu items = 186 */
	
	overflow:hidden;
	background-color: #eee;
	border-left: 1px;
	border-right: 1px;
	border-color:#CCCCCC;
	border-left-style:solid;
	border-right-style:solid;
	
}

div#people_menu {
	position : absolute;
	top: 106px;
	left: 91px;
	
	z-index : 10;
	width: 150px;
	visibility:hidden;
	height: 248px;  /* 31 x 8 menu items = 279 */
	
	overflow:hidden;
	background-color: #eee;
	border-left: 1px;
	border-right: 1px;
	border-color:#CCCCCC;
	border-left-style:solid;
	border-right-style:solid;
	
}

div#research_menu{
	position : absolute;
	top: 106px;
	left: 175px;
	
	z-index : 10;
	width: 190px;
	visibility:hidden;
	height: 217px;  /* 31 x 7 menu items = 217 */
	
	overflow:hidden;
	background-color: #eee;
	border-left: 1px;
	border-right: 1px;
	border-color:#CCCCCC;
	border-left-style:solid;
	border-right-style:solid;
}

div#education_menu {
	position : absolute;
	top: 106px;
	left: 274px;
	
	z-index : 10;
	width: 170px;
	visibility:hidden;
	height: 186px;  /* 31 x 5 menu items = 155 */
	
	overflow:hidden;
	background-color: #eee;
	border-left: 1px;
	border-right: 1px;
	border-color:#CCCCCC;
	border-left-style:solid;
	border-right-style:solid;
}

div#careers_menu {
	position : absolute;
	top: 106px;
	left: 379px;
	
	z-index : 10;
	width: 270px;
	visibility:hidden;
	height: 217px;  /* 31 x 7 menu items = 217 */
	
	overflow:hidden;
	background-color: #eee;
	border-left: 1px;
	border-right: 1px;
	border-color:#CCCCCC;
	border-left-style:solid;
	border-right-style:solid;
}

div#news_menu {
	position : absolute;
	top: 106px;
	left: 480px;
	
	z-index : 10;
	width: 170px;
	visibility:hidden;
	height: 93px;  /* 31 x 2 menu items = 62 */
	
	overflow:hidden;
	background-color: #eee;
	border-left: 1px;
	border-right: 1px;
	border-color:#CCCCCC;
	border-left-style:solid;
	border-right-style:solid;
}

div#events_menu {
	position : absolute;
	top: 106px;
	left: 606px;
	
	z-index : 10;
	width: 150px;
	visibility:hidden;
	height: 62px;  /* 31 x 2 menu items = 62 */
	
	overflow:hidden;
	background-color: #eee;
	border-left: 1px;
	border-right: 1px;
	border-color:#CCCCCC;
	border-left-style:solid;
	border-right-style:solid;
}

div#giving_menu {
	position : absolute;
	top: 106px;
	left: 691px;
	
	z-index : 10;
	width: 180px;
	visibility:hidden;
	height: 62px;  /* 31 x 2 menu items = 62 */
	
	overflow:hidden;
	background-color: #eee;
	border-left: 1px;
	border-right: 1px;
	border-color:#CCCCCC;
	border-left-style:solid;
	border-right-style:solid;
}

div#branding, div#footer, div#navmain{
width : 100%; }

div#branding h1 { 
position : absolute;
top : -9999px; 
left : -9999px; }

div#branding blockquote {
font-family: Verdana, sans-serif; color : #000; font-size: 12px; 
font-style: italic;
font-weight: normal;
position : absolute;
top : -9999px; 
left : -9999px;}

/*  Footer not being used yet */
div#footer {
	position: relative;
	height: 120px;
	z-index: 1;
	border-left-width:1px;
	border-left-color:#999;
	border-left-style:solid;
	border-right-width:1px;
	border-right-color:#999;
	border-right-style:solid;
	background : transparent url(/images/site_images/footer_bg.gif) no-repeat 0 0;
}
/* There is an issue with the footer background image or the footer div.
Sometimes in firefox - as on the process overview page -  I see some whitespace in firefox as if there is a break or margin issue from a stray style
Or there is an issue when the side nav (navsec) is longer than the main content area.  Not sure at this point.
*/

div#footermenu { 
position: absolute;
left: 176px;
height: 1px;
top: 65px;
}

div#footerend { 
position: absolute;
left: 176px;
top: 80px;
}

#columnLeft {
	width: 20%;
	float:left;
	background: white;
	padding-bottom: 1em;
	text-align: left;
	top: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#searchbox {
	width: 20%;
	float:left;
	background: white;
	text-align: left;
	left: auto;
	height: 20px;
	top: 290px;
	position: absolute;
}

#navLocation {
	width: 80%;
	float:right;
	left: 176px;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: left;
	background-position: left center;
	font-size: 13px;
	font-style: normal;
	text-transform: capitalize;
	padding: 1px;
	white-space: normal;
	display: inline;
	font-weight: normal;
	font-variant: normal;
	line-height: 2em;
}

#columnMain {
	width:80%;
	height:auto;
	float:left;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* These classes in conjunction with the javascript make the footer appear at the bottom of the page based
on the height of the div with the tallest content. */

/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

tr.even{
	background-color: #FFFF99;
}
tr.odd{
	background-color: #FFFFCC;
}

.index_footer{
padding: 3px 0.5em;
margin-top: 10px;
font-size: 11.5px;
}

/* About RI */
#expand_menu_1{
	position:absolute;
	float:left;
	left:23px;
	width:200px;
	top:111px;
}

/* Career */
#expand_menu_5{
	position:absolute;
	float:left;
	left:700px;
	top:111px;
	width:300px;
}

/* People */
#expand_menu_2{
	position:absolute;
	float:left;
	left:190px;
	width:200px;
	top:111px;
}

/* News & Media */
#expand_menu_6{
	position:absolute;
	float:left;
	left:23px;
	width:200px;
	top:280px;
}

/* Research */
#expand_menu_3{
	position:absolute;
	float:left;
	left:341px;
	width:200px;
	top:111px;
}
/* Events */
#expand_menu_7{
	position:absolute;
	float:left;
	left:190px;
	width:200px;
	top:280px;
}

/* Education */
#expand_menu_4{
	position:absolute;
	float:left;
	left:541px;
	width:200px;
	top:111px;
}
/* intranet */
#expand_menu_8{
	position:absolute;
	float:left;
	width:200px;
	left:341px;
	top:280px;
}

/* organization */
#expand_menu_org{
	position:absolute;
	float:left;
	left:541px;
	top:280px;
	width:250px;
}

.expand_menu_items{
	font-size:13px;
	font-weight:normal;
	list-style:none;
}

