/*- Page Structure */

body {
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif;
  color: #444;
  padding: 10px;
 }

p {
  margin: 0px 0px 10px 0px;
}

h1, h2 {
  font-weight: bold;
  text-align: left;
  margin: 0px 0 10px; 0;
}

h3{
  font-family: Futura, "Century Gothic", "Gill Sans",  'Copperplate Gothic Light', Serif;
  font-weight: bold;
  text-align: left; 
  margin: 20px 0 10px 0;
}

#top-bar-holder {
background: #6E4923;
background: #534334;
border-top:5px solid #000;
width: 100%;
/*height: 105px;*/
padding: 10px 0 0 0;
}

#top-bar {
background: #6E4923;
background: #534334;
width: 950px;
text-align: left;
width: 950px ;
margin-left: auto ;
margin-right: auto ;


}

#top-bar-color {
background: #534334;
}

#top-bar-menu-holder {
background: #382D25;
width: 100%;
border-top:2px solid #000;
}

#top-bar-menu {

background: #6E4923;
width: 950px;
text-align: left;
width: 950px ;
margin-left: auto ;
margin-right: auto ;
}


.subtitle {
font-size: 28px;
font-family: Arial, Helvetica, sans-serif;
font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
font-style:italic; 
color: #dd738c;
color: #c99364;
color: #c5d398;
padding: 0px 0px 0px 10px;
margin: 0 0 10px 0;
}



#footer-bar-holder {
background: #382D25;
width: 100%;
padding: 0px 0 0 0;
}

#footer-bar {
width: 950px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #eee6d9;
font-size: 12px;
background: #382D25;
width: 950px ;
margin-left: auto ;
margin-right: auto ;
}



#bottom-menu-bar-holder {
background: #514539;
width: 100%;
padding: 10px 0 0 0;
}

#menu-bar {
width: 950px;
padding: 0px 0px 0px 10px;
color: #eee6d9;
font-size: 12px;
height: 40px;
background-color: #514539;
width: 950px ;
margin-left: auto ;
margin-right: auto ;
text-align: center;
color: #756452;
}


/* Top menu  */

/* =============== */

#top-menu {
text-align: right;

background: #382D25;

width: 950px;
text-align: left;
width: 950px ;
margin-left: auto ;
margin-right: auto ;

}

#nav {
	margin:0; 
	padding:0; 
	list-style:none;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
		float:left; 
		display:block; 
		width:100px; 
                background-color: #514539;
		position:relative;
		z-index:500; 
		margin:0 1px;
	}
		
	/* this is the parent menu */
	#nav li a {
		display:block; 
		padding:8px 5px 0 5px; 
		font-weight:500;  
		height:23px; 
		text-decoration:none; 
		text-align:center; 
		color:#fff;
	}

	#nav li a:hover {
		color:#ccda9d;
	}
	
	/* you can make a different style for default selected value */
	#nav a.selected {
		color:#ccda9d;
	}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:200px; 
			float:left; 
			border-top:1px solid #fff;
                        
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#fff;
                        text-align: left;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}


/* End Top menu  */



#script-desc {
  background: #F0F0F0;
  margin: 0px 0px 15px 0px;
  padding: 5px;

}

#data-content {
 padding: 1em;
}


/* Links  */ 
a:link, a:visited {
        padding-bottom: 1px;
        color: #BC7134;
        color: #773E4B;
        text-decoration: none;
        border: 0px;
}


/* START Two column layout  */

#container
{
width: 95%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

/* #content                     */ 
/* {                            */ 
/* margin-left: 200px;          */ 
/* border-left: 1px solid gray; */ 
/* padding: 1em;                */ 
/* /* max-width: 36em; */       */ 
/* }                            */ 

#content		      
{			      
margin-left: 200px;	      
border-left: 1px solid gray;  
padding: 1em;		      
/* max-width: 36em; */	      
}    


#bottom-menu {
text-align: center;
margin: 0px 0px 0px 0px;
background-color: #514539;
padding: 10px 0px 10px 10px;
color: #756452;
}

#bottom-menu a {
margin: 0px 0px 0px 0px;
color: #fff;
font-size: 12px;
}





/* END Two column layout  */


.image-text {
	padding: 4px 4px 0px 4px;
	display: inline;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#bottom-info-container {
background-color: #483A2F;
color: #c5d398;
padding: 4px 0px 0px 0px;
}

#bottom-info-container h4 {
color: #c5d398;
}

#xbottom-info-container div.colborder {
color: #000;
}

.border-right { margin-right: -1px; color: #000; background-color: #000;} 

#bottom-info-container .colborder {border-right:1px solid #685344;}

#bottom-info-container a {
color: #966E4A;
}


#bottom-info-container ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

.quiet-text {
color: #fff;
font-size: 12px;
}


#sidebarMenu ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}


/* START tiny tips */
.tinyTip { 
width: 325px; 
padding: 17px 0px 0px 0px; 
display: block; 
background: url(/media/images/tiny_tips/tinyTip-top.png) 0px 0px no-repeat; 
}

.tinyTip .content { 
padding: 0px 15px 0px 15px; 
font-size: 14px; 
font-family: "Lucida Sans Unicode"; 
color: #010101;  background: url(/media/images/tiny_tips/tinyTip-content.png) 0px 0px repeat-y; 
}

.tinyTip .bottom { 
height: 47px; 
background: url(/media/images/tiny_tips/tinyTip-bottom.png) 0px 0px no-repeat; 
font: 0px/0px sans-serif; 
}





.lightTip			{ width: 342px; }
.lightTip .content	{ width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom	{ height: 14px; background: url(/media/images/tiny_tips/notch-white.png) top center no-repeat; }

.yellowTip		{ width: 342px; }
.yellowTip .content		{ width: 310px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom	{ height: 14px; background: url(/media/images/tiny_tips/notch-yellow.png) top center no-repeat; }

.orangeTip		{ width: 342px; }
.orangeTip .content	{ width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom	{ height: 14px; background: url(/media/images/tiny_tips/notch-orange.png) top center no-repeat; }

.redTip		{ width: 342px; }
.redTip .content	{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .content	{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #000; color: #020202; }
.redTip .bottom		{ height: 14px; background: url(/media/images/tiny_tips/notch-red.png) top center no-repeat; }

.greenTip		{ width: 342px; }
.greenTip .content	{ width: 310px; padding: 10px; border: 2px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom		{ height: 14px; background: url(/media/images/tiny_tips/notch-green.png) top center no-repeat; }

.blueTip		{ width: 342px; }
.blueTip .content	{ width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom	{ height: 14px; background: url(/media/images/tiny_tips/notch-blue.png) top center no-repeat; }

.purpleTip		{ width: 342px; }
.purpleTip .content	{ width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom	{ height: 14px; background: url(/media/images/tiny_tips/notch-purple.png) top center no-repeat; }

.darkTip	{ width: 342px; }
.darkTip .content { width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom	{ height: 14px; background: url(/media/images/tiny_tips/notch-dark.png) top center no-repeat; }

/* END tiny tips */


/* START q tips */
.qtip .qtip-content{
   padding: 10px;
   overflow: hidden;
}
   
   .qtip .qtip-content .qtip-title,
   .qtip-cream .qtip-content .qtip-title{
      background-color: #F0DE7D;
   }


   .qtip-whammer .qtip-content .qtip-title{
      background-color: #000;
   }
   
   .qtip-light .qtip-content .qtip-title{
      background-color: #f1f1f1;
   }

   .qtip-dark .qtip-content .qtip-title{
      background-color: #000;
   }

   .qtip-red .qtip-content .qtip-title{
      background-color: #F28279;
   }
   
   .qtip-red .qtip-content .qtip-title{
      background-color: #000;
   }
   .qtip-green .qtip-content .qtip-title{
      background-color: #B9DB8C;
   }
/* END q tips */





/* Circles around numbers */



.special-list {
/* width: 200px; */
text-align: left;
border-top:1px dashed #ccc;
padding: 20px 0px 20px 0px;
}

DIV.circle-number{
float: right;
background: url(/media/images/misc/num_circle.png) no-repeat; 
text-align:center;
width:31px;
height:31px;
line-height:31px;
font-size:1.45em;
margin:0px 10px 0px 0px; 
padding: 0px 10px 0px 0px;
color: #fff;}

.special-list-text {
text-align: left;
align:left;
}

DIV.circle-number-index{
float: left;
background: url(/media/images/misc/num_circle.png) no-repeat; 
text-align:center;
width:31px;
height:31px;
line-height:31px;
font-size:1.45em;
margin:0px 10px 0px 0px; 
padding: 0px 10px 0px 0px;
color: #fff;}

.index-box {
/* width: 200px; */
text-align: left;
padding: 0px 0px 20px 0px;
}

.index-text {
text-align: left;
align:left;
padding: 5px 0px 0px 0px;
}

/* baboons in your home page */
DIV.number-in-circle{
float: left;
background: url(/media/images/misc/num_circle.png) no-repeat; 
text-align:center;
width:31px;
height:31px;
line-height:31px;
font-size:1.45em;
margin:0px 10px 0px 0px; 
padding: 0px 10px 0px 0px;
color: #fff;}

.special-list-text ul {
padding: 0px 0px 0px 70px;
margin: 10px;
}

/* baboon deterrents page */

#main-category {
background: #F3F2D5;
}

#main-category h4 {
color: #942023;
margin: 0px;
}

#main-category h4 {
color: #942023;
color: #94182B;
}

#main-category ul {
padding: 0px 0px 0px 14px;

}

#main-category li {
color: #527051;
color: #336A31;
}

#main-category .sb-inner {
background: #F3F2D5;
}

#attractant-item {
padding: 10px 10px 10px 10px; 

}

#attractant-item .sb-inner {
background: #EBEACF;
}