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

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

th{ text-align:center; }
/* 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, 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 { 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;
}

#banner{
z-index : 9;
position : relative; 
top: 2px;
}

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


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

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

div#aboutri_menu {
	position : absolute;
	top: 78px;
	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: 78px;
	left: 91px;
	
	z-index : 10;
	width: 150px;
	visibility:hidden;
	height: 248px;  /* 31 x 9 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: 78px;
	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: 78px;
	left: 274px;
	
	z-index : 10;
	width: 170px;
	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#careers_menu {
	position : absolute;
	top: 78px;
	left: 379px;	
	z-index : 10;
	width: 265px;
	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: 78px;
	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: 78px;
	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: 78px;
	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#robotfun_menu {
	position : absolute;
	top: 78px;
	left: 691px;	
	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#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;
}

#searchbox {
	width: 190px;
	float:left;
	margin-left: 10px;
	height: 20px;
}

#navFullLocation {
	width: 100%;
	float:right;
	left: 176px;
	height: 15px;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: left;
	background-position: left center;
	font-size: 11px;
	font-style: normal;
	text-transform: capitalize;
	white-space: normal;
	display: inline;
	font-weight: normal;
	font-variant: normal;
	margin-top:10px;
	border:1px;
	border-style:solid;
}

#navLocation {
	width: 745px;
	float:right;
	left: 176px;
	height: 15px;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: left;
	background-position: left center;
	font-size: 11px;
	font-style: normal;
	text-transform: capitalize;
	white-space: normal;
	display: inline;
	font-weight: normal;
	font-variant: normal;
	margin-top:10px;
	border:0px;
	border-style:solid;
}
#navLocation a{text-decoration:none;}
#navLocation a:hover{text-decoration:underline;}

div#menu_title{
	float:left;
	width: 194px;
	margin-top:10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
}

div#columnLeft {
    background-image: url(/images/site_images/sidemenu_bg_repeat_red_side.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	width: 194px;
	float:left;
	margin-top:30px;
	text-align: right;
	top: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom:0px;
	padding-bottom:0px;
	overflow:hidden;
	border:0px;
	border-style:solid;
}
div#columnLeft a{text-decoration:none;}
div#columnLeft a:hover{text-decoration:underline;}
/** Fade */
#fade_line{
    background-image: url(/images/site_images/side_menu_gradient.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 194px;
	height:303px;
	margin-bottom : 0px;
}
#columnMain {
	width:747px;
	height:100%;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top:2px;
	border:0px;
	border-style:solid;
}

#columnFullMain {
	width:100%;
	height:100%;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top:2px;
	border:0px;
	border-style:solid;
}


/* 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;
}
/* About RI */
#expand_menu_1{
	position:absolute;
	float:left;
	left:23px;
	width:200px;
	top:84px;
}

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

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

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

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

/* Education */
#expand_menu_4{
	position:absolute;
	float:left;
	left:541px;
	width:200px;
	top:84px;
}

#expand_menu_org{
	position:absolute;
	float:left;
	left:541px;
	width:250px;
	top:248px;
}

#expand_menu_8{
	position:absolute;
	float:left;
	left:341px;	
	width:200px;
	top:248px;
}

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