/**
------------------------------------------------- layout
**/

html {
  height: 100%;	
}

body {
  background: url(../images/bg-header-other.png) repeat-x;
  height: 100%;
  font-family: calibri, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif !important;
}



body#home {
	background: url(../images/bg-header.png) repeat-x;
}

body#aphasia {
	background: url(../images/bg-header-aphasia.png) repeat-x;
}

body#about {
	background: url(../images/bg-header-about.png) repeat-x;
}

body#work {
	background: url(../images/bg-header-work.png) repeat-x;
}

body#support {
	background: url(../images/bg-header-support.png) repeat-x;
}

body#contact {
	background: url(../images/bg-header-contact.png) repeat-x;
}

a {
	color: #990033;
  	font-weight: bold;
  	text-decoration: none;
  	outline: none;
}

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

img {
	border: 0;
}

th, td {
	padding: 0.5em;
}

h1, h2, h3 h4{
  
  font-family: calibri, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif !important;
  
}

ul {
  
}

ul li{
  color: #000033;	
}



ol {
  padding-left: 20px;	
}

ol li {
	list-style: outside decimal;
	color: #000033;
  font-size: 90%; 
}


#main {
  margin-top: 40px;
}

#main h1 {
	color: #002851;
	height: 30px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 130%;
	line-height: 30px !important;
}

#intro h1 {
	color: #FFF;
	font-size: 200%;
	padding-left: 20px;
}

#main h2 {
  	margin-bottom: 15px;
	font-weight: bold;
	color: #002851;
	font-size: 115%;
	text-decoration: none;
}

#wrap {
  background: url(../images/bg-footer.png) repeat-x bottom left;
  min-height: 100%;
  height: auto;
  position: relative;
}

#root {
  width: 950px;
  margin: 0 auto;
  height: auto;
  min-height: 100%;
}

#header {
  height: 166px;
  position: relative;
  width: 100%;
}

#content {
  padding-bottom: 380px;
}

#footer {
  height: 270px;
  margin-top: -270px;
  position: absolute;
  bottom: 0;
  width: 950px;
}

#logo {
  height: 100px;
  background: url(../images/bg-logo.png) 0 93px no-repeat;
  padding: 17px 0 0 0;
  float: left;
  width: 250px;
}


#content h1 {
  line-height: 80px;	
}

div#header p,
div#content p {
  color: #000000;
  font-size: 97%;
  margin-bottom: 20px;
  line-height: 1.5em;
}

strong {
  font-weight: bold;
}

/** home page intro **/

#home #intro {
	height: 225px;
	background: url(../images/banner.jpg) no-repeat;
	width: 100%;
}

/* front page header picture */
#home #intro img {
  float: left;
  margin-right: 20px;
}

#home #intro div {
  float: right;
  width: 265px;	
  margin-right: 20px;
}

#home #intro p {
  color: #FFF;
  font-size: 120%;
}

#home #intro h1 {
	padding: 0;
}


#home #intro a {
  font-weight: bold;
  color: #FFF;
}

/** other page intro **/
#intro {
	height: 120px;
	/* temp dis width: 600px; */
}


/* top links */

#toplinks {
  float: right;
}


#toplinks p {
	padding-top:13px;
	height: 20px;
	width: 100px;
	float:right;
	text-align: right;

}



/* header navigation */



#header ul.nav {
	position: absolute;
	right: 0;
	top: 130px;
	margin: 0;
}

#header ul.nav li {
  display: inline;
  border-right: 1px solid #CDD5DD;
  
}

#header ul.nav li a {
  padding: 0 23px;
  color: #002954;
  font-size: 100%;
  text-decoration: none;
}

#header ul.nav li a:hover {
  color: #238074;
  text-decoration: underline;
}

#header ul.nav li.last-child {
	border-right: 0;
}

#header ul.nav li.last-child a {
  padding-right: 0px;
  border-right: 0;
}

/* footer navigation */

div.footercontent {
	padding:30px 0 50px;
	width:750px;
	float: left;
}

div.footercontent ul {
display:inline;
}

div.footercontent ul li {
	background:none repeat scroll 0 0 transparent;
	border-left:1px solid #CCCCCC;
	color:#666666;
	display:block;
	float:left;
	font-size:100%;
	font-weight:bold;
	height:140px;
	padding-left:15px;
	text-align:left;
	width:130px;
}

div.footercontent a {
	color: #666666;

}

div.footercontent a:hover{
	color: #238074;
	text-decoration: underline;

}



div.footercontent ul li ul {
	display:block;
	margin-top:10px;
}

div.footercontent ul li ul li {
	border-left:0 none !important;
	display:block;
	font-size:90%;
	font-weight: normal;
	height:25px;
	padding:0 !important;
	width:100%;
}


div.footercontentright {
	padding:30px 0 50px;
	width:170px;
	margin: 0 0 0 30px;
	float: right;
	font-size: 90%;
	text-align: right;
}

div.footercontentright img{
	margin-bottom: 20px;

}


/**
------------------------------------------------- home page content
**/




div#content div.col {
  float: left;
  width: 250px;
  margin: 0 0 0 30px;
  padding-right: 30px;
  background: url(../images/bg-coldivider.jpg) no-repeat top right; 
}



div#content div.col img{
	float: right;
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin: 0 0 10px 10px;


}


/**
------------------------------------------------- global page content
**/




#left {
  float: left;
  width: 150px;
  height: 250px;
  margin-left: 20px;
  background:url("../images/page-marker.png") no-repeat scroll right top transparent;

}

#middle {
  float: left;
  width: 500px;
  margin-left:30px;
  background:url("../images/page-marker.png") no-repeat scroll right top transparent;


}



#right {
  float: right;
  width: 220px;
  margin-left: 30px;
}


/**
------------------------------------------------- left column global
**/


#left h2{
 	 margin-bottom: 10px;
	font-weight: bold;
	color: #002851;
	font-size: 115%;

}

#left ul{
	
}


#left ul li {
	background:url("../images/bullet_link.png") no-repeat scroll 0 5px transparent;
	margin:5px 20px 0 0;
	font-size: 97%;
}

#left ul li a {
	display:block;
	padding:0 0 0 14px;
}

#left #currentpage a {
	background: #D2D9E1;
	color: #002851;
	text-decoration: none;
}

/**
------------------------------------------------- middle column global
**/

div.middlecol {
	padding-right: 30px;
}


div.middlecol h1 {
	color: #002851;
	height: 30px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 185%;
	line-height: 30px !important;
}

div.middlecol h2 {
	color: #002851;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 125%;
}

div.middlecol h3 {
	color: #002851;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 115%;
}

div.middlecol h4 {
	color: #002851;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 97%;
}


div.middlecol img {
	float: right;
	border: 1px solid #CFCFCF;
	margin: 0 0 15px 15px;
}


div.middlecol ol {
	
}

div.middlecol ol li{
	line-height: 2.0em;
}


div.middlecol ul {
	padding-left: 10px;
	margin-bottom: 20px;
}

div.middlecol ul li {
	list-style: disc inside none;
	line-height: 1.5em;	
	font-size: 97%;
}



/**
------------------------------------------------- right column global
**/

#right h2{
  color: #000033;
  padding: 5px 5px 5px 10px;
  font-size: 115%;
  line-height: 1.5em;
  background: url(../images/bg-h2title.png) no-repeat top left;
  margin-bottom: 10px;
}

/**
------------------------------------------------- Useful Links page
**/


div.middlecol div.links {
	margin-bottom:15px;
	min-height:100px;
}

div.middlecol div.links img {
	border:1px solid #BEC7CC;
	float:left;
	margin:0 15px 15px 0;
}

div.middlecol div.links p {
	margin-bottom:30px;
}



/**
------------------------------------------------- Wish List Table
**/


table.chart {
	border:medium none;
	font-size:1.0em;
	color: #000033;
	width:100%;
	margin-bottom: 30px;
}

table.chart td.column1 {
	border-bottom:1px dotted #C6E2ED;
	padding:5px;
	width:70%;
}
table.chart td.column2 {
	border-bottom:1px dotted #C6E2ED;
	padding:5px 10px;
	width:5%;
}
table.chart td.column3 {
	border-bottom:1px dotted #C6E2ED;
	padding:5px 10px;
	font-weight:bold;
	text-align:right;
	width:25%;
}



/**
------------------------------------------------- testimonials
**/

div.testimonial {
  margin: 3px 0;
  width: 180px;
  padding: 20px;
  font-size: 97%;
  line-height: 1.5em;
  

  
}

div.quote1 {
	background-color: #F2F4F6;
	margin-bottom: 10px;

}


div.quote2 {
	background-color: #F2F4F6;
}

div.testimonial em {
  font-style: normal;
  font-size: 100%;
  font-family: calibri, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif !important;
}


/**
------------------------------------------------- donate widget
**/


div.w-donate {
	min-height: 80px;
	border-top: 1px dotted #CDD5DD;
  	border-bottom: 1px dotted #CDD5DD;
	margin-bottom: 5px;
	background-color: #F2F4F6;
	
}


div.w-donate p {
	padding: 10px 10px 0 10px;
}


div.w-donate img{
	width: 100px;
	float: right;
	border: 1px solid #CDD5DD;
	margin: 10px 10px 0 0;

	}


.donate{
	border-bottom: #CDD5DD 1px dotted;
	padding: 10px 0 10px 0;
	
}


/**
------------------------------------------------- content image assets
**/

img.photo {
  float: left;
  margin: 0 15px 15px 0;  
}

img.scale {
  padding: 6px;
  border: 1px solid #CEDCE2;
}