/* Start of CMSMS style sheet 'hyenalab_nav' */
/* main horizontal navigation at top of page */

#navigation ul {
	/* 	display:block; */
	/*  height: 20px; */
	display: inline-block;
	margin-left: 26px;
	clear: both;
	list-style-type: none;
	padding: 0;
	}

#navigation li {
	float: left;
	height: 20px;
	margin-top: 10px;
	border-left: 1px solid  #000;
	}

#navigation li.first { border-left: 0pt none transparent; }

#navigation a, #navigation a:visited, #navigation span {
        word-spacing:-1px;
	font-size: 1em;
	display: block;
	padding: 0px 7px;
	text-decoration: none;
	white-space: nowrap;
	color: #CCC;
	}

#navigation a:visited {
      color: #CCC;
}

#navigation a:hover {
	text-decoration: underline;
	color: white;
	}

#navigation .active-parent a,
#navigation .trail a,
#navigation li.current a { color: #cccc99; }
 
 
 
/* Hides from IE-mac \*/
* html #navigation ul,
* html .floatFixed { height: 1%; }
#navigation ul, .floatFixed { display: block; }
/* End hide from IE-mac */


/* End of 'hyenalab_nav' */

/* Start of CMSMS style sheet 'hyenalab_2col' */
/* The CSS that's required to position the footer to sttick to the bottom, from footerstickalt */

html { height: 100%; }
body { height: 100%; }

#nonFooter {
	min-height: 100%;
	position: relative;
	}

* html #nonFooter { height: 100%; }
  
#footer {
	margin: -7.5em auto 0pt;
	position: relative;
	}

* html #footer { margin-top: -7.4em; }	
	
	
	
/*  other page layout	 */

* {
	margin: 0pt;
	padding: 0pt;
	}


#nonFooter {
	margin: 0pt auto;
	min-height: 100%;
	text-align: left;
	width: 750px;
	}

* html #nonFooter { height: 100%; }

.clearer {
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin-bottom: -1px;
	}

/* color, images, typography */

body { 
   background: #ccc url(uploads/pagedesign/background.jpg) repeat-y center; 
 
}

#header {
	color: #FFF;
	height: 100px;
	margin: 0;
	padding: 0;
	background: #4e90a0 url(uploads/pagedesign/bluebannerback.jpg) no-repeat;
	}

#navigation {
	width: 750px;
	height: 40px;
	margin: 0;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	background: gray url(uploads/pagedesign/horiznavbackellipsesha.jpg) no-repeat;

	}

#pagetop { display:block; position:static; width: 100%; margin-bottom: 20px;}

/*#nonFooter { }*/

#content { 
    padding-bottom: 150px; 
    background: #FFF url(uploads/pagedesign/crocuta_pagebackground_darker.jpg) no-repeat center bottom; 
    
    }

#pagetitle {
        clear: both;
	display: inline;
	float: left;
        margin-top:10px;
	margin-left: 20px;
	margin-right: 20px;
	width: 460px;
}

#pagetitle h2 {
    margin-top:0;
}

#contentMain {
	clear: both;
	display: inline;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	width: 460px;
	color: black;
	}

#contentSub {
	color: #3f3f3f;

	display: inline;
	float: right;
	margin: 10px 20px 0px 6px;
        
	width: 210px;
        padding-left: 10px;
        border-left: thin dotted gray;
	}

#footer {
	padding-bottom: 1.5em;
	width: 750px;
	}

/* end layout */



/* typography  */


body {
   /* ********** */
   font-size:90%;
  line-height:20px;
  word-spacing:2px;
  font-family: "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
  color #666666;


}

#content { line-height: 1.8em; }

#maincolumn { 

}

#maincolumn p {
  margin-bottom: 0.75em;

}

/* images */
.imgleft {
float:left;
margin-right: 1em;
}

.imgright {
float:right;
margin-left: 1em;
}

/* generic typography */

h1,h2,h3,h4 {
        word-spacing: -1px;
        font-family: 'Gill Sans', Verdana,Helvetica, Arial, sans-serif;
}
h1, h2 {

	color: #7bacba;
	font-size: 1.4em;
	/* line-height: 1.5em; */
        margin-bottom:10px;
        margin-top: 0.5em;
	
	}

h3 {
	color: black;
	font-size: 1.3em;
	/* line-height: 1.5; */
        
	/* letter-spacing: 0; */
	/* margin-top: 1em; */
	/*     padding-bottom:1em; */

	}

h4 {
        color: black;
	font-weight: bold;
}
p {
    margin-bottom:0.25em;
    /*  margin-bottom:.75em;
    */}

ul, ol {
   margin-left: 1em;
}


a:link { 
    color: #275764;
}
a:visited { color: #2F4C51; } /*  blue scheme; less saturation */
a:hover { color: #C63; text-decoration: underline;}
img {  border-style: none; }


/* side bar content tweaks */

#contentSub {
	line-height: 1.6em;
	}

#contentSub p {
    font-size: .9em;
	}
	
#contentSub img {
    padding: 1.5em 0;
    border-style: none;
}


#contentSub a {
    /* text-decoration: none; */
}



#contentSub h3 {
   /*  margin-top: 2em; */
    
    width:100;
}


/* NEWS */
div.newsitem {
    margin-top:0.5em;
    margin-bottom:1em;
    
}

div.newsitem h4 {
    font-style: italic;
}

/* CMS search box */

div#search {
    float: right;
    display:block;
    height: 20px;
    margin: 10px 30px;
  /* original in sidecontent  margin: 10px 0 10px 0; */
    }

#search .sbox_l  {
    background: white url('uploads/pagedesign/searchbox/srch_l.gif') no-repeat top left;
    float: left;
    width: 19px; height: 19px;
    }

#search .sbox_r  {
    background: white url('uploads/pagedesign/searchbox/srch_r.gif') no-repeat top left;
    float: left;
    width: 19px; height: 19px;
    }

#search  .sbox input {
    background: white url('uploads/pagedesign/searchbox/srch_bg.gif') repeat-x top left;
    float: left;
    border: 0;
    height: 19px; width: 142px;
    padding: 3px;
    font: 11px/13px arial;
    color: #000;
    }


/* side bar navigation */

#sidenav {
    /* display:block;
    padding-left: 1em;
    margin-top: 10px; */
}

#sidenav ul {
        list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#sidenav ul li li:before {
	content: "\00BB \0020";
} 

#sidenav li {
   font-size: 1em;
}

/*
start footer typography

*/

#footer {
	/* see layout above */
	background-color: #4B6976;
	color: #FFF;
	font-size: 85%;
	line-height: 1.5em;
	text-align: center;
	}

#footer p {
	margin-top: 1.5em;
	/* required to fill footer with solid color to bottom */
	}

#bottomLinks {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0pt;
	margin-top: 0pt;
	padding-top: 1.5em;
	}

#bottomLinks li {
	border-left: 1px solid #527597;
	display: inline;
	padding-left: 1em;
	padding-right: 1em;
	}

#bottomLinks li.first { border-left: 0pt none transparent; }
#bottomLinks a { color: #FFF; }
/* end footer typography */


/* accessibility */

.accessible, .hidden {
	left: -10000px;
	position: absolute;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
}


/*  LOGO  - not used now,  but could use to replace image with text */

#logo {
	font-size:125%;
	left:-16px;
	letter-spacing:-0.05em;
    margin-top:20px;
    margin-left:20px
    overflow:hidden;
    position:absolute;
    /*z-index:20;*/
}
#logo a {
    text-decoration: none;
    color:#FFFFFF;
    display:block;
    font-size:2em;
    /* line-height:2.5em; */
    overflow:hidden;
}


/* End of 'hyenalab_2col' */

