/* CSS Document */

body {
background-image:url(../images/background.jpg); 
background-repeat:repeat; 
background-position:top left;
padding:0px;
margin:0px;
}

#main {
width:900px; 
background-color:#FFF; 
margin: 0 auto;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000;
line-height:18px;
}

#header {
width:900px;
height:153px;
margin:0;
background-image:url(../images/headerBackground.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#leftHeader {
float:left;
width:281px;
height:148px;
margin:0;
padding:0 0 0 6px;
}
#rightHeader {
float:right;
width:613px;
}

#content {
padding:15px 6px 20px 6px;
margin:0 0 20px 0;
}

#leftContent {
float:left;
width:289px;
margin:0;
}

#rightContent {
float:right;
width:579px;
margin:0;
}

#allContent {
float:right;
width:868px;
margin:0;
}

#leftWelcome {
float:left;
width:320px;
margin:0;
}
#rightWelcome {
float:left;
width:244px;
margin:0;
padding:0 5px 0 5px;
}

.leftColumn {
float:left;
width:284px;
padding:0 5px 0 0;
margin:0;
}
.rightColumn {
float:left;
width:284px;
padding:0 0 0 5px;
margin:0;
}

.endContent {
clear:both;
height:1px;
}

.rightContentInformation {
padding:0 10px 10px 0;
}

.rightContentInformation p {
padding:5px 10px 5px 15px;
}
.rightContentInformation h1 {
padding:10px 15px 15px 15px;
}
.rightContentInformation h2, .rightContentInformation h3 {
padding:5px 15px 5px 15px;
}

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

.rightContentInformation ul li{
margin:0;
padding:0;
}

ul.normal {
padding:0 10px 5px 15px;
margin:0 10px 0 15px;
}
ul.normal li {
margin:5px 0 5px 15px;
}

.rightContentInformation ul.cases {
margin:10px 0 0 0;
padding:0 0 15px 15px;
}
.rightContentInformation ul.cases li {
list-style-type:none;
margin:0;
padding:3px 0 3px 0;
}

#content a:active, #content a:link, #content a:visited {
color:#FF0000;
text-decoration:none;
}
#content a:hover {
color:#942925;
text-decoration:underline;
}

.welcomeContent {
padding:0 0 0 5px;
}
.welcome {
display:inline;
}

.leftColumn img, .rightColumn img {
padding:5px;
}

.testimonial {
margin:15px 0 0 0;
}

p {
margin:0 0 20px 0;
padding:0 0 15px 5px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
color:#942925;
margin:0px;
padding:3px 0 3px 0;
}

h2 {
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:18px;
color:#000;
background-image:url(../images/titleBackground.jpg);
padding:10px 0 10px 10px;
margin-top:0px;
}

h2.long {
padding:10px 0 10px 5px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#942925;
margin:0px;
padding:2px 0 5px 5px;
}

/* Board Member Info */
.board {
margin:10px 0 30px 0;
}
.board h6{
padding:0 0 0 15px;
margin:5px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000;
text-decoration:underline;
}
.boardImage {
float:left;
padding:0 10px 0 0;
}
.boardImage img {
border:1px solid #000;
margin:5px 0 0 0;
}
.boardInfo {
float:left;
padding:0 0 0 10px;
width:427px;
}
.boardend {
clear:both;
height:1px;
}

/* Ways to Give */
.giving img {
border:1px solid #000;
}

/* Middle Aligned Stuff */
h1.middle {
text-align:center;
font-size:36px;
font-weight:bold;
}
p.middle {
text-align:center;
}
p.middle img {
border:1px solid #000;
}
h1.middle {
font-size:30px;
}

#contactFooter {
padding:5px 10px 10px 15px;
}
div.contact {
float:left;
width:33%;
text-align:center;
}

/* Heart Mission Cases*/
.leftHeart {
float:left;
width:150px;
padding-left:20px;
}
.leftHeart img {
border:1px solid #000;
}

.rightHeart {
float:left;
width:300px;
}

/* Vision Mission Cases*/
.leftVision {
float:left;
width:150px;
padding-left:20px;
}
.leftVision img {
border:1px solid #000;
margin-top:5px
}

.rightVision {
float:left;
width:375px;
}

/* Acute Care Mission Cases*/
.leftCare {
float:left;
width:262px;
}
.rightCare {
float:left;
width:262px;
}
.leftCare img, .rightCare img {
border:1px solid #000;
margin:5px 0 10px 0;
}



/* Financial Report Style */
.leftGraph {
float:left;
width:450px;
}
.rightGraph {
float:right;
width:400px;
}

ul.graph {
padding:0 10px 5px 15px;
margin:50px 10px 20px 0;
}
ul.graph li{
margin:5px 0 10px 15px;
padding:0 0 0 5px;
}
ul.graph li.heartList {
list-style-image:url(../images/heartList.gif);
}
ul.graph li.visionList {
list-style-image:url(../images/visionList.gif);
}
ul.graph li.orthoList {
list-style-image:url(../images/orthoList.gif);
}
ul.graph li.burnList {
list-style-image:url(../images/burnList.gif);
}
ul.graph li.acuteList {
list-style-image:url(../images/acuteList.gif);
}


/* Slide Show Styles */
.slideShow {
margin:0 0 0 15px;
text-align:center;
}
.slideShow img {
width:640px;
height:480px;
margin:0 0 10px 0;
padding:0 0 0 0;
border:solid #000 1px;
}
.controls {
text-align:center;
margin:0 0 10px 0;
}
.previousButton, .nextButton {
text-align:center;
display:inline;
}
#content .previousButton a, #content .nextButton a {
margin:10px;
padding:5px 10px 5px 10px;
border:solid #000 1px;
background-color:#942925;
color:#fff;
text-decoration:none;
}
#content .previousButton a:hover, #content .nextButton a:hover {
margin:10px;
padding:5px 10px 5px 10px;
border:solid #000 1px;
background-color:#000;
color:#fff;
text-decoration:none;
}
.slideShow br {
clear:both;
text-decoration:none;
}


/* Newsletter archive specific styles*/

ul.newsletter {
padding:0 10px 5px 15px;
margin:0 10px 0 15px;
}
ul.newsletter li {
margin:5px 0 5px 15px;
list-style-image:url(../images/pdficon.gif);
padding:0 0 0 5px;
}



/*  ROLL OVER BUTTON */
.cssnav
{
float:right;
position: relative;
background-image:url(../images/donateNowOver.jpg); background-repeat:no-repeat;
white-space: nowrap;
display: block;
width: 221px;
height: 89px;
margin: 0;
padding: 0 6px 0 0;
border:none;
}
.cssnav a
{
display: block;
width: 221px;
height: 89px;
float: left;
text-decoration: none;
}

.cssnav img
{
width: 221px;
height: 89px;
border:none;
}

.cssnav a:hover img, .cssnav span
{
visibility:hidden;
}
.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

