/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    shirley thompson
email:     quists@hotmail.com

-----------------------------------------------------------------------------*/

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}


/* Basic Styling
------------------------------------*/

body {
  font: 76%/1.6 Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
  background-color: #e8e8e8; color:#003366;
}
h1 {
  font-size: 1.5em;
  font-weight: normal;
  color: #c90000;
  border-bottom:1px dashed #cccccc;
  width:98%;
 
  }

h2 {
  font-size: 1.2em;
  font-weight: normal;
  color: #c90000;
}

h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #c90000;
  margin-top:10px;
}

h4 {
  font-size: 1.1em;
  font-weight: normal;
  color: #c90000;
  margin-top:10px;
}

h1, h2 {
  margin: 10px 0;
}
p a.back{ text-decoration:none;color: #c90000; font-weight:bold;  padding:0 0 2em 0}
p {
  margin: .8em 0;
}

#wrapper {
  width: 870px; 
  margin: 0 auto; 
  text-align: left; 
  background-color:#fff;
}
#topbar {
  width: 865px;
  height: 39px;
  padding: 5px 0 0 5px;
  
}
#branding {
  height: 203px;
  margin: 0 13px 0 13px;
  float:left;
  margin-top:0;
  border-bottom:2px solid #cccccc;
}

#branding .left {
  height: 200px;
  width: 160px;
  height: 153px;
  margin: 0 30px 0 0;
  float:left;
  border-bottom:3px solid #c90000;
}
#branding .mid {
  height: 200px;
  width: 302px;
  padding-top: 0;
  padding-left: 26px;
  float:left;
}
#branding .right {
  height: 200px;
  width: 305px;
  padding: 0px;
  float:left;
}

/* mainNav
------------------------------------*/

#navigation ul  a
{
color: #003366;
font-weight:bold;
background: #c9c9c9 url(../images/tab-left.jpg) left top no-repeat;
text-decoration: none;
padding-left: 7px;
height:35px;
}

#navigation ul ul.child a
{
color: #003366;
font-weight:bold;
background: #c9c9c9;
text-decoration: none;
padding-left: 7px;
height:29px;
width:130px;
}

#navigation ul ul.childServ a
{
color: #003366;
font-weight:bold;
background: #c9c9c9;
text-decoration: none;
padding-left: 7px;
height:29px;
width:260px;
}

#navigation ul a span
{
background: url(../images/tab-right.jpg) right top no-repeat;
padding-right: 9px;
padding-top: 8px;
height:35px;
}

#navigation ul ul.child a span
{
background: #c9c9c9;
padding-right: 9px;
padding-top: 8px;
height:29px;
width:130px;
}

#navigation ul ul.childServ a span
{
background: #c9c9c9;
padding-right: 9px;
padding-top: 8px;
height:29px;
width:260px;
}



#navigation a, #navigation a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation ul a:hover
{
color: #fff;
background: #c90000 url(../images/tabover-left.jpg) left top no-repeat;
padding-left: 7px;
height:35px
}


#navigation ul ul.child a:hover
{
color: #fff;
background: #c90000;
padding-left: 7px;
height:29px;
}

#navigation ul ul.childServ a:hover
{
color: #fff;
background: #c90000;
padding-left: 7px;
height:29px;

}

#navigation ul a:hover span
{
background: url(../images/tabover-right.jpg) right top no-repeat;
padding-right: 9px;
height:35px
}

#navigation ul ul.child a:hover span
{
background: #c90000;
padding-right: 9px;
height:29px
}

#navigation ul a.on
{
color: #fff;
background: #c90000 url(../images/tabover-left.jpg) left top no-repeat;
padding-left: 7px;
height:35px
}

#navigation ul ul.child a.on
{
color: #fff;
padding-left: 7px;
height:35px
}



#navigation ul a.on span
{
background: url(../images/tabover-right.jpg) right top no-repeat;
padding-right: 9px;
height:35px
}

#navigation ul ul.child a.on span
{
padding-right: 9px;
height:35px
}

#navigation ul
{
padding: 0;
margin: 0;
}
#navigation ul ul.child
{
padding: 0;
margin: 0;
}

#navigation ul li
{
float: left;
margin: 0 1px 0 1px;
list-style: none;
}

#navigation ul ul.child li
{
float: left;
margin:0;
list-style: none;
} 

#content { 
  width: 860px; 
  float: right; 
  clear:none;
}

#mainContent { 
  width: 503px; 
   font-size:110%;
  margin: 0; 
  float: left;
  padding-left:5px; 
  padding-right:10px; 
}

#mainContent_media { 
  width: 470px; 
   font-size:110%;
  margin: 0; 
  float: left;
  padding-left:5px; 
  padding-right:10px; 
}
#mainContent_home { 
  width: 670px;
  font-size:100%; 
  margin: 0; 
  float: left;
  padding-left:5px; 
  padding-right:10px; 
}
#mainContent_services { 
  width: 470px;
  font-size:100%; 
  margin: 0; 
  float: left;
  padding-left:5px; 
  padding-right:10px; 
}

#mainContent_contact { 
  width: 390px;
  font-size:100%; 
  margin: 0; 
  float: left;
  padding-left:5px; 
  padding-right:10px; 
}

#mainContent .copy{ 
  width: 470px;
  float: left; 
}
#mainContent .pics{
 width: 160px;
 float: right; 
 padding:32px 0 0 0;
}
 .vid{
 width: 240px;
 float: left; 
 padding:32px 0 0 40px;
 margin:0;
}
.events img{border:1px solid #c90000; padding:1px 1px;
}
#leftcontent { 
  width: 410px; 
  margin: 0 10px 0 0; 
  float: left; 
  min-height:550px;
}

#leftcopy { 
  width: 470px; 
  margin: 0 10px 0 0; 
  float: left; 
  min-height:550px;
}

#leftcopy p{ 
  width: 460px; 

}
#rightcontent { 
  width: 400px; 
  margin: 50px 0 0 0; 
  float: left;
  
}

#secondaryContent { 
  width: 300px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: left; 
  padding-right:10px
} 

#footer { 
  clear: both; 
} 

/* Add some padding
================================== */

 #secondaryContent {
  padding-top: 22px;
  padding-bottom: 20px;
}

#secondaryContent * {
  padding-left: 0;
  padding-right: 10px;
}

#secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}


.bullets ul
{
padding: 0;
margin: 0;
}

.bullets li 
{
padding-left: 0px;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 5px 0.6em;
list-style:none;
text-indent:20px;
margin:10px 0;
}

.donate
{
padding: 0;
margin:10px 0 0 0;
}

.numbered ul
{
padding: 0;
margin: 0;
}

.numbered li 
{
list-style-position:inside;
padding-left: 0px;
background-position: 2px 0.6em;
}
.services ul.indentlist
{
padding: 0;
margin: 0 0 0 13px;
}

.services ul
{
padding: 0;
margin: 0;
}

.services ul.indentlist li
{
padding: 0;
padding-left: 0px;
background-image: url(../images/bullet_sub.gif);
background-repeat: no-repeat;
background-position: 2px 0.6em;
list-style:none;

}

.services li 
{
padding-left: 0px;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 2px 0.6em;
list-style:none;
}
.services li a
{
margin-left: 15px; 
text-decoration: none;
color:#003366;
}


.services li a:hover
{
color:#C90000;
}


.map{margin-top:40px;}

#footer{ margin: 30px auto 0 auto; 
		width:830px;
		height:26px;
		background-color:#CCCCCC;
		padding: 5px 20px 5px 20px; 
		font-size:80%;
		font-weight:bold;
		}
		
#footer p.left{ float:left}
#footer p.right{ float:right}

#footer_home{ margin: 2px auto 0 auto; 
 clear: both; 
		width:830px;
		height:26px;
		background-color:#CCCCCC;
		padding: 5px 20px 5px 20px; 
		font-size:80%;
		font-weight:bold;
		}
		
#footer_home p.left{ float:left}
#footer_home p.right{ float:right}


#logos { margin: 10px auto 0 auto; 
		width:830px;
		
		background-color:#ffffff;
		padding: 5px 20px 0 20px; 
		font-size:80%;
		font-weight:bold;
		}
#logos ul li{ float:left; padding-right:25px;list-style:none;
		}
		
#logos_vert { margin: 30px auto 0 auto; 
		background-color:#ffffff;
		padding: 5px 20px 0 0; 
		}
#logos_vert ul li{padding-bottom:20px;list-style: none;
		}
		
		
		ul.clientLogos { margin: 30px auto 0 auto; 
		background-color:#ffffff;
		padding: 5px 20px 0 0; 
		}
ul.clientLogos li{float:left; padding-right:45px;padding-bottom:25px;list-style: none;
		}

/*---PROFILES --*/
.profilelist_row {width:420px; clear:both; height:100px; margin:0 0 25px 0; padding:0; }
	.profilelist_row .pic_area {width:100px; float:left; height:89px; padding:0; margin: 0 5px 0 0;}
	.profilelist_row .pic_area img {border:none;}
	.profilelist_row .personinfo {float:left; width:300px; height:auto;color:#003366;}
		.profilelist_row .personinfo p {clear:left; margin:0; padding:0;  color:#003366;}
		.profilelist_row .personinfo p.title {font-weight:bold; margin:-2px 0 0 0; padding:0;}
		a.readprofile {padding:0 0 0 15px}
		
.profile_spotlight {clear:both; width:360px; height:110px; padding:0; margin: 0 40px 20px 0;}
	.spotlight_img {float:left; width:170px; height:112px; padding:0; margin: 0 18px 0 0;}
	.profile_spotlight .details {float:left; width:180px; height:auto; margin-top:45px;}
	.profile_spotlight .details p {float:left; margin:0 0 0 10px; padding:0;  color:#999999; width:250px;}
	.profile_spotlight .details p.title {font-weight:bold;  margin:0 0 0 10px; padding:0;}
	.profile_spotlight .details p.name {font-weight:bold; margin-top:15px; padding:0; font-size:1em;}
		
dl#profile {float:left; clear:both; list-style:none; width:380px;  margin:40px 0 0 0}	
dl#profile dt {float:left; clear:right; font-weight:bold; margin:0 0 3px 0; padding:0}
dl#profile dd {clear:left; margin:0 0 12px 0; padding:0; line-height:1.3em;}