img
{
border: none;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #B7A496;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C645D;
	line-height: 14px;
}
.smallLight {
	font-size: 9px;
	color: #80766E;
}
.smallBold {
	font-size: 9px;
	color: #59514B;
}
.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #403B37;
	line-height: 18px;
}
a,a:active,a:visited {
	color: #5E59AB;
	text-decoration: none;
}
a:hover {
	color: #A1ABD6;
	text-decoration: underline;
}
a.nav,a.nav:active,a.nav:visited {
	color: #403B37;
	text-decoration: none;
}
a.nav:hover {
	color: #a29185;
	text-decoration: none;
}
a.footer,a.footer:active,a.footer:visited {
	color: #A29185;
	text-decoration: underline;
}
a.footer:hover {
	color: #B7A496;
	text-decoration: underline;
}
.content {
	padding-left: 15px;
}
.headerBlue {
	text-transform: uppercase;
	color: #120B80;
	font-size: 10px;
}
.headerBlack {
	text-transform: uppercase;
	color: #000;
	font-size: 10px;
	font-weight: bold;
}
.phoneHeading
{
font-size: 10px;
color: #000;
}
.title {
	font-size: 11px;
	font-weight: bold;
}
.alignRight {
	text-align: right;
}
.indent {
	padding-left: 10px;
}
a.title,a.title:active,a.title:visited {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #676EA4;
}

.Bold {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #bb1980;
}
a.title:hover  {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #A1ABD6;
}
.date {
	font-weight: bold;
	color: #B2A499;
}.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #59514B;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 17px;
}
.titleblue {
	font-size: 11px;
	font-weight: bold;
	color: #676EA4;
}
.small 
{
	font-size: 9px;
}

/* MENUS */

#nav
{
padding: 0;
margin: 0 0 0 2px;
list-style: none;
text-align: left;
}

#nav ul 
{
padding: 0;
margin: 0;
list-style: none;
}

#nav a 
{
display: block;
width: 12em;
text-decoration: none;
color: #000;
background-color: #D7CDC6;
padding: 2px 5px;
font-size: 10px;
}

* html #nav a 
{
width: 85px;
}

#nav a:hover
{
color: #000;
background-color: #C9C0AD;
padding: 2px 0 2px 5px;
}

#nav li ul li a
{
background-color: #DEDACF;
padding: 2px 0 2px 5px;
}

#nav li ul li a:hover
{
margin: 0 0 0 0;
}

#nav li 
{
float: left;
width: 10em;
}

#nav li ul 
{
position: absolute;
width: 12em;
left: -999em;
}

* html #nav li ul 
{
width: 85px;
}

#nav li:hover ul 
{
left: auto;
}

#nav li:hover ul, 
#nav li.sfhover ul 
{
left: auto;
}

li#navHome
{
width: 67px;
}

li#navAbout
{
width: 67px;
}

li#navServices
{
width: 92px;
}

* html li#navServices
{
width: 80px;
}

li#navLibrary
{
width: 77px;
}

li#navCalendar
{
width: 86px;
}

* li#navCalendar
{
width: 76px;
}

li#navVolunteer
{
width: 91px;
}

* html li#navVolunteer
{
width: 80px;
}

li#navDonate
{
width: 81px;
}

* html li#navDonate
{
width: 80px;
}

li#navContact
{
width: 75px;
}

li#navContact a:hover
{
width: 85px;
}

.textInput
{
margin: 2px 0;
border: 1px solid #ccc;
background: #eee;
color: #000;
}

#homeDonateVolunteer,
#sidebarDonateVolunteer
{
width: 103px;
background: #f9f6f3;
	padding: 8px 16px 20px;
}

* html #homeDonateVolunteer,
* html #sidebarDonateVolunteer
{
padding: 8px 16px 20px;
}

#sidebarDonateVolunteer
{
margin: 0 auto;
background: transparent;
}

#sidebarPhone
{
clear: both;
width: 135px;
margin: 10px auto;
padding: 10px 0;
}

.sidebarBtn
{
float: left; 
margin: 10px 0 4px -25px;
}

* html .sidebarBtn
{
float: left; 
margin: 10px 0 4px -14px;
}

h1.home
{
float: left;
clear: both;
margin: 10px 0 3px 0;
color: #000;
font-size: 10px;
text-transform: uppercase;
}

.odd,
.even 
{
display: block;
clear: both;
width: 330px;
padding: 5px;
color: #6C645D;
font-size: 9px;
}

.odd,
.even 
{
width: 317px;
}

.odd
{
background: #f5efe6;
}

.even
{
background: #f9f5ee;
}

.odd .date,
.even .date
{
float: left;
width: 100%;
margin: 0 7px 0 0;
color: #333;
font-weight: bold;
}

.odd .info,
.even .info
{
display: block;
clear: both;
width: 100%;
height: 20px;
overflow: hidden;
}

#homeCrisisPod
{
float: left;
clear: both;
width: 330px;
padding: 15px 0 0 5px;
background: #e9cce0 url('/images/bkgr/crisis-pod.jpg') no-repeat 0 0;
color: #000;
}

* html #homeCrisisPod
{
width: 330px;
height: 62px;
padding: 10px 0 0 5px;
}

#homeCrisisPod p
{
float: left;
width: 225px;
margin: 0;
padding: 0;
color: #000;
font-size: 9px;
}

#homeCrisisPod p.wide
{
width: 280px;
text-align: right;
}

* html #homeCrisisPod p.wide
{
width: 315px;
}

#homeCrisisPod h2
{
float: left;
width: 95px;
margin: 0 5px 0 0;
padding: 0;
font-weight: bold;
color: #000;
font-size: 9px;
text-align: left;
}

#homeCrisisPod h2.wide
{
width: 320px;
text-align: left;
}

.homeLeftBtn
{
float: left;
margin: 10px 0 0 -9px;
}

* html .homeLeftBtn
{
margin: 10px 0 0 -5px;
}

.line
{
float: left;
margin: 12px 0;
}

#rightSidebar
{
float: left;
clear: both;
width: 138px;
padding: 9px 6px;
background: #e9e9e9 url('/images/bkgr/right-sidebar-pod.jpg') repeat-x 0 0;
}

* html #rightSidebar
{
width: 152px;
}

#rightSidebar h1
{
margin: 5px 0;
padding: 0 0 5px 0;
color: #221f73;
font-size: 14px;
line-height: 15px;
text-transform: uppercase;
border-bottom: 1px solid #221f73;
}

#rightSidebar h2
{
margin: 5px 0;
color: #373737;
font-size: 10px;
}

#rightSidebar p
{
margin: 5px 0 0 0;
color: #515151;
}

#rightSidebar a
{
color: #434343;
font-weight: bold;
}

#passItOnBtn,
#facebookBtn
{
float: left;
clear: both;
margin: 0 0 10px 20px;
}

#passItOnBtn
{
margin-left: 10px;
}

.imgRight
{
float: right;
margin: 0 0 10px 10px;
}

#internalSocial
{
float: left;
clear: both;
margin: 0 0 5px 25px;
}

* html #internalSocial
{
margin: 0 0 5px 12px;
}

#socialMediaBox
{
float: left;
clear: both;
width: 120px;
margin: 5px 0 5px 2px;
padding: 9px 6px;
background-color: #e9e9e9;
}

#socialMediaBox h2
{
margin:5px 0;
padding:0 0 5px;
border-bottom: 1px solid #221f73;
color: #221f73;
font-size: 12px;
text-align: left;
text-transform:uppercase;
line-height:15px;
}

.imgCol
{
float: left;
width: 35px;
margin: 3px 0;
}

.imgCol img
{
float: right;
}

.descCol
{
float: left;
width: 70px;
margin: 3px 0 3px 4px;
text-align: left;
}

#rockKidsBtn
{
float: left;
clear: both;
margin: 0 0 0 5px;
}

.clear
{
clear: both;
}