html { min-height: 100%; margin-bottom: 1px; } /* Force scrollbar in Firefox */

body
{
  margin-top: 0px;
  text-align: center;
  font-size: 12px;
  font-family: arial;
  background: #4E8D8E url('../images/rpl_bg_main.jpg') top left repeat-x;
}

table
{
  font-size: 12px;
  font-family: arial;
}

#container
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 930px;
}

#header
{
  width: 930px;
  height: 114px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: url('../images/toplogo2.jpg') top left no-repeat;
}

a#homelink
{
  display: block;
  float: left;
  position: relative;
  top: 10px;
  left: 15px;
  width: 460px;
  height: 90px;
  outline: none;
}

#front_content {
float:left;
padding:0;
margin: 0 13px;
width:620px;
border:red 0px solid;
}

#front_content h2
{
  padding: 7px;
  margin-bottom: 0px;
  background-color: #9F9F9F;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #4E8D8E;
}

#front_content p
{
  margin-top: 0px;
}

#mainmid {
float:left;
padding:0;
margin: 0px;
width:256px;
border:0;
}

#mainmid p.home_event
{
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: verdana;
  font-size: 8pt;
}

strong.event_title
{
  display: block;
  padding-bottom: 5px;
}

#mainmid p.home_event p
{
  margin-top: 0px;
  padding: 0px;
}

.mainmidtop {
padding:0;
margin:0;
background: url('../images/news_head.gif') no-repeat top left;
border:0;
width:258px;
height:39px;
}
.mainmidtop h2 {
font-size:18px;
font-weight:normal;
padding:11px 0 0 15px;
margin:0;
}
.mainmidbox {
padding:12px 2px 10px 0;
margin:0;
width:254px;
background:#D5E1E1;
border-top:#98B3B3 1px solid;
border-bottom:#98B3B3 1px solid;

}

#spec_nav
{
  margin-top: 20px;
  text-align:center;
}

#spec_nav ul, #spec_nav ul li
{
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
  height: 26px;
}

#spec_nav li
{
  margin-right: 2px;  
  text-align:center;
}

li#spec_nav1, li#spec_nav2, li#spec_nav3
{
  display: inline;
  margin: 0px;
  padding: 5px;
  height: 26px;
  text-decoration: none;
  color: #000000;
  text-align:center;
}

li#spec_nav1 a, li#spec_nav2 a, li#spec_nav3 a
{
  display: block;
  float: left;
  margin-right: 5px !important;
  margin-right: 0px;
}

li#spec_nav1 a
{
  width: 91px;
  height: 26px;
  padding-top:6px;
  background: url('../images/bt_top1.gif') no-repeat top left;
}

li#spec_nav1 a:hover
{
  background: url('../images/bt_top1_on.gif') no-repeat top left;
  text-decoration: none;
}

li#spec_nav2 a
{
  width: 127px;
  height: 26px;
  padding-top:6px;
  background: url('../images/bt_top2.gif') no-repeat top left;
}

li#spec_nav2 a:hover
{
  background: url('../images/bt_top2_on.gif') no-repeat top left;
  text-decoration: none;
}

li#spec_nav3 a
{
  width: 150px;
  height: 26px;
  padding-top:6px;
  background: url('../images/bt_top3.gif') no-repeat top left;
}

li#spec_nav3 a:hover
{
  background: url('../images/bt_top3_on.gif') no-repeat top left;
  text-decoration: none;
}

#abstopnav
{
  float: right;
  position: relative;
  top: 15px;
  margin-right: 20px;
  color: #6DA2A2;
  text-align:right;
}

#abstopnav a
{
  color: #0A5C69;
  text-decoration: none;
}

#abstopnav a:hover, #abstopnav a.active
{
  color: #0A5C69;
  text-decoration: underline;
}

.topinput
{
  padding: 2px 3px;
  width: 100px;
  height: 18px;
  border: 0px solid #007C7C;
  color:#888;
  font-size:11px;
  vertical-align: middle;
}

.gobutton
{
  height: 22px;
  font-size: 11px;
  background-color: #98B3B3;
  border: 1px solid #FFFFFF;
  vertical-align: middle;
}

/**  TOP NAVIGATION  **/

/* http://65.73.54.13/ */

#navigation
{
  height: 37px;
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

ul#topnav
{
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

ul#topnav li
{
  float: left;
  list-style-type: none;
}

ul#topnav li a
{
  height: 37px;
  display: block;
  text-indent: -9999px;
  outline: none;
}

/* Home */

li#menu_home a
{
  background: url('../images/nav_home_off.gif');
  width: 66px;
  left: 0px;
}

li#menu_home a:hover
{
  background: url('../images/nav_home_on.gif');
}

li#menu_home a.current, li#menu_home a.current:hover
{
  background: url('../images/nav_home_active.gif');
}

/* About */

li#menu_abou a
{
  background: url('../images/nav_about_off.gif');
  width: 109px;
  left: 66px;
}

li#menu_abou a:hover
{
  background: url('../images/nav_about_on.gif');
}

li#menu_abou a.current, li#menu_abou a.current:hover
{
  background: url('../images/nav_about_active.gif');
}

/* Members */

li#menu_memb a
{
  background: url('../images/nav_member_off.gif');
  width: 141px;
  left: 175px;
}

li#menu_memb a:hover
{
  background: url('../images/nav_member_on.gif');
}

li#menu_memb a.current, li#menu_memb a.current:hover
{
  background: url('../images/nav_member_active.gif');
}

/* Catalogs */

li#menu_cata a
{
  background: url('../images/nav_library_off.gif');
  width: 135px;
  left: 316px;
}

li#menu_cata a:hover
{
  background: url('../images/nav_library_on.gif');
}

li#menu_cata a.current, li#menu_cata a.current:hover
{
  background: url('../images/nav_library_active.gif');
}

/* Resources */

li#menu_reso a
{
  background: url('../images/nav_online_off.gif');
  width: 144px;
  left: 451px;
}

li#menu_reso a:hover
{
  background: url('../images/nav_online_on.gif');
}

li#menu_reso a.current, li#menu_reso a.current:hover
{
  background: url('../images/nav_online_active.gif');
}

/* Forms */

li#menu_form a
{
  background: url('../images/nav_publications_off.gif');
  width: 167px;
  left: 595px;
}

li#menu_form a:hover
{
  background: url('../images/nav_publications_on.gif');
}

li#menu_form a.current, li#menu_form a.current:hover
{
  background: url('../images/nav_publications_active.gif');
}

/* Calendar */

li#menu_cale a
{
  background: url('../images/nav_calendar_off.gif');
  width: 152px;
  left: 762px;
}

li#menu_cale a:hover
{
  background: url('../images/nav_calendar_on.gif');
}

li#menu_cale a.current, li#menu_cale a.current:hover
{
  background: url('../images/nav_calendar_active.gif');
}

/**  BODY  **/
#page {
  width: 930px;
  background: #FFFFFF;
}
#content
{
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  padding-bottom: 10px;
  margin-top: 0px;
  text-align: center;
}

#content_top
{
  width: 930px;
  margin-top: 7px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 10px 0px;
  text-align: left;
  background: #FFFFFF;
}

#content_top h1, #content_right h1
{
  font-size: 18px;
  margin-top: 0px;
  padding: 0 10px;
}

#content_top p, #content_right p
{
  padding: 0 20px;
}

#content_top a, #content_right a
{
  color: #10686C;
  text-decoration: none;
  border-bottom: 1px dotted #10686C;
}

#content_top a:hover, #content_right a:hover
{
  color: #888888;
  text-decoration: none;
  border-bottom: 1px dotted #888888;
}

#content_top ul, #content_right ul
{
  list-style-type: circle;
  margin-top: 5px;
}

#content_top li, #content_right li
{
  list-style-type: circle;
  padding: 5px 20px 5px 0;
}

#content_left
{
  float: left;
  margin-left: 20px !important;
  margin-left: 10px;
  width: 200px;
  text-align: left;
}

#left_nav
{
  /*border-top: 1px solid #404794;*/
  border-top: 1px solid #10686C;
  border-left: 1px solid #10686C;
}

#left_nav a
{
  display: block;
  margin: 0px;
  padding: 5px;
  border-right: 1px solid #10686C;
  border-bottom: 1px solid #10686C;
  text-decoration: none;
  color: #000000;
  background-color: #D9E7E7;
}

#left_nav a:hover
{
  display: block;
  margin: 0px;
  border-right: 1px solid #10686C;
  border-bottom: 1px solid #10686C;
  color: #10686C;
  background-color: #FFFFFF;
}

#left_nav a.section
{
  font-weight: bold;
}

#left_nav a.subsection
{
  font-weight: bold;
  padding-left: 10px;
  border-left: 3px solid #10686C;
  color: #10686C;
}

#left_nav a.page
{
  font-weight: normal;
  padding-left: 15px;
  border-left: 6px solid #10686C;
  color: #000000;
}

#left_nav a.current
{
  color: #0F676B;
  background: #FFFFFF url('/images/currentright_teal.gif') 98% center no-repeat;
}

#content_right
{
  float: right;
  width: 690px;
  margin-right: 5px;
  text-align: left;
  background: #FFFFFF;
}

#content_right table
{
  margin-left: 20px;
  border-top: 1px solid #10686C;
  border-left: 1px solid #10686C;
}

#content_right th
{
  border-right: 1px solid #10686C;
  border-bottom: 1px solid #10686C;
}

#content_right td
{
  border-right: 1px solid #10686C;
  border-bottom: 1px solid #10686C;
}

#content_right select
{
  width: 400px;
  border: 1px solid #10686C;
}

#footer
{
  clear: all;
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 20px 0 20px 0;
  background: #FFFFFF;
  border-bottom: 1px solid #10686C;
}

#footertext
{
  width: 875px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px solid #CCCCCC;
  padding: 10px 0 10px 0;
}

#footertext p
{
  color: #888888;
}

#footertext a
{
  color: #888888;
  text-decoration: none;
  border-bottom: 1px dotted #888888;
}

#footertext a:hover
{
  color: #10686C;
  text-decoration: none;
  border-bottom: 1px dotted #10686C;
}

#alerts
{
  width: 500px;
  padding: 0px;
  margin: 5px auto 15px auto;
  text-align: center;
  color: #000000;
  font-weight: bold;
}

#alerts p
{
  padding: 5px 5px 5px 45px;
  margin: 0px;
  background: #FFCCCC url('/images/alert_box_bg.gif') 10px center no-repeat;
  border-left: 1px solid #FF0000;
  border-right: 1px solid #FF0000;
  text-align: left;
}

div.alert_top
{
  width: 500px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  background: url('/images/alert_top_bg.jpg') top left no-repeat;
}

div.alert_bot
{
  width: 500px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  background: url('/images/alert_bot_bg.jpg') top left no-repeat;
}

div.mainbox
{
  width: 580px;
  margin: 15px 0 5px 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #98B3B3;
}

form.contactform
{
  width: 400px;
  margin-left: 20px;
}

input.textinput
{
  width: 100%;
}

textarea.textinput
{
  width: 100%;
  height: 100px;
}