/********************************************/
/* basic-link-r.css for Rhubarb Jam        */
/********************************************/
/* Global formatting styles                 */
/********************************************/
body{
  font-family: Verdana,Arial,sans-serif;
  color: #333;
  line-height: 1.166;	
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6{
  font-family: Verdana,Arial,sans-serif;
  margin: 0px;
  padding: 0px;
}

h1{
  font-family: Arial,sans-serif;
  font-size: 133%;
  color: #069;
  text-align: center;
}

h2{
  font-size: 125%;
  color: #069;
}

h3{
  font-size: 115%;
  color: #334d55;
}

h4{
  font-size: 95%;
  color: #334d55;
  font-weight: 600;
}

h5{
  font-size: 95%;
  color: #334d55;
  font-style: italic;
}

ul{
  list-style-type: square;
}

ul ul{
  list-style-type: disc;
}

ul ul ul{
  list-style-type: none;
}

li{
margin: 0;
padding: 0;
}

label{
  font: bold 100% Arial,sans-serif;
  color: #334d55;
}

.nowrap{
  white-space: nowrap;
}

.clear{
  clear: both;
}

/********************************************/
/* HTML tag styles                             */
/********************************************/
a:link, a:visited, a:hover a:active{
  color: #006699;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

/********************************************/
/* Layout Divs                                 */
/********************************************/
#masthead{
  background-color: #f9f8e4;
  margin: 0;
  padding: 10px 0px 8px 0px;
  border-bottom: 1px solid #ccc;
  width: 100%;
}

#welcban{
  margin: 10px auto 0 auto;
  padding: 0;
  border-bottom: 1px solid #ccc;
  width: 100%;
  }

#content{
  margin: 0 1% 0 2%;
  padding: 0px 0px 20px 10px;
  clear: both;
  font-size: 90%;
}

#linkSet{
  margin: 0 0 0 82%;
  padding: 0;
  background-color: #eee;
  border-left: 1px solid #ccc;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

#linkSet-g{
  margin: 3px 0 0 0;
  padding: 0;
  background-color: #eee;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  float: right;
}

#footer{
  margin: 0;
  padding: 0;
}

#logo{
  background: #eec url(../image/photos/welcometorhubarbjam750.jpg);
  width: 750px;
  height: 131px;
  margin: 3px 0 0 0;
  padding: 0;
}
#logo2{
  background: #eec;
  width: 750px;
  margin: 0 0 10px 0px;
  padding: 0;
  text-align: center;
}

/********************************************/
/*Component Divs                               */
/********************************************/
#topBanner{
  margin: 0px;
  padding: 0 0 10px 10px;
}

/************* #globalNav styles **************/
#globalNav{
  padding: 0 0 1px 0;
  margin: 0 0 0 4px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

#globalNav a{
  font-weight: 600;
  font-size: 90%;
  padding: 0px 8px;
}

ul#navlist{
  padding: 0 0 0 5px;
  margin: 0;
  white-space: nowrap;
}

#navlist li{
  display: inline;
  list-style: none;
}

#globalNav2{
  height: 1.125em;
  padding: 0;
  margin: -1px 0 0 0;
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}

/*styles for section-link list items in global nav lists*/
.sec-1-button, .sec-1-button a:link, .sec-1-button a:visited, .sec-1-button a:hover, .sec-1-button a:active{
  background-color: #58a;
  color: #ffa;
}

.sec-2-button, .sec-2-button a:link, .sec-2-button a:visited, .sec-2-button a:hover, .sec-2-button a:active{
  background-color: #711;
  color: #ffa;
}
 
.sec-3-button, .sec-3-button a:link, .sec-3-button a:visited, .sec-3-button a:hover, .sec-3-button a:active{
  background-color: #326;
  color: #ffa;
}

.sec-4-button, .sec-4-button a:link, .sec-4-button a:visited, .sec-4-button a:hover, .sec-4-button a:active{
  background-color: #b90;
  color: #ffa;
}

.sec-5-button, .sec-5-button a:link, .sec-5-button a:visited, .sec-5-button a:hover, .sec-5-button a:active{
  background-color: #152;
  color: #ffa;
}

/************** #content styles *****************/
#content p{
  padding: 0;
  margin: 5px 0 10px 0;
}

#content h2{
  padding: 15px 0px 10px 0px;
  font-weight: 800;
}

#content h3{
  font-weight: 600;
  color: #069;
  padding: 10px 0px 0px 0px;
}

.item{
  margin: 0;
  padding: 0;
}

h3.special{
  font-size: 115%;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font-weight: 600;
  color: #069;
}

#content h3.bigdeal{
  color: #C03;
  text-align: center;
  padding: 15px 0px 10px 0px;
  font-size: 150%;
}

#content h4{
  padding: 5px 0px 0px 0px;
}

p.sub-h3{
  margin: 0px 0px 20px 400px;
  text-align: center;
  color: #069;
  font-size:95%;
  font-weight: 600;
}

p.drop{
  clear: left;
}

.drop:first-letter{
  float: left;
  color: #069;
  font-size: 215%;
  margin: -6px 0 0 0;
}

#content strong{
  font-size: 95%;
  font-weight: 600;
  color: #334d55;
}

#content a:link, #content a:visited, #content a:hover, #content a:active{
  font-size: 100%;
  text-decoration: underline;
}

.posted{
  float: right;
  position: relative;
  top: -3px;
  left: 0;
  font-size: 80%;
  padding: 0 3% 0 0;
}

.left-posted{
  float: left;
  position: relative;
  top: -3px;
  left: 0;
  font-size: 80%;
  margin: 0 0 -10px 0;
  padding: 0 0 0 3%;
}

.at-top{
  margin: 0;
  padding: 0;
}

.to-top{
  font-size: 88%;
  padding: 0;
  margin: -10px 0 20px 0;
}

#content img{
  float: left;
  border: 0;
  padding: 0px 0px 0px 0px;
  margin: 0px 25px 15px 0px;
}

#content-imgs{
  float: left;
  border: 0;
  padding: 0;
  margin: 0;
}

#content ul, #content ol{
  padding: 0 30px 10px 40px;
  margin: 0;
}

#content li{
  padding:0;
  margin:4px 0 0 0;
}

#content hr{
  width: 67%;
  height: 3px;
  color: #333;
  text-align: center;
}

#introlet h2, #introlet h3, #introlet h4{
  text-align: center;
}

#introlet ul{
  list-style: disc url(../image/chkbox.gif) outside;
  margin: 0 0 0 0;
  padding: 25px 0 0 25px;
}
#introlet li{
  margin: 0;
  padding: 2px 0;
  }
  
#rj-logo{
  margin: 0;
  padding: 10px 0 0 0;
}

/************** .photo gallery styles *********/
.sec-4-home, .photos-g02, .photos-g03{
  background: none no-repeat;
  padding: 10px;
}

.sec-4-home{
  background: #dc5;
}
.photos-g02{
  background: #6a6;
}

.photos-g03{
  background: #87a;
}

#rhu-pix h4{
  color: #030;
  font-weight: 100;
  padding: 0 10px 0 10px;
  font-size: 95%;
}

#rhu-pix img{
  margin: 0;
  padding: 0;
}

#rhu-pix div{
  display: inline;
  padding: 0px;
  margin: 0;
  float: left;
}  

.rhu-pic-v{
  width: 254px;
  height: 385px;
}

.rhu-pic-h{
  width: 334px;
  height: 385px;
}

/*********** #linkSet styles ************/
#linkSet ul a:link, #linkSet ul a:visited, #linkSet-g ul a:link, #linkSet-g ul a:visited{
  display: block;
}

#linkSet ul, #linkSet-g ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#linkSet li, #linkSet-g li{
  border-bottom: 1px solid #EEE;
}

/* fix for browsers that don't need the hack */
html>body #linkSet li, html>body #linkSet-g li{
  border-bottom: none;
}

/* styles for links in lists to show page color when hovered */
#links-sec-1 a:hover, #links-sec-2 a:hover, #links-sec-3 a:hover, #links-sec-4 a:hover, #links-sec-5 a:hover:hover{
  color: #069;
}

#links-sec-1 a:hover{
  background-color: #acd;
}

#links-sec-2 a:hover{
  background-color: #ebb;
}

#links-sec-3 a:hover{
  background-color: #bbe;
}

#links-sec-4 a:hover{
  background-color: #ffa;
}

#links-sec-5 a:hover{
  background-color: #cfa;
}

/*********** #intra-sectionlinks styles ***********/
#insectionlinks{
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  font-size: 85%;
}

#insectionlinks h3{
  font-size:120%;
  padding: 10px 0px 2px 10px;
}

#insectionlinks strong{
  font-size:110%;
  padding: 5px 0px 2px 0px;
  font-weight: 600;
  color: #334d55;
}

#insectionlinks a:link, #insectionlinks a:visited, #insectionlinks a:hover{
  border-top: 1px solid #ccc;
  padding: 2px 2px 2px 10px;
  text-decoration: none;
  width: 100%;
  width: auto;
}

/* styles for link in list to current page to match tab color - new link-page id pairs must be entered manually */
body.sec-1-about a#about-rj, body.sec-1-about a#about-rj:hover, body.sec-1-introletter a#introletter, body.sec-1-introletter a#introletter:hover, body.sec-1-contact a#contact-rj, body.sec-1-contact a#contact-rj:hover, body.sec-1-welcome a#welcome, body.sec-1-welcome a#welcome:hover{
  background-color: #58a;
  color: #ffa;
} 

body.sec-2-home a#news-home, body.news2008-q1 a#news2008-q1, body.sec-2-home a#news-home:hover, body.news2008-q1 a#news2008-q1:hover{
  background-color: #711;
  color: #ffa;
} 

body.sec-3-home a#school-home, body.sec-3-home a#school-home:hover, body.sch-class-sched a#class-sched, body.sch-class-sched a#class-sched:hover, body.sch-vol-posit a#vol-posit, body.sch-vol-posit a#vol-posit:hover{
  background-color: #326;
  color: #ffa;
} 

body.sec-4-home a#sec-4-homelnk, body.sec-4-home a#sec-4-homelnk:hover, body.photos-g02 a#rjgal-02, body.photos-g03 a#rjgal-03{
  background-color: #b90;
  color: #ffa;
} 

/************** #headlines styles ***********/
#headlines{
  margin: 0;
  padding: 10px 10px 10px 10px;
  border-bottom: 1px solid #cccccc;
  font-size: 85%;
  font-weight: 600;
}

#headlines p{
  padding: 5px 0px 2px 0px;
  margin: 0;
}

#headlines a{
  font-size: 85%;
  font-weight: 400;
}

#headlines a:hover{
  background-color: #eeeeee;
}

#headlines h3{
  font-size: 135%;
  font-weight: 600;
  color: #069;
  padding: 0px 0px 5px 0px;
  margin: 0;
}

/*************#stamp styles******************/
#stamp{
  clear: both;
  border: 1px solid #ccc;
  font-size: 70%;
  color: #555;
  text-align: center;
  padding: 10px;
  margin: 0;
}