@import url("content.css");
@import url("prettyPhoto.css");
@import url("photogallery2.css");
@import url("gallery.css");

html {
  background: #FEFEFE url("/images/html_bg.jpg") 0 0 repeat-x;
}

body {
  position: relative;
  width: 963px;
  margin: 0px auto;
  padding-top: 156px;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	background: transparent;
}

#rightCont, #rightCol {  
  position: relative;
  width: 746px;
  padding-bottom: 15px;
  min-height: 470px; _height: 470px;
  float: right;
  font-size: 1.2em;
  background: transparent url("/images/border.jpg") 0 0 repeat-y;
}

#rightCol {
  width: 724px;
  padding-left: 22px;
}
#rightCol span.borderFadeout, #rightCont span.borderFadeout {position: absolute; left: 0px; bottom: 0px; display: block; width: 2px; height: 280px; background: url("/images/border_fadeout.jpg") 0 0 no-repeat;}
#rightCol .institute-funds-link {display: inline-block; height: 1.6em; line-height: 1.6em; padding: 0 5px; font-size: 1.3em; font-weight: bold; color: #FFFFFF; background-color: #003600;}

#text { /* width = 505px */
  width: 483px;
  padding-left: 22px;
  float: left;
  background: transparent;
}
#text span.hp_img {display: block; padding-bottom: 15px;}
#text span.hp_img img {padding: 0px;}

#sidePanel { /* width = 241px */
  width: 219px;
  padding-left: 22px;
  float: left;
  background: transparent;
	_width: 216px;
}
#sidePanel a {text-decoration: none;}
#sidePanel a:hover, #sidePanel a.more:hover, #text a.more:hover {text-decoration: underline;}
#sidePanel h3 {margin-top: 0px; margin-bottom: 4px;}
#sidePanel a.more, #text a.more {float: right; display: block; padding-right: 15px; text-decoration: none; background: url("/images/more_bg.jpg") 100% 2px no-repeat;}

a.moreLeft {display: block; margin-top: -8px; margin-bottom: 15px; width: 35px; padding-right: 15px; text-decoration: none; background: url("/images/more_bg.jpg") 100% 2px no-repeat;}

#leftCol { /* width = 218px */
  position: relative;
  width: 194px; /width: 190px;
  height: 30px;
  padding-right: 24px;
  text-align: right;
  font-size: 1em;
  background: transparent;
}
#leftCol h3.fat {margin: 0px; padding: 5px 10px 5px 5px; text-align: right; padding-right: 3px; border-bottom: 2px #003700 solid; }
#leftCol h3.fat a {color: #003700; text-transform: uppercase; font-weight: bold; text-decoration: none; display: block; }
#leftCol h3.fat a:hover, #leftCol h3.fat a.active {text-decoration: none; }
#leftCol ul.menu {padding: 0px; margin: 0px; margin-bottom: 15px;  list-style: none;}
#leftCol ul.menu li {font-style: normal; background: url("/images/submenu_li_bg.jpg") 100% 100% no-repeat; _height: 1px;}
#leftCol ul.menu li.last {background-image: none;}
#leftCol ul.menu li a {display: block; _width: 190px; padding: 6px 0px; margin: 0px; color: #616161; font-size: 1.2em; text-transform: uppercase; text-decoration: none;}
#leftCol ul.menu li a:hover, #leftCol ul.menu li a.active {position: relative; width: 194px; /width: 190px; padding-right: 25px; /padding-right: 29px; _padding-right: 0px; color: #AE8C1F; background: url("/images/submenu_li_hover.gif") 100% 2px no-repeat; _background-image: none;  z-index: 10;}

#header {
  position: absolute;
  top: 0px; left: 0px;
  height: 130px;
  width: 963px;
  font-size: 1em;
  background: url("/images/header_bg.jpg") 0 11px no-repeat;
}
#header a#logo {position: absolute; top: 10px; left: 15px; display: block; width: 190px; height: 0px; padding-top: 60px; overflow: hidden; cursor: pointer;}
#header ul.menu {position: absolute; left: 215px; bottom: 0px; _bottom: -4px; padding: 0px; margin: 0px; list-style: none;}
#header ul.menu li {float: left; margin: 0px; padding: 4px 13px 4px 12px; font-style: normal; background: #003600 url("/images/menu_separator.gif") 100% 6px no-repeat;}
#header ul.menu li.last {background: none;} 
#header ul.menu li a {display: block; float: left; padding: 2px 0px; font-size: 1.2em; color: #FFFFFF; text-transform: uppercase; text-decoration: none;}
#header ul.menu li a:hover, #header ul.menu li a.active {border-bottom: 2px solid #FFFFFF; padding-bottom: 0px;}

#footer {
  height: 30px;
  font-size: 1em;
  border-top: 1px solid #000000;
  background: transparent;
}
#footer ul {float: left; width: 600px; padding: 0px; margin: 5px; list-style: none;}
#footer ul li {float: left; padding: 4px 7px 4px 6px; font-style: normal; background: url("/images/footer_menu_separator.gif") 100% 8px no-repeat;}
#footer ul li.last {background-image: none;}
#footer ul li a {display: block; float: left; padding: 2px 6px; color: #000000; font-size: 1.2em; text-decoration: none; text-transform: uppercase;}
#footer ul li a:hover {text-decoration: underline;}
#footer p.copy {float: right; padding-top: 3px; _padding-top: 12px; margin-right: 15px;}

#logo_print {display: none;}

p.navigation {padding: 5px 8px; background: #999999;}
p.navigation a {padding: 0px 3px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
p.navigation a:hover {text-decoration: underline;}
p.fileBoard {text-align: left;}
p.fileBoard a {display: block; padding-left: 35px; margin-bottom: 3px; color: #474747; text-decoration: none; background: url("/images/file_ico.gif") 0 0 no-repeat;}
p.fileBoard a:hover {text-decoration: underline !important;}