/*-----------------------------------------------------------------------------
Basic Style Sheet

version:   1.0
author:    Cheryl Briseno
email:     CherylBriz@hotmail.com
website:   http://home.mchsi.com/~cjbriz/

version: 2.0
Author: Jeanne May, Library Director
-----------------------------------------------------------------------------*/
/* =General
-----------------------------------------------------------------------------*/
/* 	:TODO remember to remove this rule before the site goes live
	:KLUDGE I managed to fix this problem * but it is not pretty
	:BUG Rule breaks in *
	:TRICKY Alert! a particulary complicated piece of code
/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}
body {
	text-align:center;
	min-width: 835px;
	/*background-image: url('../assets/bkground.jpg');*/
	background-color: #4B6098;
	background-repeat: no-repeat;
	background-position-y:50%
	}
/* Class for clearing floats */
.clear {
	clear:both;
}
.floatRight {
	float:right;
	}
/* Remove border around linked images */
img {
	border: 0px none;
}
/*-----------------------------------------------------------------------------
Layout 
-----------------------------------------------------------------------------*/
#wrapper {
	width:830px;
	margin: 0 auto;
	text-align:left;
	background-color: #000000;
	z-index: 1;
	background-image: url('../assets/wrapper_bkgrd.gif');
	background-repeat: repeat;
	background-position:  right 50%;
	}
#header {
	background-color: #000000;
}
#pageID{
	margin: 0px;
	float: right;
	position: relative;
	background-color: #000000;
}
/*-----------------------------------------------------------------------------
Menu
-----------------------------------------------------------------------------*/
#menu {
	background: #000000;
	list-style-type: none;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 797px;
}
#menu li {
	float: left;
	list-style-type: none;
	font-family: Arial,Verdana,Sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #000000 url('../assets/seperator.gif') no-repeat bottom right;
	list-style-type: none;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	font-weight:normal; padding-left:12px; padding-right:12px; padding-top:8px; padding-bottom:8px
}
#menu a:hover {
	background: #99C4E6 url('../assets/hover.gif') no-repeat bottom center;
	list-style-type: none;
	color: #fff;
	padding-bottom: 8px
	}
/*-----------------------------------------------------------------------------
VertMenu 
-----------------------------------------------------------------------------*/
#vertmenu {
	float: left;
	margin: 5px;
	background: #FFFFFF;
	list-style-type: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 12em;
	
}
#vertmenu li {
	list-style-type: none;
	font-family: Arial,Verdana,Sans-serif;
	color: #000000;
	font-size: 14px;
	margin: 0;
	padding-left: 5px;
}
#vertmenu a {
	background: #4B6098;
	list-style-type: none;
	border-bottom: 1px solid #4B6098;
	border-top: 1px solid #4B6098;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	color: #ccc;
	display: block;
	margin: 0;
	text-decoration: none;
	font-weight:normal; padding-left:12px; padding-right:12px; padding-top:8px; padding-bottom:8px
		
	
}
#vertmenu a:hover {
	background: #99C4E6 url('../assets/verthover.gif') no-repeat left center;
	list-style-type: none;
	color: #fff;
	padding-bottom: 8px
}
/*-----------------------------------------------------------------------------
Navigation 
-----------------------------------------------------------------------------*/
#mainNav {
	float: left;
	margin: 5px;
	background-color: #FFFFFF;
	
	}
#nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	}
#nav li {
	background:none/*url('../assets/lookingGlass.gif') no-repeat*/;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 12em
	}
#nav li ul {
	display: none;
	position: absolute;
	left: 8em;
	border: medium solid #000000;
	z-index: 25;
	background-color: #4B6098;
}
#nav li ul li{
	background-image: url('none');
	list-style-type: none;
	text-indent: -15px;
	width: 15em
	}
#nav li>#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}	
	
/* =Main Content Two column floated--Note first column is the accordian navigation
---------------------*/
#content{
	width: 520px;
	float: right;
	padding: 0px 20px;
	}
#content h1, #content h2, #content h3, #content p {
	padding: 0px 5px;
}
/* =Footer
------------*/
#footer{
	clear: both;
	text-align: center;
	font-size: 10px;
	}
/*-----------------------------------------------------------------------------
 =Typography
-----------------------------------------------------------------------------*/
body {
	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
/* =Headings
----------------------*/
h1{
	font-family: Papyrus, Arial, sans-serif;
	font-size: 36px;
	margin-top: 25px;
	text-transform: capitalize;
	margin-bottom: 20px;
	display: block;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 24px;
	text-transform: capitalize;
	line-height: 28px;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: capitalize;
	color: #000000;;
	font-weight: bold;
	line-height: 20px;
}
h4{}
.hours{
	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
	text-color: #000000;
}
/* =Links
--------------*/
a:link, a:visited {
	text-decoration:none;
	border-bottom:1px dotted #000;
	}
a:hover, a:active {
	border-bottom-style:solid;
	}
/* external links marked so user can determine if they want to click
================================== */
a[href^="http:"] {
  background: url('../assets/externalLink.gif') no-repeat right top;
  padding-right: 10px
}
a[href^="http://www.effinghamlibrary.org"], a[href^="http://effinghamlibrary.org"]  {
  background-image: url('none');
  padding-right: 0
}