body
{
    margin: 0px;
    padding: 0px;
	width:830px;
	height:100%;
	background-color: #b3632e;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}


a:link {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
	line-height:13px;
}
a:visited {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
	line-height:13px;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
	font-weight:normal;
}
a:active {
	text-decoration: none;
	color: #ffffff;
	font-weight:normal;
}

p {
display: block; 
margin-top: 3px;
margin-bottom: 3px;
}
#pageHolder{
/* the following 3 style rules center the page */
margin:0 auto;
position:absolute; 
width:830px; 
text-align:left;
background-color: #b3632e;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
/*	height:800px; */
/*	height:100%; */
/*min-height:800px; */ 
}
a img {border:none;} /* removes the border around the navigation images */

#wrapper{
padding:0px;
margin:0px;
}
#header
{
    height: 100px;
    padding: 0px;
	width:830px;
	margin:0px;
}

#leftcol
{
    float:left;
	width:222px;
	min-height:400px;
	margin-top:25px; 
}

#right
{
    float:right;
	width:222px;
	margin-top:105px;
	margin-left:10px;
}

#center
{
    margin-left: 222px;
    margin-right: 222px;
	width:376px;
	margin-top:-6px;
}
#clear {
clear:both;
}

#footer
{
    /*margin-left: 25%;
    margin-right: 25%;
    padding: 15px; */
	width:830px;
	margin-top:40px;
}
#header_logo{ /* this is the very top bar at the top of the page  */
position:absolute;
margin-top:0px;
margin-left:225px;
padding:0px;
/*width:261px; */
width:376px;
height:100px;
/*background-image:url(../images/HeaderLogo.gif);
background-repeat:no-repeat;
background-position:bottom;
background-position:center; */
background-color:#000000;
/*height:25px; */
}
#header_left{
position:absolute;
margin:0px;
padding:0px;
width:225px;
height:100px;
background-image:url(../images/TopLeft.jpg);
background-repeat:no-repeat;
}


.mainMenu, .mainMenu ul, .mainMenu li, .mainMenu li a { /* this is the main menu on the left side */
border:none;  /* this removes the border around the image links  */
list-style:none;  /* this removes the default bullet list used for menus in Joomla  */
margin:0px;
padding:0px;
width:225px;
height:30px;
display: block;
font-size:0px;  /* this removes the default navigation text that Joomla puts in - makes sure only the roll-over image is seen  */
color:#b3632e; /* this masks the text with the background in IE  */
}
.mainMenu li.item1 a {  /* this is the "What's A Free Store" link  */
margin-left:0px;
background-image:url(../../../images/stories/nav1_off.gif); 
background-repeat:no-repeat;
width:225px;
height:30px;
}
/* the a:hover style rules below create a roll-over effect for the nav images - note this is done without any javascript  */
.mainMenu li.item1 a:hover {
background-image:url(../../../images/stories/nav1_on.gif);
margin-left:0px;
width:225px;
height:30px;
}
.mainMenu li.item2 a {  /* this i sthe "Volunteer With Us" link  */
margin-left:0px;
background-image:url(../../../images/stories/nav2_off.gif); 
background-repeat:no-repeat;
width:225px;
height:30px;
}
.mainMenu li.item2 a:hover {
background-image:url(../../../images/stories/nav2_on.gif);
margin-left:0px;
width:225px;
height:30px;

}
.mainMenu li.item3 a {  /* this is the "Donations" link  */
margin-left:0px;
background-image:url(../../../images/stories/nav3_off.gif); 
background-repeat:no-repeat;
width:225px;
height:30px;
}
.mainMenu li.item3 a:hover {
background-image:url(../../../images/stories/nav3_on.gif);
margin-left:0px;
width:225px;
height:30px;
}
.mainMenu li.item4 a {  /* this is the "Adopt-A-Day" link  */
margin-left:0px;
background-image:url(../../../images/stories/nav4_off.gif); 
background-repeat:no-repeat;
width:225px;
height:30px;
}
.mainMenu li.item4 a:hover {
background-image:url(../../../images/stories/nav4_on.gif);
margin-left:0px;
width:225px;
height:30px;
}
.mainMenu li.item5 a {  /*  this is the "News & Events" link  */
margin-left:0px;
background-image:url(../../../images/stories/nav5_off.gif); 
background-repeat:no-repeat;
width:225px;
height:30px;
}
.mainMenu li.item5 a:hover {
background-image:url(../../../images/stories/nav5_on.gif);
margin-left:0px;
width:225px;
height:30px;
}
.mainMenu li.item6 a {  /* this is the "Resource Network" link  */
margin-left:0px;
background-image:url(../../../images/stories/nav6_off.gif); 
background-repeat:no-repeat;
width:225px;
height:30px;
}
.mainMenu li.item6 a:hover {
background-image:url(../../../images/stories/nav6_on.gif);
margin-left:0px;
width:225px;
height:30px;
}
.mainMenu li.item7 a {  /* this is the "Contact Us" link  */
margin-left:0px;
background-image:url(../../../images/stories/nav7_off.gif); 
background-repeat:no-repeat;
width:225px;
height:30px;
}
.mainMenu li.item7 a:hover {
background-image:url(../../../images/stories/nav7_on.gif);
margin-left:0px;
width:225px;
height:30px;
}
.footer_text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
}