/*
#587A8C - light blue
#C1B603 - yellow
*/

BODY {
  margin: 0;
  padding: 0;
  background: #FFFFFF url(../images/background.jpg) repeat-x;
  color: #587A8C;
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 1.3em;
}

IMG {
  border: 0;
}

HR {
  border: 0;
  border-top: 1px solid #000000; /* the border */
  height: 1px; /* whatever the total width of the border-top and border-bottom equal */
}

FORM {
  padding-bottom: 0;
  margin-bottom: 0;
}

A:link, A:visited  {
  color: #C1B603;
  text-decoration: none;
  font-weight: bold;
}
A:hover, A:active  {
  color: #969696;
}

#wrap-outer {
  background: url(../images/background-wrap.jpg) no-repeat top center;
  padding-top: 17px;
  min-height: 477px;
}

#header {
  width: 975px;
  height: 170px;
  line-height: 1em;
  margin: 0 auto;
  background: url(../images/background-header.png) no-repeat;
  position: relative;
  z-index: 9;
}
* html #header {
  background: url(../images/background-header.gif) no-repeat;
}

UL.menu {
  margin: 0;
  padding: 42px 0 0 9px;
  list-style-type: none;
  position: absolute;
  bottom: 6px;
  left: 0;
}

UL.menu LI {
  float: left;
  position: relative;
}
* html UL.menu LI {
  width: 30px;
  white-space: nowrap;
}

UL.menu LI A:link, UL.menu LI A:visited {
  display: block;
  height: 27px;
  line-height: 27px;
  padding: 0 20px;
  border-left: 1px solid #798393;
  color: #DCDCD9;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}
UL.menu LI.item1 A {
  border: 0;
}
UL.menu LI A:hover, UL.menu LI A:active {
  color: #A6C1C9;
}

UL.menu LI UL {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: absolute;
  top: 27px;
  visibility: hidden;
  background: #5E7A9F;
}

UL.menu LI:hover UL {
  visibility: visible;
}

UL.menu LI UL LI {
  float: none;
  padding: 0 10px;
  margin: 0;
}
UL.menu LI UL LI:hover {
  background: #465D7A;
}

UL.menu LI UL LI A:link, UL.menu LI UL LI A:visited  {
  display: block;
  height: 18px;
  line-height: 18px;
  padding: 0;
  border-left: 0;
  color: #DCDCD9;
  font-size: 12px;
  text-decoration: none;
  text-transform: none;
  margin: 0;
  white-space: nowrap;
}
UL.menu LI UL LI A:hover, UL.menu LI UL LI A:active  {
  color: #A6C1C9;
}

#wrap {
  width: 975px;
  margin: 0 auto;
  background: url(../images/content-sides.png) repeat-y;
}
* html #wrap {
  background: url(../images/content-sides.gif) repeat-y;
}

#wrap-inner {
  width: 961px;
  min-height: 447px;
  margin: 0 auto;
  background: url(../images/ToEnhance.jpg) no-repeat 0 0;
  padding-bottom: 33px;
}

#wrap-inner-sub {
  width: 961px;
  min-height: 166px;
  margin: 0 auto;
  background: url(../images/background-inner.jpg) no-repeat top left;
}

#header-lower {
  height: 230px;
  position: relative;
  color: #969696;
}

#header-lower-sub {
  height: 49px;
  line-height: 49px;
  font-size: 28px;
  font-weight: bold;
  color: #C1B603;
}

#hl-links {
  position: absolute;
  top: 200px;
  left: 370px;
  width: 570px;
  text-align: center;
}
#hl-links A:link, #hl-links A:visited  {
  color: #969696;
}
#hl-links A:hover, #hl-links A:active  {
  color: #C1B603;
}

#content {
  width: 850px;
  padding: 25px 25px 0 25px;
  margin: 0 auto;
  border: 1px solid #DEDEDE;
  background: #FFFFFF;
}

#main-bot {
  clear: both;
  padding-bottom: 25px;
}
* html #main-bot {
  padding-bottom: 0;
}

#left {
  float: left;
  width: 307px;
}

A#register, A#renew, A#join  {
  display: block;
  width: 200px;
  height: 30px;
  text-decoration: none;
  margin: 0 0 4px 6px;
}
A#register  {
  background: url(../images/button_register.jpg) no-repeat 0 0;
}
A#renew  {
  background: url(../images/button_renew.jpg) no-repeat 0 0;
}
A#join  {
  background: url(../images/button_join.jpg) no-repeat 0 0;
}
A#register:hover, A#renew:hover, A#join:hover  {
  background-position: 0 -30px;
}

#center {
  float: left;
  width: 235px;
  padding: 10px 30px 10px 25px;
  border-left: 1px solid #C5D1D6;
  border-right: 1px solid #C5D1D6;
}

#center A:link, #center A:visited  {
  color: #587A8C;
  text-decoration: none;
  font-weight: normal;
}
#center A:hover, #center A:active  {
  color: #C1B603;
  text-decoration: underline;
}

#right {
  float: left;
  padding-left: 20px;
}

#sub-bot {
  width: 975px;
  height: 7px;
  margin: 0 auto;
  background: url(../images/content-bottom-t.png);
}

#sidebar {
  float: right;
  width: 175px;
}

UL.menu2009-summer, UL.menu-resources, UL.menu-careers, UL.menu-mentorship {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

UL.menu2009-summer LI.item14 A {
  background: url(../../../images/wio/button2009home.jpg) no-repeat;
}
UL.menu2009-summer LI.item15 A {
  background: url(../../../images/wio/button2009viewtheprogram.jpg) no-repeat;
}
UL.menu2009-summer LI.item16 A {
  background: url(../../../images/wio/button2009submitanabstract.jpg) no-repeat;
}
UL.menu2009-summer LI.item17 A {
  background: url(../../../images/wio/button2009registernow.jpg) no-repeat;
}
UL.menu2009-summer LI.item18 A {
  background: url(../../../images/wio/button2009bookaroom.jpg) no-repeat;
}
UL.menu2009-summer LI.item19 A {
  background: url(../../../images/wio/button2009getnetworked.jpg) no-repeat;
}

UL.menu-resources LI.item34 A {
  background: url(../../../images/wio/buttonNews.jpg) no-repeat;
}
UL.menu-resources LI.item35 A {
  background: url(../../../images/wio/buttonPages.jpg) no-repeat;
}
UL.menu-resources LI.item36 A {
  background: url(../../../images/wio/buttonFacebook.jpg) no-repeat;
}
UL.menu-resources LI.item37 A {
  background: url(../../../images/wio/buttonHands.jpg) no-repeat;
}
UL.menu-resources LI.item43 A {
  background: url(../../../images/wio/buttonMultimedia.jpg) no-repeat;
}
UL.menu-resources LI.item44 A {
  background: url(../../../images/wio/buttonLinks.jpg) no-repeat;
}

UL.menu-careers LI.item38 A {
  background: url(../../../images/wio/buttonJob.jpg) no-repeat;
}
UL.menu-careers LI.item39 A {
  background: url(../../../images/wio/buttonResearchers.jpg) no-repeat;
}
UL.menu-careers LI.item40 A {
  background: url(../../../images/wio/buttonLecture.jpg) no-repeat;
}

UL.menu-mentorship LI.item45 A {
  background: url(../../../images/wio/buttonDownload.jpg) no-repeat;
}
UL.menu-mentorship LI.item46 A {
  background: url(../../../images/wio/buttonJoin.jpg) no-repeat;
}

UL.menu2009-summer LI A:link, UL.menu2009-summer LI A:visited,
UL.menu-resources LI A:link, UL.menu-resources LI A:visited,
UL.menu-careers LI A:link, UL.menu-careers LI A:visited,
UL.menu-mentorship LI A:link, UL.menu-mentorship LI A:visited {
  display: block;
  width: 151px;
  height: 28px;
  line-height: 28px;
  padding-left: 49px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 3px;
}

UL.menu-resources LI A:link, UL.menu-resources LI A:visited,
UL.menu-careers LI A:link, UL.menu-careers LI A:visited,
UL.menu-mentorship LI A:link, UL.menu-mentorship LI A:visited {
  width: 170px;
  padding-left: 40px;
}

UL.menu2009-summer LI A:hover, UL.menu2009-summer LI A:active,
UL.menu-resources LI A:hover, UL.menu-resources LI A:active,
UL.menu-careers LI A:hover, UL.menu-careers LI A:active,
UL.menu-mentorship LI A:hover, UL.menu-mentorship LI A:active {
  color: #C1B603;
}

A.button:link, A.button:visited {
  display: block;
  width: 161px;
  height: 28px;
  line-height: 28px;
  padding-left: 49px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 3px;
}

A.button:hover, A.button:active {
  color: #C1B603;
}