.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}

    .description-field {
        width: 90%;
    }
.moduleheaderblue 
 {
   display: block;
       position: relative;
   left: -6px;}

.nav > li > a {
	display: block;
    letter-spacing: 2.1px;
	font-size: 18px;
	font-variant: small-caps;
	  font-weight: bold;

}

.nav > li > a:hover {
  color: maroon;
  display: block;  
}
.nav > li > a:focus {
display: block;
  color: maroon;
}
p [id="back-top"]{ /*hack to hide the default "go to top button" */
    display: none;
    position: fixed;
    top: 20px;
}
header [class*="header"]{
margin-left: 8px; /* increases left margin for parobs logo */
}
div [class*="navigation"]{
  position: relative;
  left: -6px;
  width: 100%;
background-color: maroon;
padding: 3px 0px 0 18px; /*sets the left padding for the tabbed menu at the top */
margin:3px;

}
div [class="djev_item_content"]{ /*Upoming Events Section*/
  background-color: #f5f5f5; 
} 

.well { /*left column*/
	min-height: 20px;
	padding:  0px;
  	margin-top: 12px;
	margin-bottom: 3px;
  margin-right: 12px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}


div [class="sidebar-nav"]{ /*right column*/
  margin-left: 12px;
  margin-top: 0px;
  	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}


.floatright {
float: right; 
margin-bottom: 
.5em; 
margin-left: 1em;
}

div [class="djev_fulltext"]{
    margin-left: 20px;
}

.floatleft {
    float: left; 
    margin-bottom: 
    .5em; 
    margin-right: 1em;
}

.greenbar {
    background-color: #7fba4b; 
    background-image: url('https://www.parobs.org/themes/planet/greengradbarz.jpg'); 
    background-repeat: repeat;  
    margin: 20px 0;
    padding: 2px 2px 2px 4px;
    color: #000000;
    font-family: Lora, 'Open Sans', 'PT Sans', Arial, Helvetica, sans-serif; 
    font-style: normal; 
    font-variant-ligatures: normal; 
    font-variant-caps: normal; 
    letter-spacing: normal; 
    orphans: 2; 
    text-align: start; 
    text-indent: 0px; 
    text-transform: none; 
    white-space: normal; 
    widows: 2; 
    word-spacing: 0px; 
    -webkit-text-stroke-width: 0px;
    text-decoration-thickness: initial;
    text-decoration-style: initial; 
    text-decoration-color: initial;
}
/* got rid of top border and reduced the padding 1-22-24*/
body.site {
	border-top: 0px solid #0088cc !important;
	padding: 10px;
background-color:#f4f6f7;	
	/*background-color:#F9C;*/
	background-image:url('../../../images/planet.jpg');
    background-repeat: no-repeat;
    background-size: 50%;
    background-attachment: fixed;
    background-position: right; 
}

li {
	line-height: 28px;
}
div [class*="bannerintem"]{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%; 
}

p.readmore {
	text-align: right; /*moves the "readmore" button to the right*/
}

.nav-pills > li > a { /*creates the shape of the tabs in in menu*/
  border-top-left-radius: 12px 10px;
  border-top-right-radius: 12px 10px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: 0px;
  background-color: #CCC;
  color: #333;
  font-family: 'Philosopher', sans-serif;
  font-weight: normal;
  letter-spacing: 2.3px;
}

.container-fluid {
	padding-right: 12px;
	padding-left:1px;
	*zoom: 1;
}


#wrap { /* creates a div with maroon border for the entire page.  Changed to rgba background color to adjust opacity. */
    width:98%;
	margin: 0 auto;
    border: 8px solid maroon;
    padding-top: 8px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    background-color:rgba(224, 224, 224,0.95);
    background-image: url("https:www.parobs.org/images/graypaper2.jpg");

}
.moduletable_banners {
        text-align:center;
}

h2 /* makes h2 header text white and encases in a gradient block*/
 a{
       display: block;
       background-image: linear-gradient(#4399DB, #3188CB);
       color:white;
       font-family: 'Philosopher', sans-serif;
       font-variant: small-caps;
       padding: 6px 20px;
       letter-spacing: 2.5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
}
h3 /* makes h3 header text white and encases in a gradient block*/
 {
   display: block;
       background-image: linear-gradient(#4399DB, #3188CB);
       color:white;
       font-family: 'Philosopher', sans-serif !important;
       font-size: 16px;
       font-variant: small-caps;
       text-align: center;
       padding: 4px 0px 8px 0px;
       letter-spacing: 2.5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
       font-weight: bold !important;
}
h3 [class*="djev_time"] /* makes h3 for calendar date and time text white */
 {
   display: block;
          color:white;
       font-family: 'Philosopher', sans-serif !important;
       font-variant: small-caps;
       text-align: center;
       padding: 4px;
       letter-spacing: 2.5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
       font-weight: bold !important;

}

div [class*="headerblue"]
 {
   display: block;
       position: relative;
       left: -6px;
}


.moduletableblue h4/* makes h4 for the Calendar Ongoing dates */
 {
   display: block;
       position: relative;
       left: -6px;
       color:white;
       background-image: linear-gradient(#4399DB, #3188CB);
       font-family: 'Philosopher', sans-serif !important;
       font-variant: small-caps;
       font-size: 16px;
       text-align: left;
       padding: 6px;
       letter-spacing: 1.5px;
       border-top-left-radius: 4px;
       border-top-right-radius: 4px;
       font-weight: bold !important;
}
div [class*="nav-collapse"]{/* colors the background for the navigation bar maroon */
      background-color: maroon;
}
div [class*="header-search pull-right"]{ /* aligns the search box at the upper left of the page */
      margin-top: 10px;
      margin-right: 10px;
}