/* -- OrthoCarolina Research Institute . Jan 2011  |  YPerez -- */

/* -- Main Navigation -- */
#navigation{ float: left; width: 235px; }
#navigation ul{ padding: 0; margin: 0 0 0 4px; }

#navigation ul li { margin: 0; padding: 0; list-style: none; }
#navigation ul a { float: left; width: 256px; height: 35px; text-indent: -9999em; }
#navigation ul a:hover, #navigation ul a.selected { background-position: -256px 0; }

#about a{ background: url('/images/buttons/nav-about.png') top left no-repeat; }
#staff a{ background: url('/images/buttons/nav-staff.png') top left no-repeat; }
#research a{ background: url('/images/buttons/nav-research.png') top left no-repeat; }
#publications a{ background: url('/images/buttons/nav-publications.png') top left no-repeat; }
#events a{ background: url('/images/buttons/nav-events.png') top left no-repeat; }
#careers a{ background: url('/images/buttons/nav-careers.png') top left no-repeat; }
#contact a{ background: url('/images/buttons/nav-contact.png') top left no-repeat; }
#difference a{ background: url('/images/buttons/nav-difference.png') top left no-repeat; }


/* -- Sub Navigation -- */
#imagepanel img { float: left; clear:both;}
#subnav{ float: left; width: 732px; height: 25px; background: #000; padding-top: 10px; position: relative; z-index: 99; bottom: 0; clear:both;}
#subnav ul{ padding: 0; margin: 0 0 0 4px; }

#subnav ul li { margin: 0; padding: 0; list-style: none; display: inline; }
#subnav ul a { color: #fff; font-family: font-family: 'Molengo', arial, serif; font-size: 14px; text-transform: uppercase; margin: 0 15px;}
#subnav ul a:hover, #subnav ul a.selected { color: #dea73d; text-decoration: none; }

.donate { position: absolute; right: 5px; top: 6px;}