/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
/* created Joni Stine 2009.12; updated 2010.1.26.a by dgv */
/* h1-h6, div, span, object,iframe = potential conflicts */
/* divLionsLinkLogos margin-right reduced to 5px 2009.12.16.a dgv */
/* divHours font size increased from 11 to 12px; margin-right from 30 to 25px 2009.12.16.a dgv */
/* markermenu added font-weight: bold on 2009.12.16.a dgv */
/* divFooter increased height from 70 to 120px 2009.12.16.a dgv */
/* divContentLeftColWide added for pages with no left menu 2009.12.16.a dgv */
/* added whitetext for use in span class="whitetext" 2010.1.26.a dgv */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}
/* added html height/margin to prevent shift 2010.03.25.a sds*/
html { 
	min-height: 100%; margin-bottom: 1px;
	overflow: -moz-scrollbars-vertical !important; 
}
body {
	background-color: #CCCCCC;
}
/* remove border from hyperlink images 2010.04.05 sds */
img, img a:hover {
	border-style: none;
	text-decoration:none;
}

/* ================ MAIN BOX FOR PAGE ============= */
#divContainer {
	height: auto;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #c2c2c2;
	border: 2px solid #FFFFFF;
}
/* ================= FAR RIGHT COLUMN AND BELOW ======== */
#divContent {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
	background-image:url(images/blbck.jpg);
	height: auto;
	width: auto;
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* ============= BLUE HEADER ================= */
#divHeader {
	margin: 0px;
	padding: 0px;
	height: 85px;
	width: 949px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #002D62;
	color: #ffffff;
}


#divLibLogo {
	float: left;
        clear: left;
	margin-left: 7px;
}

#divLibLogo a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#divLibLogo a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#divLibLogo a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#divLibLogo a:hover {
	color: #FFFFFF;
	text-decoration: none;
	
}
/* ========= reduced margin-right from 10 to 5px ========== */
#divLionsLinkLogos {
	float: left;
	margin-top: 42px;
	margin-right: 5px;
}

#divLionsLinkLogos a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#divLionsLinkLogos a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#divLionsLinkLogos a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#divLionsLinkLogos a:hover {
	color: #FFFFFF;
	text-decoration: none;
	
}

/* ========= enlarged font from 11 to 12px; decreased margin-right from 30 to 25px ======= */
#divHours {
	float:left;
        padding-top: 6px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
        margin-right: 25px;
        margin-left: 30px;
} 

#divHours a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

#divHours a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#divHours a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#divHours a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* ========= top search box for catalog =============== */	
#divTopNav {
	margin: 0px;
	padding: 0px;
	width: 949px;
	height: 27px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	background-color: #c2c2c2;
	background-image:url(images/silvertowhite.jpg);
	text-align: left;
}

#divTopNav ul {
		padding-left: 0;
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;
		font-weight: bold;
		font-size: 75%;
		margin:3px 0 0 0;
}
#divTopNav ul li {
		margin-left: 0;
		padding: 0 4px 0 5px;
		border-left: 1px solid #002D62;	
		list-style: none;
		display: inline;
}
#divTopNav ul li.first {				
		margin-left: 0;
		border-left: none;
		list-style: none;
		display: inline;
}

#divTopNav ul li.last {
	margin-right: 200px;
	display: inline;
	list-style: none;
}
	
#divTopNav ul li a:link, li a:active, li a:visited {
	color: #002D62;
	text-decoration: none;
}

#divTopNav ul li a:hover {
	background-color: #002D62;
	color: #fff;
	border-top: 2px solid #002D62;
	border-bottom: 4px solid #002D62;
}

#divTopNav ul li.record {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#divTopNav ul li.record a:link, a:active, a:visited, a:hover {
	color: #002D62;
	text-decoration: none;
}

#divLeftNav {
	float: left;
	width: 180px;
	border-right-color: #FFFFFF;
	background-color: #c2c2c2;
	margin: 0px;
	padding: 0px;
	height: auto;
}

#divLeftNavabout {
	float: left;
	width: 180px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-color: #c2c2c2;
	margin: 0px;
	padding: 0px;
	height: 500px;
}

#divNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px;
	font-weight: bold;
	color: #c2c2c2;
	text-decoration: none;
	padding: 0px;
	width: 180px;
}
/* ========= actually covers far RIGHT column =============== */
#divContentLeftCol {
	margin: 0px;
	width: 730px;
	font-size: 14px;
    float:left;
	height: auto;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: justify;
}

.italic {
	font-style: italic;
}

#divContentLeftCol a:link, a:active, a:visited  {
	color: #002D62;
	text-decoration: none;
	
}

#divContentLeftCol a:hover {
	text-decoration: underline;
}

#divContent ul li {
	background:url(images/blue.gif) no-repeat 0 3px;
	list-style: none;
	margin: 6px 0;
	padding: 0 16px;
}

/* =============== added for pages with no left menu ============ */
#divContentLeftColWide {
	margin: 0px;
	width: 910px;
	font-size: 14px;
    float:left;
	height: auto;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: justify;
}

.italic {
	font-style: italic;
}

#divContentLeftColWide a:link, a:active, a:visited  {
	color: #002D62;
	text-decoration: none;
	
}

#divContentLeftColWide a:hover {
	text-decoration: underline;
}
/* ============= end of added style ================ */

#divContentLeftCol3 {
	margin: 0px;
	width: 50px;
	float: left;
	height: auto;
	
}

#divContentLeftCol2 {
	margin: 0px;
	width: 670px;
	font-size: 13px;
	float: left;
	height: auto;
	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: justify;
}

#divContentLeftCol2 a:link, a:active, a:visited  {
	color: #002D62;
	text-decoration: none;
	
}

#divContentLeftCol2 a:hover {
	text-decoration: underline;
}

table.arkres {
	background-image:url(images/blbck.jpg);
}

table.hours { 
    background:url(images/blbck.jpg);
	border: 1px solid #002D62;
	
	
}

#divContent ul li {
	background: transparent url(images/blue.gif) no-repeat 0 3px;

}
/* ========== potential conflict =============== */
/* ========== shaded effect ==================== */
h2 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #002D62;
	background-image:url(images/silvertowhite.jpg);
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 2px;

}

h3 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #002D62;
	background-image:url(images/headingbackground.gif);
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 2px;

}

.bluetext {
	color: #336699;
	font-weight: bold;

}

/* ========= added whitetext for use in span class="whitetext" dgv =========== */
.whitetext {
	color: #ffffff;
	font-weight: bold;
	
}

.smalltext {
	font-size: 9px;
	
}

.notsosmalltext {
	font-size: 10px;
	font-weight: bold;
}

.skiplink {
	display: none;
}

.blacktext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	font-size: 18px;
	text-align: center;
}

.redtext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color:#C00;
	font-size: 18px;
	text-align: center;
}

		
.floatleft {
	float: left;
	padding-right: 10px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #336699;
	font-size: 18px;
	text-align: center;
}

h1 a:link, h1 a:active, h1 a:hover, h1 a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #336699;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#divline {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#divContentRightCol {
	width: 156px;
	color: #000000;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 12px;
	text-align:center;
}	
#divContentRightColw {
	width: 225px;
	height:100%;
	color: #000000;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 12px;
	text-align:center;
}

#divContentRightColWhatsNew {
	border: 2px solid #c2c2c2;
	padding: 10px 10px 5px 10px;
	background-image:url(images/backgroundimage2.gif);
	
}
#divContentRightColFB {
	height: 100%;
	border: 2px solid #c2c2c2;
	padding: 10px 10px 5px 10px;
	background-image:url(images/backgroundimage2.gif);
	
}

#divContentRightColDataTrial {
	border: 2px solid #c2c2c2;
	padding: 10px 10px 5px 10px;
	background-image:url(images/backgroundimage2.gif);
			list-style-type:none;
}

#divContentCenterRow {
	width: 475px;	
}

/* ======= far left column links - added font-weight: bold 2009.12.16.a dgv ======== */
.markermenu {
	list-style-type: none;
	width: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.markermenu li a{
	color: #FFFFFF;
	display: block;
	width: auto;
	padding-left: 20px;
	text-decoration: none;
	background-color: #547D9D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.markermenu li a.selected{
	background-color: #002D62;
}
.markermenu li a:visited, .markermenu li a:active {
	color: #ffffff;
	text-decoration: none;
}
.markermenu li a:hover{
	background-color: #002D62;
	text-decoration: none;
}

/* ============ blue footer ============== */	
/* ======== increased height from 70 to 120px 2009.12.16.a dgv ====== */	
#divFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #002D62;
	margin: 0px;
	height: 120px;
	width: 939px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#divFooter a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

#divFooter a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#divFooter a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	
}

#divFooter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
	
#divFooter_icon {
	float:left;

}

#divFooter_icon a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#divFooter_icon a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#divFooter_icon a:visited {
	color: #FFFFFF;
	text-decoration: none;
	
}

#divFooter_icon a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#divFooter_shareicon {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#divLeftImage {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 180px;
}

#div {clear:both;
}
#divLeft {
	float: left;
	padding-right: 20px;
}
.italics {
	font-style: italic;
}
.bold {
	font-weight: bold;
}
.floatright {
	float: right;
	padding-left: 10px;
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }