.scroll {
scrollbar-face-color: FF9933;
scrollbar-highlight-color: FFCC99;
scrollbar-3dlight-color: FFCC99;
scrollbar-darkshadow-color: FF6633;
scrollbar-shadow-color: FF6633;
scrollbar-arrow-color: FFFFFF;
scrollbar-track-color: FFFFFF;
}
.mini {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666633;
	font-style: normal;
	line-height: 1;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
.textmed {
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #333333;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
.textreallybig {
	font-family: Arial, sans-serif;
	font-size: 30px;
	color: #FF9933;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
.textbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FF9933;
	text-decoration: none;
	line-height: 25px;
}
.textbigteal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #577b7c;
	text-decoration: none;
	line-height: 25px;
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
	color: #333333;
	text-decoration: none;
}
/* Navigation tabs start */
a.navitabs, a.navitabs:link, a.navitabs:visited {text-decoration:none; font-family:arial, sans-serif; font-size:16px; color:#536f66; line-height:25px; overflow:hidden; float:center;}
a.navitabs:hover {color:#f8961d; background:#ffffff;}
#navibar {width:798px; margin:28 auto;}
/* Navigation tabs end */

/* Navigation tabs start */
a.blogaround, a.blogaround:link, a.blogaround:visited {text-decoration:none; font-family:arial, sans-serif; font-size:16px; color:#536f66; line-height:25px; overflow:hidden; float:center;}
a.blogaround:hover {color:#f8961d; background:#ffffff;}
/* Navigation tabs end */

/* Navigation tabs start */
a.blanknavitabs, a.blanknavitabs:link, a.blanknavitabs:visited {display:block; width:35px; height:25px; background:#ffffff; border:0px solid black; margin-top:0px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:14px; color:#577b7c; line-height:25px; overflow:hidden; float:left;}
a.blanknavitabs:hover {color:#a7702b; background:#ffffff;}
#navibar {width:798px; margin:28 auto;}
/* Navigation tabs end */

/* My Navigation tabs start */
a.mynavitabs, a.mynavitabs:link, a.mynavitabs:visited {display:block; width:70px; height:23px; background:#d0ce3b; border:0px solid black; margin-top:0px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:13px; color:#536f66; line-height:23px; overflow:hidden; float:left;}
a.mynavitabs:hover {color:#d0ce3b; background:#689798;}
#mynavibar {width:798px; margin:28 auto; text-align:center;}
/* My Navigation tabs end */



.blog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666633;
	text-decoration: none;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333300;
	text-decoration: none;
}
.textwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6e6e6c;
	text-decoration: none;
}
.numbers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF9933;
	text-decoration: none;
}
.left {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(http://dulemba.com/sides10.gif);
	background-repeat: repeat-y;
}
.right {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(http://dulemba.com/sides10.gif);
	background-repeat: repeat-y;
	align: right;
}
.page {
	border-left: 5px solid #d5e6eb;
	border-right: 5px solid #d5e6eb;
}
text b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #FF9933;
	text-decoration: none;
	line-height: 25px;
}

A:link {  font-family: Arial, sans-serif; font-size: 12p; color: #bfbd36; text-decoration: none }

A:visited {  font-family: Arial, sans-serif; font-size: 12p; color: #2f8284; text-decoration: none }

A:hover {  font-family: Arial, sans-serif; font-size: 12p; color: #ffaa00; text-decoration: none }

A:active {  font-family: Arial, sans-serif; font-size: 12p; color: #FF9933; text-decoration: none }

B { font-family: Arial, sans-serif; font-size: 12p; color:#2f8284 }

strong { font-family: Arial, sans-serif; font-size: 12p; color:#2f8284 }

P B { font-family: Arial, sans-serif; font-size: 12p; color: #FF9933 }

P {  font-family: Arial, sans-serif; font-size: 12p; color: #333300 }
.bottom {
	background-image: url(http://dulemba.com/Design/2010bottom.gif);
	color: #FFffff;
	background-repeat: no-repeat;
	background-position: bottom center;
}
.top {
	background-image: http://dulemba.com/Design/2017/2017Header-greenpaper-390px.gif;
	background-repeat: no-repeat;
	background-height: 53px; /* was 100 */
	background-position: left top;
	padding-top: 0px;
}
.topbackground {
	background-image: #ffffff;
	background-repeat: repeat;
	background-height: 53px; /* was 100 */
	background-position: top;
	padding-top: 0px;
}
.orangebar {
	background-image: url(http://dulemba.com/images/orangebar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.categories {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9933;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
}
.calendar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.boldtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #666633;
	text-decoration: none;
	font-weight: bold;
}
.boldishtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666633;
	text-decoration: none;
	font-weight: bold;
}
.bgcolor {
	background-color: #FFF;
	background-image: #fff;
	background-repeat: repeat;
}
.border {  
      background: #fff;  
      border: 2px solid #d0ce3b;
      padding: 10px;  
      margin: 40px;  
    }  
.border2 {  
      background: #fff;  
      border: 1px solid #d0ce3b;
      padding: 3px;  
      margin: 3px;  
    }
.border3 {
  border: 2px solid #555;
}




/* Drop Down Menu Stuff - begin */
 /* Dropdown Button */
.dropbtn {
	font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    color: 333333;
    padding: 2px;
    font-size: 14px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #666666;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: white;
    padding: 5px 15px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #e77008}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #ffffff;
} 
/* Dropdown Menu Stuff Ends */

 /* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 12px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #305d67;
}
.facebook {
  background: #f8961d;
  color: white;
}
.etsy {
  background: #408b9b;
  color: white;
}
.twitter {
  background: #408b9b;
  color: white;
}
.instagram {
  background: #d0ce3b;
  color: white;
}
.linkedin {
  background: #577b7c;
  color: white;
}
.youtube {
  background: #f8961d;
  color: white;
} 
.envelope {
	background: #f8961d;
	color: white;
}
/*RESPONSIVE HEADER*/
/* Style the header with a grey background and some padding */
.header {
  overflow: hidden;
  background-color: #333333;
  padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
	padding-left: 0px;
}

/* Style the header links */
.header a {
  float: center;
  color: d0ce3b;
  text-align: left;
  padding: 0px;
	padding-bottom: 0px;
  text-decoration: none;
  font-size: 14px;
	font-style: bold;
  line-height: 0px;
  border-radius: 0px;
}

/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */
.header a.logo {
  font-size: 35px;
	color: #e96d09;
  font-weight: bold;
	width: 300px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}

/* Change the background color on mouse-over */
.header a:hover {
  background-color: #333;
  color: white;
}

/* Style the active/current link*/
.header a.active {
  background-color: 333333;
  color: white;
}

/* Float the link section to the right */
.header-right {
    float: right;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }
  .header-right {
    float: none;
  }
}

/*END RESPONSIVE HEADER*/