@charset "utf-8";
/* CSS Document */

body {
	font: 80% Trebuchet MS;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(header-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.oneColFixCtr #container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-bottom: 15px;
	
}
.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#header{
width: 1000px;
height: 122px;
margin: 0px;
padding: 0px;
background-image: url(marys-shelter-header.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#leftframe{
width: 235px;
height: 633px;
float: left;
margin: 0px;
padding: 0px;
/*background-color: rgb(247, 222, 239);*/
background-image: url(left-frame-placeholder.jpg);
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 60px;
}


#rightframe{
width: 750px;
float: right;
text-alight: left;
margin-bottom: 60px;

}

#rightframe ul{

color: #0f97fe;


}

#rightframe li{
list-style-type: disc;

}

#rightframe ul span{
color: black;

}

#nav{
float: right;
background: #FFFFFF;
width: 750px;
margin-bottom: 10px;
}

.navitem{
height: 24px;
font-family: Trebuchet MS;
font-size: 16px;
color: #0f97fe;
font-weight: bold;
display: block;
float: right;
background: rgb(247, 222, 239);
padding-right: 4px;

}


.navitem a{
padding-left: 3px;
padding-right: 3px;
color: #0f97fe;
text-decoration: none;
}

.navitem a:hover{
background-color: #0f97fe;
color: white;
text-decoration: none;
}

a {
color: #0f97fe;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: rgb(247, 222, 239);
text-decoration: underline;
}

h1{
font-size: 110%;
color: #0f97fe;
text-transform: uppercase;
margin-top: 0px;
padding: 0px;
display: block;
border-bottom: 1px solid #0f97fe;
margin-bottom: 5px;


}

.navborder{
float: right;
padding: 0px;
margin: 0px;
}

#staticcontent{
float: left;
width: 360px;
padding-right: 10px;
border-right: 1px solid rgb(247, 222, 239);

}

#storyphoto{
width: 356px;
border: 2px solid #0f97fe;
margin-bottom: 5px;
}

#story{
float: right;
width: 360px;

}

#footer{
clear: both;
margin-top: 45px;
padding-top: 5px;
display: block;
width: 700px;
margin: 0 auto;
letter-spacing: 2px;
/*font-weight: bold;*/
text-align: center;
border-top: 2px solid rgb(247, 222, 239);
color: #0f97fe;
font-size: 12px;
}

/* dropdown menu styling */


#dropmenudiv{
position:absolute;
/*border:1px solid black;
border-bottom-width: 0;*/
font: normal 14px Trebuchet MS;
line-height:20px;
z-index:100;
text-align: left;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
color: #0f97fe;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
color: white;
background-color: #0f97fe;
}