/***************************************************************************************************
sjfmenu
***************************************************************************************************/
/* Controls the area around the menu */
#sjfmenu{
   margin: 3px;
   padding-bottom: 3px;
   text-align: left;
   background-color: black;
}

/* Controls the menu items look */
div#linkz a {
   display: block; 
   text-align: center; 
   font-family: arial, helvetica, geneva, swiss, sunsans-regular, san-serif;   
   font-size: 10pt;
   font-weight: bold;
   /*1em; */
   padding: 4px 10px;
   /*padding: 0.4em 1.5em; /*problems in firefox */
   margin: 1px 0 0px; 
   /*border-width: 0; */
   text-decoration: none; 
   color: black; background: white;
   border-right: 5px solid black; border-left: 5px solid black;
}


div#linkz a:hover {
   color: white; 
   background: black; 
   border-right: 5px solid black; border-left: 5px solid black;
}

.expander-right{
   border: 1px solid white; 
   float: right;
   position: relative;
   top: -1em;
   left: .5em;
}

.expander-left {
   border: 1px solid white; 
   float: left;
   position: relative;
   top: -1em;
   right: .5em;
}
   
/* Controls the submenu look -problems!*/   
.submenu{   
   /*margin: 0 0 5px 0;*/
   font-size: 6pt;
   /*padding: 1px 4px 0px 0px;*/
}

/* Controls the submenu text positioning. */
.submenutext{
   font-size: 8pt;
   /*padding-left: 5px;*/
   /*color: white;   */
}

/***************************************************************************************************
sjfnavbar
***************************************************************************************************/

#ddimagetabs{
}

#ddimagetabs a{
/*display: block;*/
text-decoration: none;
font: bold 12px Arial; /*tab font */
color: black; /*font color */
width: 119px; /*width of tab image */
height: 22px; /*height of tab image */
float: left;
display: inline;
margin-left: 2px; /*spacing between tabs */
padding-top: 5px; /*vertical offset of tab text from top of tab*/
background-image:url(../graphic_b4.gif); /*URL to tab image */
/*background-image:url(../1.gif); /*URL to tab image */
background-repeat: no-repeat;
text-align: center;
}

#ddimagetabs a:hover, #ddimagetabs a.current{
background-image:url(../graphic_b4_over.gif); /*URL to tab image onmouseover */
/*background-image:url(../1.gif); /*URL to tab image */
color: white;
}

#ddimagetabs #customtab1{
width: 110px; /*width of custom tab image */
background-image:url(bluetab110.jpg); /*URL to custom tab image */
}

#ddimagetabs #customtab1:hover, #ddimagetabs #customtab1.current{
background-image:url(bluetab110over.jpg); /*URL to tab image onmouseover */
color: black;
}


#tabcontentcontainer{
width:480px; /*width of 2nd level content*/
height:40px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}

.tabcontent{
display:none;
}

/***************************************************************************/

a.topnav:link {
   font-size: 10pt;
   /*letter-spacing: -.04em; */
   color: black; 
   text-decoration: none; 
   font-weight: bold; 
   padding: 0 3px;
   background-color: transparent;
}
a.topnav:visited {
   font-size: 10pt;
   /*letter-spacing: -.04em; */
   color: black; 
   text-decoration: none; 
   font-weight: bold; 
   padding: 0 3px;    
   background-color: transparent;
}
a.topnav:hover {
   color: white; 
   font-weight: bold; 
   padding: 0 3px;   
   background-color: black;
}
a.topnav:active {color: black; }

/*****************************************************************************
Randi's Site
*****************************************************************************/

#logo{
   text-align: center;
   height: 169px; 
   width: 169px; 
   background-image: url('../images/logo.jpg');
}

#clock{
   text-align: left;
   vertical-align: bottom;
   color: black;
   font-size: 10pt;
   font-weight: bold; 
   position: absolute;
   top: 72px;
   left: 190px;
}

#right-menu{
   height: 169px; 
   width: 140px; 
   background-image: url('../images/menu-bar.gif'); 
   background-repeat: repeat-x;
}
#middle-menu{
   text-align: right;
   height: 169px; 
   width: auto; 
   background-image: url('../images/menu-bar.gif'); 
   background-repeat: repeat-x;>
}
#menu-bar{
   color: black;
   position: absolute;
   top: 101px;
   right: 45px;     
}

#slogan{
   color: red;
   font-weight: bolder;
   text-align: right;
   vertical-align: bottom;   
   width: 400px;
   float: right;
   position: absolute;
   top: 50px;
   right: 40px;
}

#partners{
   color: black;
   font-size: 8pt; 
   font-style: italic;
   text-align: left;
   width: 400px;
   position: absolute;
   top: 135px;
   left: 230px;
}

.moduleButton{
   height: 55px; 
  
   background-image: url('img/joinup.png');   
   background-repeat: no-repeat;   
   background-position: center bottom;        
}

.moduleButton a:link{
   color: white; 
   text-decoration: underline; 
   font-weight: bold; 
}

.moduleButton a:visited{
   color: white; 
   text-decoration: underline; 
   font-weight: bold; 
}

.moduleButton a:hover {
   color: black; 
   font-weight: bold; 
}
.moduleButton a:active {color: white; }