/* color.css */
/* Typography and other position, and background ../images also occuring in here too */
/* Lots of styles related to look and feel of dynamic menu items */

html { 
background-color : #fff; }

a:link, a:visited {
text-decoration : none;
color : #660000; }

a:hover{
text-decoration:underline;
}

.style1 {font-size: 13px;  color : #000;}

ul#navmainoptions a {
text-decoration: none;
color : #333; } 

ul#portaloptions a {
text-decoration: none;
color : #333; } 

ul#navmainoptions li.expandedoff a {
text-decoration: none;
color : #660000; } 

ul#portaloptions li.expandedoff a {
text-decoration: none;
color : #660000; } 

ul#footermenu a {
font-size : 9px;
text-decoration: underline;
} 

/* submenus link color controls */

ul#aboutri_menulist a { color: #333; text-decoration: none; }
ul#people_menulist a { color: #333; text-decoration: none; }
ul#research_menulist a { color: #333; text-decoration: none; }
ul#education_menulist a { color: #333; text-decoration: none; }
ul#careers_menulist a { color: #333; text-decoration: none; }
ul#events_menulist a { color: #333; text-decoration: none; }
ul#news_menulist a { color: #333; text-decoration: none; }
ul#giving_menulist a { color: #333; text-decoration: none; }
ul#robotfun_menulist a { color: #333; text-decoration: none; }


/* submenu hover colors and decoration */



div#navmain li.menuon a { color: #660000; text-decoration: underline; }
div#navmain li.expandedon a { color: #660000; text-decoration: underline; font-weight:bold;  }

div#aboutri_menu li.dynamiccoloron a { color: #660000; text-decoration: underline; }
div#people_menu li.dynamiccoloron a { color: #660000; text-decoration: underline; }
div#research_menu li.dynamiccoloron a { color: #660000; text-decoration: underline; }
div#education_menu li.dynamiccoloron a { color: #660000; text-decoration: underline; }
div#careers_menu li.dynamiccoloron a { color: #660000; text-decoration: underline; }
div#events_menu li.dynamiccoloron a { color: #660000; text-decoration: underline; }
div#news_menu li.dynamiccoloron a { color: #660000; text-decoration: underline; }
div#giving_menu li.dynamiccoloron a { color: #660000; text-decoration: underline; }
div#robotfun_menu li.dynamiccoloron a { color: #660000; text-decoration: underline; }

div#portals li.menuon a { color: #660000; text-decoration: underline; }


div#branding {
position : relative;
z-index : 10;
height : 75px;
background : transparent url(/images/site_images/header_logo_namemark.gif) no-repeat 0 0;
}

div#navmain { 
position : relative;
z-index : 1;
height : 31px;
background : transparent url(/images/site_images/menu_bg.gif) no-repeat 0 0;
}

div#portals { 
position : relative;
z-index : 1;
height : 31px;
background : transparent url(/images/site_images/portals_menu_bg.gif) no-repeat 0 0;
}

div#content { 
z-index : 1;
}

div#expandedmenus {
	display: none;
	background: transparent url(/images/site_images/expanding_menu_choice3.jpg) no-repeat 0 0;	
}

ul#navmainoptions {
position : relative;
top : 8px;
left : 0px;
margin : 0;
 }

ul#navmainoptions li {
position : absolute;
height : 31px; 
display : inline; }


ul#portaloptions {
position : relative;
top : 8px;
left : 0px;
margin : 0;
 }

ul#portaloptions li {
position : absolute;
height : 31px; 
display : inline; }


/* POSITION MAIN TOP MENU ITEMS EXACTLY */


li#nav_aboutri {
position : absolute;
left : 15px;
width : 120px;
}

li#nav_people {
position : absolute;
left : 104px;
width : 120px;
}

li#nav_research {
position : absolute;
left : 190px;
width : 120px;
}

li#nav_education {
position : absolute;
left : 288px;
width : 120px;
}

li#nav_careers {
position : absolute;
left : 393px;
width : 120px;
}

li#nav_news {
position : absolute;
left : 492px;
width : 120px;
}

li#nav_events {
position : absolute;
left : 620px;
width : 120px;
}

/*li#nav_robotfun {
position : absolute;
left : 704px;
width : 120px;
}*/

li#nav_giving {
position : absolute;
left : 704px;
width : 120px;
}

li#nav_expanded {
position : absolute;
left : 832px;
width : 120px;
}

/* Portal menu options - place them exactly */

li#portal_faculty {
position : absolute;
left : 204px;
width : 120px;
}

li#portal_prosstudents {
position : absolute;
left : 408px;
width : 140px;
}

li#portal_currstudents {
position : absolute;
left : 630px;
width : 120px;
}

li#portal_visitors {
position : absolute;
left : 832px;
width : 120px;
}

li#intranet {
position : absolute;
left : 660000px;
width : 120px;
}




/* be sure heights and backgrounds set for each submenu list */

ul#aboutri_menulist li{
height : 31px;
background : transparent url(/images/site_images/menu_item_bg.gif) repeat-x 0 0;

}

ul#people_menulist li{
height : 31px;
background : transparent url(/images/site_images/menu_item_bg.gif) repeat-x 0 0;

}

ul#research_menulist li{
height : 31px;
background : transparent url(/images/site_images/menu_item_bg.gif) repeat-x 0 0;

}

ul#education_menulist li{
height : 31px;
background : transparent url(/images/site_images/menu_item_bg.gif) repeat-x 0 0;

}

ul#careers_menulist li{
height : 31px;
background : transparent url(/images/site_images/menu_item_bg.gif) repeat-x 0 0;

}

ul#events_menulist li{
height : 31px;
background : transparent url(/images/site_images/menu_item_bg.gif) repeat-x 0 0;

}

ul#news_menulist li{
height : 31px;
background : transparent url(/images/site_images/menu_item_bg.gif) repeat-x 0 0;

}

ul#robotfun_menulist li{
height : 31px;
background : transparent url(/images/site_images/menu_item_bg.gif) repeat-x 0 0;
}

ul#giving_menulist li{
height : 31px;
background : transparent url(/images/site_images/menu_item_bg.gif) repeat-x 0 0;
}

/* The following one is an example of changing the background of a specific menu item 

ul#education_menulist li#education_4{
height : 31px;
background : transparent url(menu_item_bg_on.gif) repeat-x 0 0;

}


*/



div#navmain p { 
position : absolute;
top : 45px;
left : 35px;
margin : 0px; }

div#navmain h2 { 
position : absolute;
top : -9999px; }

div#portals h2 { 
position : absolute;
top : -9999px; }

a.more_link {
       background: transparent url(/images/site_images/home_more_arrow_button.gif) right center no-repeat;
       padding-bottom: 2px;
       padding-right: 17px;
}
a.more_link_text {
       background: transparent url(/images/site_images/home_more_arrow_button.gif) right center no-repeat;
       padding-bottom: 2px;
       padding-right: 17px;
}