body#index{
margin:0 auto;
background:url(images/bg.jpg) 0 60px repeat-x;
}

body{
margin:0 auto;
background:url(images/bg.jpg) 0 20px repeat-x;
}

#top{
font-family: arial,helvetica,sans-serif;
margin: 0 auto 0 auto;
padding: 0;
width: 800px;
height: 40px;
}

/* B E G I N  ::  T O P   N A V I G A T I O N ....................................... */
#navcontainer{
margin: 20px 0;
padding: 0;
text-align: center;
font-size: 80%;
}

ul#navlist{
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited{
color: #824e00;
background-color: #fff;
text-decoration: none;
}

#navlist a:hover{
color: #824e33;
background-color: #fff;
text-decoration: underline;
}
/* E N D  ::  T O P   N A V I G A T I O N ....................................... */

body#index #header{
font-family: arial,helvetica,sans-serif;
margin: 0 auto 0 auto;
padding: 0;
color: #824e00;
background: #fff url('images/ducks.jpg') no-repeat top left;
width: 800px;
height: 280px;
}

#header{
font-family: arial,helvetica,sans-serif;
margin: 0 auto 0 auto;
padding: 0;
color: #824e00;
background: #fff url('images/ducks.jpg') no-repeat top left;
width: 800px;
height: 280px;
}

#header h1{
margin: 0;
padding: 0;
}

#header p{
letter-spacing: 3px;
margin: 0;
padding: 0 0 0 3px;

}

#newsletter{
font-family: Georgia,'times new roman',times,serif;
margin: 180px 0;
padding: 10px;
border: 2px solid #dcdcdc;
background-color: #f2f2f2;
width: 45%;
}

#addstory{
font-family: Georgia,'times new roman',times,serif;
font-weight: bold;
font-size: 112%;
letter-spacing: 3px;
text-transform: uppercase;
text-align: center;
margin: 140px 0;
padding: 10px;
border: 2px solid #dcdcdc;
background-color: #f2f2f2;
width: 45%;
}

#addstory a{text-decoration: none; color: #aa9045; background-color: #f2f2f2;}

#storybox{
color: #aa9045;
background-color: #fff2c6;
}

#storybox a{text-decoration: none; color: #d20039; background-color: #fff2c6; }

#storybox h1{
color: #aa9045;
background-color: #fff2c6;
}

input,textarea,select,file,option{
color: #aa9045;
background-color: #fff;
border: 1px solid #aa9045;
}

file{
color: #aa9045;
border: none;
}

option{border: none;}

.inbox{
font-family: arial,helvetica,sans-serif;
margin-bottom: 5px;
}

.label{
float: left;
color: #aa9045;
background-color: #fff2c6;
width: 120px;
}

#email{
margin: 0 10px 0 30px;
}

#getNews{
font-weight: bold;
color: #fff;
background-color: #d20039;
}

#title{
font-family: Georgia,'times new roman',times,serif;
font-style: italic;
margin: 20px auto 0 auto;
padding: 60px 0;
color: #989898;
background: #fff url('images/middlebg.jpg') no-repeat top center;
width: 800px;
}

#title p{
float: left;
font-size: 112%;
line-height: 132%;
margin: 0 3% 0 0;
padding: 0;
width: 55%;
}

#title a:link{text-decoration: underline; color: #6d6d6d; background-color: #fff;}
#title a:visited{text-decoration: underline; color: #6d6d6d; background-color: #fff;}
#title a:hover{text-decoration: none; color: #6d6d6d; background-color: #fff;}

#signature{
clear: both;
text-align: right;
margin: 0;
padding: 0 0 0 40%;
}

#signature a:link{text-decoration: none; color: #989898; background-color: #fff;}
#signature a:visited{text-decoration: none; color: #989898; background-color: #fff;}
#signature a:hover{text-decoration: underline; color: #989898; background-color: #fff;}

#cancerstories{
float: left;
}

.quote{
float: left;
vertical-align: middle;
}

.endquote{
vertical-align: middle;
}

#content{
clear: both;
margin: 0 auto 0 auto;
padding: 0;
width: 800px;
}

#boxleft,#boxright{
float: left;
margin: 60px 0;
padding: 0;
width: 49%;
}

#boxleft h2,#boxright h2{
margin: 0 0 10px 0;
padding: 0;
color: #3d3c2c;
}
#boxleft h3,#boxright h3{
margin: 0 0 10px 0;
padding: 0 0 5px 60px;
color: #b38800;
background: #fff url('images/cancerstory.jpg') no-repeat top left;
}
#boxleft p,#boxright p{
font-family: arial,helvetica,sans-serif;
font-size: 132%;
margin: 0;
padding: 0;
color: #d20039;
}

/* B E G I N   ::   S T O R Y   N A V I G A T I O N ................... */
.navstory { margin-top: 30px; width: 100%; }

.navstory ul{
margin: 0 0 0 6%;
padding: 0;
list-style-type: round;
color: #d20039;
font-family: Arial, Helvetica, sans-serif;
}

.navstory a{
display: block;
padding: 3px;
width: 160px;
background-color: #fff;
border-bottom: 0px solid #eee;
width: 98%;
}

.navstory a:link, .cancerstory a:visited{
color: #999;
background-color: #fff;
text-decoration: none;
}

.navstory a:hover{
color: #cdcdcd;
background-color: #fff;
text-decoration: none;
}

/* E N D   ::   S T O R Y   N A V I G A T I O N ................... */


#shout{
clear: both;
font-family: Georgia,'times new roman',times,serif;
font-style: italic;
margin: 0 0 30px 0;
padding: 10px;
color: #989898;
background-color: #fff;
width: 50%;
}



#storefront{
clear: both;
margin: 0 auto 0 auto;
padding: 0;
width: 800px;
}

.storeshelf{
font-family:arial,helvetica,sans-serif;
text-align: center;
float: left;
margin: 0 10px 0 0;
padding: 10px;
max-width: 130px;
min-height: 240px;
border: 1px solid #000;
}



#footer{
clear: both;
margin: 0;
padding: 60px 0;
color:;
background: #fff url('images/footerbg.jpg') repeat-x top left;
}


/* B E G I N  ::  F O O T E R   N A V I G A T I O N ....................................... */
#navfoot{
font-family: arial,helvetica,sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size: 80%;
}

ul#navfootlist{
margin: 0;
padding: 0;
white-space: nowrap;
}

#navfootlist li{
display: inline;
list-style-type: none;
border-right: 1px solid #824e00;
}

#navfootlist a { padding: 3px 10px; }

#navfootlist a:link, #navfootlist a:visited{
color: #824e00;
background-color: transparent;
text-decoration: none;
}

#navfootlist a:hover{
color: #824e33;
background-color: transparent;
text-decoration: underline;
}
/* E N D  ::  F O O T E R    N A V I G A T I O N ....................................... */

.allclear{clear: both;}
img{border: none;}


.mystory{
float: left;
margin-right: 1%;
/*
color: #aa9045;
background: transparent url('images/canvas.jpg') no-repeat top left;
*/ 
width: 140px;
height: 170px;
border: 1px solid #aa9045;
}

#mystory{
float: left;
font-family: arial,helvetica,sans-serif;
font-size: 90%;
margin-right: 6%;
width: 70%;
}

#pagelinks{
font-family: arial,helvetica,sans-serif;
font-size: 90%;
font-weight: bold;
}

#pagelinks a:link{text-decoration: none; padding: 3px; color: #d20039; background-color: #fff; border: 0px solid #d20039;}
#pagelinks a:visited{text-decoration: none; padding: 3px; color: #d20039; background-color: #fff; border: 0px solid #d20039;}
#pagelinks a:hover{text-decoration: underline; padding: 3px; color: #d20039; background-color: #fff; border: 0px solid #d20039;}


#aboutleft{
float: left;
font-family: arial,helvetica,sans-serif;
font-size: 90%;
width: 70%;
}

#aboutleft a:link{text-decoration: none; padding: 3px; color: #d20039; background-color: #fff; border: 0px solid #d20039;}
#aboutleft a:visited{text-decoration: none; padding: 3px; color: #d20039; background-color: #fff; border: 0px solid #d20039;}
#aboutleft a:hover{text-decoration: underline; padding: 3px; color: #d20039; background-color: #fff; border: 0px solid #d20039;}